画像を1080×1080の正方形にリサイズ

1080ピクセルの正方形はどこから来たのか

1080は紙の数字ではなく画面の数字です。フルHDディスプレイの短辺であり、スマホのアプリが全幅表示の画像を描く幅としてこの値に落ち着いたため、人が画像を用意するときの幅にもなりました。この幅の正方形は1,166,400ピクセル、120万画素を少し超える情報量を持ちます。全幅の枠で1レイアウトポイントあたり2デバイスピクセルを描くスマホでも十分に鮮明で、しかも写真のJPEGが数メガバイトではなく数百キロバイトに収まる程度の小ささです。代償が生じるのは形のほうです。センサーは4:3か3:2、動画のフレームは16:9なので、正方形はほとんどすべてのものにとって切り抜きになります。枠を埋めるとは、短辺が1080に届くまで拡大縮小し、長辺側の2辺から残りを切り落とすことです。4032×3024のスマホ写真は1440×1080になり、そこから幅の360ピクセル、写真の4分の1を失います。3:2のカメラファイルは3分の1を手放します。16:9の動画の静止画や9:16の縦長クリップのフレームは44パーセント近くを手放すことになり、画面録画や動画のキャプチャがどこを切り抜いても良い正方形にならないのはそのためです。代わりに画像全体を収めれば、すべてが残り、同じ割合を背景に使うことになります。先ほどの4:3の写真は1080×810になり、上下に135ピクセルずつの帯が付くので、正方形のピクセルの4つに1つは写真ではなく背景です。取引は対称で、問題はどちら側で支払うかだけです。もう1つ気をつけたいのが拡大です。1080は、ここに送られてくる多くの画像より大きいからです。昔の600×600のプロフィール画像は1.8倍、512ピクセルのアイコンは2倍を少し超える拡大が必要で、Webページから保存したサムネイルはそのどちらより厳しいこともあります。拡大は実在するピクセルの間を補間するだけで、カメラが記録しなかったディテールを取り戻すことはありません。だから倍率は、背後で黙って適用されるのではなく結果パネルに表示されます。デコードも切り抜きもエンコードも、すべてあなた自身のブラウザ内のcanvas要素が行うため、写真がどこかへ送られることはありません。