画像リサイズ

リサイズは、指定された幅と高さのキャンバスを用意し、そこに元画像を描き込むことで行われます。ブラウザの描画エンジンが補間を担当するため、写真の縮小では滑らかな結果になります。縦横比を維持する設定を入れておけば、幅を入力した時点で高さが元の比率から自動計算されます。

元の画素数より大きな値を指定すれば拡大もできますが、無い情報が増えるわけではないので、輪郭がぼやけた結果になります。印刷用に大きくしたい場合は、元データを大きい状態で用意し直すのが確実です。

リサイズ後の画像は、元のファイルと同じ形式で書き出されます。JPEGを入れればJPEGが、PNGを入れればPNGが返り、拡張子も元に合わせられます。「リサイズしただけなのに全部PNGになって重くなった」という事故が起きないようにするためです。

したがって、リサイズと同時に形式も変えたい場合は、リサイズしてから形式変換をつないでください。

「ファイルを軽くしたい」という目的に対して、リサイズと圧縮は効き方が違います。スマートフォンで撮った4000×3000画素の写真をブログに幅800pxで貼るなら、画素数は実際に必要な量の20倍以上あります。この状態で品質だけを下げても、無駄な画素にビットを使い続けることに変わりはありません。

先にリサイズで必要な画素数まで落とし、それでも足りなければ圧縮で品質を調整する、という順序が、見た目あたりのファイルサイズという意味では最も効率的です。

キャンバスに描き直す方式のため、元画像のEXIF（撮影日時・カメラ機種・GPS）やICCプロファイルはリサイズ後の画像に引き継がれません。個人情報の観点では都合が良い一方、撮影情報を残したい場合には注意が必要です。1ファイルあたり50MBまでを想定しています。

SNSのアイコンのように「正方形で、この画素数」と決まっている場合、いきなりリサイズすると縦横比が崩れて歪みます。先に切り出しで必要な部分を正方形に取り、そのあとリサイズで指定の画素数に合わせると、被写体の比率を保ったまま寸法を満たせます。