画像のサイズ調整（リサイズ）

画像のリサイズとは？

リサイズとは、画像のピクセルサイズ（縦横の画素数）を変更する作業です。たとえば、4000×3000ピクセルの大きな写真を800×600ピクセルに縮小すると、画面上の表示サイズが小さくなると同時に、ファイル容量も軽くなります。数値を直接指定するだけでなく、縦横比を保ったまま片方の長さだけを自動で合わせることも可能です。WebサイトやSNS、各種申請書類など、サイズ規定がある場所に画像をアップロードする際の基本ツールとして広く利用されています。

このような場面でおすすめです

アップロード先の表示枠が決まっている場合や、規定の仕様に合わせたい場合に役立ちます。

• SNSのプロフィールやサムネイル：正方形（1:1）など、各SNSが推奨するサイズにきれいに収めたいとき
• ブログやECサイトの本文画像：記事やデザインの横幅に合わせることで、ページの読み込み速度を向上させたいとき
• 証明写真やオンライン申請書類：書類の書式で指定されている「幅413px」などの数値を正確に再現したいとき
• 複数画像のサイズ統一：ギャラリーや商品一覧ページで、レイアウトを美しく整えて見せたいとき

縦横比（アスペクト比）の維持が重要な理由

画像の縦と横を別々の比率で縮小してしまうと、画像全体が引き伸ばされたり押し潰されたりして、人物や被写体が不自然に歪んでしまいます。これを防ぐために、通常は「縦横比を固定」するオプションを有効にし、片方の数値のみを指定してもう片方を自動で計算させます。正方形など特定の比率が要求される場合は、先に画像をその比率で切り抜いて（クロップして）からリサイズを行うと、きれいに仕上がります。

よくある誤解：「拡大しても画質は良くならない」

「小さな画像を大きくリサイズすれば、ぼやけた写真が鮮明になる」と考えられがちですが、実際は逆です。リサイズ機能は、元の画像に存在しないディテール（画素情報）を新しく作り出すことはできません。小さな画像を無理に拡大すると、限られたピクセルを引き伸ばして表示するため、かえってぼやけたりノイズが目立ったりしてしまいます。高解像度の画像が必要な場合は、あらかじめ大きなサイズの元データを用意するのが基本です。縮小はきれいに処理できますが、拡大によって失われた細部を復元することはできません。

横幅を半分にすると容量はどれだけ減るか — 実測

直感では「横幅を半分にすれば容量も半分」と思いがちですが、実際にはそれよりずっと大きく減ります。同じ写真の横幅比率だけを変え、JPG品質80に固定して保存し、実際のバイト数を測りました。

横幅を半分にすると縦も半分になるため、ピクセル数は半分ではなく25%、つまり4分の1になります。ところが実際の容量はそれ以上に減り、12%まで下がりました。縮小の過程で隣り合うピクセルが平均化され、細かなノイズや微細なディテールが消えますが、それこそがJPGにとって最も保存しにくい情報だからです。

そのため、容量を減らしたいときに真っ先に品質を下げるのは順序が逆であることが多いのです。表示に必要な大きさより画像が大きいなら、品質に手をつける前にリサイズしましょう。800px幅で表示する画像を1600pxのまま載せて品質だけ下げると、画質は目に見えて悪くなるのに、容量はリサイズほど減りません。

リサイズと圧縮は目的の違うつまみです。リサイズは「画面上でどの大きさに見せるか」を、圧縮は「その大きさで何バイト使うか」を決めます。表示サイズに合わせてリサイズを先に行い、それでも足りなければ圧縮を加える順序をおすすめします。

用途別のサイズ目安

• プロフィール写真：正方形（例：400×400ピクセル）に切り抜いてから設定すると、端が欠けることなくきれいに表示されます。
• ブログの本文画像：表示領域の横幅（一般的なブログでは幅800〜1200ピクセル程度）に合わせると、読みやすく読み込みも速くなります。
• ショップのサムネイル：商品一覧の表示サイズに合わせ、複数の画像を同じ寸法に統一して見栄えを良くします。
• 高解像度での印刷用：印刷には画面表示よりもはるかに多くのピクセルが必要となるため、縮小しすぎないようご注意ください。