画像をリサイズ

ファイルサイズより寸法が重要な理由

本当の問題は画像のピクセル数が単に大きすぎることなのに、圧縮ツールに手を伸ばす人がよくいます。600ピクセルの列に表示される幅4,000ピクセルの写真は、それでも全体をダウンロードし、全体をデコードし、その後ブラウザに捨てられます。実際に表示されるサイズにリサイズすることが、できる中で最大の節約であり、通常どんな品質の微調整よりはるかに大きな効果があります。

上のリサイザーでは、最大幅、最大高さ、またはその両方を設定できます。画像は比率を保ったままその枠内に収まるよう拡大縮小されます。決して引き伸ばしたり、つぶしたり、拡大したりしないため、縦長と横長の写真を一緒にドロップしても、それぞれ正しいサイズで出力されます。

よくある送り先の推奨サイズ

拡大縮小の仕組み

拡大縮小はブラウザ自身の高品質リサンプリングで行われ、ピクセルを捨てるのではなく隣接ピクセルを平均します。これにより細い線やテキストが滑らかに保たれます。非常に大きな縮小（たとえば6,000pxから300px）は一度に行われ、ディテールがやや柔らかくなることがあります。巨大な元画像から極小のサムネイルを作り最大のシャープさが欲しい場合は、先に中間サイズにリサイズしてから最終サイズにしてください。

ツールは出力時に画像を再エンコードするため、同時にフォーマットも変更できます。ウェブ画像の一般的なワークフローは、1,600pxにリサイズし、品質80のWebPで出力すること。これで5MBのスマートフォン写真が日常的に150KBのファイルになります。

メタデータと向き

スマートフォンの写真には、向きフラグと、多くの場合撮影場所のGPS位置を含むEXIFメタデータが含まれます。リサイザーは向きフラグを読み取り、正しい回転をピクセルに焼き込むため、出力はどこでも正しい向きで表示されます。メタデータ自体は新しいファイルに引き継がれないため、リサイズした画像を投稿しても位置情報が漏れることはありません。アーカイブ目的でカメラのメタデータを保持したい場合は、リサイズしたコピーと一緒に元画像を保管してください。