画像をピクセル、割合、または枠に合わせてリサイズ

6つのモードと、それぞれが答える質問

リサイズは1つの操作のように聞こえますが、実際には6種類あります。違いは、すでに何を知っているかです。間違ったものを選ぶと、アバターで誰かの額が切り取られることになります。

サービスが「画像は1600ピクセル以下」といった単一の数値を指定しているときは、長辺を使うのが適しています。写真が縦向きでも横向きでも機能するためです。4032 × 3024 のスマートフォン写真を1600に制限すると、1600 × 1200、倍率は 0.397 となり、12メガピクセルではなく 1.92 メガピクセルになります。

Fit と Fill は混同されやすい組み合わせです。Fit は画像全体が枠内に入るまで縮小するため、通常は一方の辺が枠より小さくなり、何も失われません。Fill は枠が埋まるまで拡大し、その後はみ出した部分を中央からトリミングするため、出力は枠と正確に同じサイズになり、ピクセルが失われます。同じ 4032 × 3024 の写真を 512 × 512 のアバターに Fill すると、512 × 512 になり、中央から 3024 × 3024 の範囲が使われます。フレームの4分の1が捨てられますが、アバターには正しく、文書には適していません。

一度に縮小すると見栄えが悪くなる理由

ブラウザに幅4032ピクセルの画像を幅400ピクセルのキャンバスへ描画させると、実装によっては出力ピクセル1つにつき元のピクセルをおよそ1つだけサンプリングし、残りの100個を捨てることがあります。結果はエイリアシングです。細部がモアレになり、斜めの線が階段状になり、写真はざらついた過度にシャープな見た目になります。エンコーダーが動く前に起きた損傷なので、品質設定をどれだけ変えても直りません。

解決方法は古く、安価です。次の手順で目標を超えてしまうところまで画像を繰り返し半分にし、その後に最後の手順を行います。半分にするたびに4ピクセルを1つへ平均化するため、画像が目標サイズに達するまでに、すべての元ピクセルが結果に寄与します。このツールはそれを行い、コストは約1ミリ秒です。

そのため、ここでリサイズした出力は単純なリサイズより通常わずかに柔らかくなり、見た目はかなり良くなります。正しい平均化による柔らかさは実際の情報であり、エイリアシングによる鮮明さはアーティファクトです。

アバターとプロフィールのサイズが思ったより小さい理由

多くのプラットフォームは、実際に表示するサイズよりはるかに大きな画像のアップロードを求め、その後、自社サーバーで再エンコードします。表示サイズを知っていれば、98ピクセルで表示される画像に4メガバイトを使わずに済みます。

実用上のまとめは、512 × 512 の正方形画像1枚で、この一覧にあるほぼすべてのアバター枠に対応できるということです。それより大きくしても先方で再エンコードされ、それよりかなり小さいと高密度画面でぼやけます。512 × 512 の枠で Fill モードを使い、トリミングで肩ではなく顔が残っていることを確認すれば十分です。

円形マスクについては一度考えておく価値があります。上の表にあるプラットフォームのうち Slack と GitHub 以外はすべてアバターを円形にトリミングするため、角が取り除かれます。重要なものは正方形ではなく、内接円の内側に置く必要があります。ロゴの下端にある文字は完全に消えます。

拡大でできることと、できないこと

このツールは、設定を有効にすれば画像を拡大し、実行したことを処理結果に表示します。補間は周囲のピクセルから中間のピクセルを作りますが、細部を復元することはできません。細部は最初から記録されていないためです。400ピクセルの画像を2倍にすると800ピクセルの画像になりますが、含まれる情報量は400ピクセルの画像とまったく同じで、同じ表示サイズではより柔らかく見えます。

見た目の細部を本当に追加する機械学習アップスケーラーは、もっともらしい細部を創作しています。壁紙には問題ありませんが、証拠、識別、文書に使うものには不適切です。このサイトにはそのような機能はなく、その問題が存在しないふりもしません。

必要なのがピクセルサイズではなく印刷サイズなら、計算は見た目より簡単です。ピクセル数を印刷解像度で割ります。1600ピクセルの画像は、300 dots per inch なら幅5.3インチ、腕の長さで読むものなら十分な150 dots per inch では10.7インチです。EXIF の解像度フィールドはこれと関係がなく、変更しても画像には何も起きません。

透明度、回転、メタデータ

PNG と WebP はどちらもアルファチャンネルを保持し、リサイズしても維持されます。JPEG は透明度をまったく保存できないため、JPEG を選ぶと画像が白地に平坦化されます。ツールは元画像を先に確認し、本当に透明なピクセルがある場合だけこの点を知らせます。透明度とファイルサイズの両方が重要なら、WebP はその両方に対応する形式です。

回転はそれ以外の処理より前に行われます。スマートフォンは多くの写真を横向きで保存し、どちらに回転するかを示す EXIF タグを付けます。キャンバスは指示されない限りそのタグを無視します。このツールは指示するため、回転がピクセルに組み込まれ、出力にタグは必要ありません。そのため、EXIF を完全に無視するソフトウェアでも、リサイズしたファイルは正しい向きで表示されます。

出力はピクセルからエンコードされるため、メタデータは残りません。位置情報、カメラ情報、シリアル番号、XMP、C2PA は残りません。これは目的ではなく副作用です。メタデータを削除しつつ画像をそのまま保ちたい場合は、メタデータツールなら再エンコードせずに処理できます。ピクセルサイズではなくファイルサイズの上限に合わせたい場合は、コンプレッサーが適しています。