切り抜きとリサイズの違いは？

切り抜きは、画像の一部を捨てて特定の領域へ焦点を当てます。内容を除くことで寸法が変わります。リサイズは画像全体を拡大または縮小し、すべての内容を残したままピクセル寸法を変えます。

切り抜くとファイルサイズも小さくなりますか？

はい。切り抜きではピクセルが取り除かれるため、画像全体のデータ量が減ります。どの程度小さくなるかは、元画像から除いた範囲によって異なります。

元ファイルを上書きして保存した場合は戻せません。切り抜きで除いたピクセルは失われます。必ず元画像のコピーを残すか、非破壊編集に対応するツールを使ってください。

掲載先によって異なります。SNSには推奨される比率があり、たとえばInstagramの正方形投稿は1:1、YouTubeのサムネイルは16:9です。ドキュメントやブログ記事では、見せる内容の自然な比率を使うのが一般的です。

切り抜きを先に行います。不要なピクセルを先に除けば、圧縮処理の対象が小さくなり、効率よくファイルサイズを減らせます。

画像の切り抜きは、画像の端を取り除き、不要な領域を消したり、アスペクト比を変えたり、内容の一部へ焦点を当てたりする処理です。

どちらも画像の寸法を変えますが、処理方法と目的は異なります。

切り抜きは画像の一部を取り除きます。残った内容の解像度は変わらず、切り抜き後も各ピクセルは元のままです。写る範囲が狭くなり、細かさを保ったまま画像が小さくなります。

リサイズは画像全体を拡大または縮小します。内容はすべて残りますが、ピクセル寸法が変わります。縮小するとファイルサイズと細部が減ります。拡大すると寸法は増えますが、本来なかった細部を加えることはできません。補間された画像は、ぼやけることがあります。

スクリーンショットでは、切り抜きのほうがよく使われます。画面全体の撮影には、ブラウザ部分、タスクバーなど、見せたい内容とは関係のない要素が写りがちです。切り抜きで不要なものを除くと、重要な部分へ視線を導けます。

一部の撮影ツールでは、撮影前に任意の範囲を選べます。撮影時に切り抜くのと同じ結果になるため、画面全体を保存してから加工する手間がありません。

ドキュメント用の画像では、必要な範囲より少し広く撮影し、最終的な構図をそろえてから切り抜く方法が扱いやすい場合があります。読者が理解するための背景を残しつつ、ブラウザ部分やデスクトップの雑然とした要素を除けます。

アスペクト比は、画像の幅と高さの割合です。よく使われる比率には、16:9（ワイド画面）、4:3（従来の画面）、1:1（正方形）があります。

切り抜くとき、比率を固定しなければアスペクト比も変わります。自由な切り抜きでは任意の長方形を選べるため、選択範囲に応じた比率になります。比率を固定すると、SNS投稿、サムネイル、決まった大きさの埋め込み枠など、掲載先に合う画像を作れます。

決まったレイアウトで使うスクリーンショットは、初めから目的の比率を固定して切り抜きます。あとで再調整する手間を省き、重要な内容を枠の中央へ収めやすくなります。

狭く切り抜きすぎる： 周囲の背景をすべて除くと、スクリーンショットを理解しにくくなります。メニューの見出しやサイドバーのラベルなど、画面全体のどこにある部分かが分かる程度の背景を残します
元画像を残さない： 上書き保存したあとの切り抜きは元に戻せません。必ずコピーを編集するか、元画像を保つツールを使ってください。最初の切り抜きで重要な内容を除いても、やり直せます
掲載先のアスペクト比を無視する： 任意の形に切り抜いてから、SNS投稿やスライドの固定比率の枠へ無理に入れると、サービス側で再び切り抜かれたり、余白が付いたりします。最初から目的の比率で切り抜きます
非可逆圧縮のあとに切り抜く： 圧縮後に切り抜くと、捨てるピクセルまで先に処理することになります。先に切り抜き、小さくした画像を圧縮すると効率的です