画像サイズ変更

リサイズが画像に与える影響

リサイズは補間です。ブラウザは既存のピクセルから新しいピクセルを計算します。したがって、拡大しても撮影されなかった詳細を作り出すことはできず、小さな画像を大きなフレームに引き伸ばすとぼやけて見えます。一方、縮小は通常有益です。表示時にいずれ捨てられる情報を破棄するため、見た目の劣化なしにファイルが小さくなります。

リサイズはブラウザ内のキャンバス上で実行されるため、大きくプライベートな画像もネットワークに一切送られません。

アスペクト比を保つか崩すか

商品写真、スクリーンショット、ポートレート、ソーシャル画像など、ほぼすべてで比率を固定してください。幅と高さを個別に設定して画像を引き伸ばすと、顔やテキストが歪み、視聴者は理由を説明できなくてもすぐに気づきます。

表示先が正確な寸法を要求し、歪みを受け入れる場合にのみ意図的に比率を崩してください。より良いのは、先に目標比率へ切り抜いてからリサイズすることです。そうすれば何も押しつぶされません。

処理の順序

ファイルを寸法でもバイト数でも小さくする必要がある場合は、先にリサイズし、次に圧縮してください。先に圧縮すると、これから削除するピクセルに労力を費やし、圧縮損失が積み重なります。リサイズし、その結果を圧縮し、さらに圧縮が必要かを決める前にファイルサイズを比較してください。