画像を 20 KB に圧縮

20 KB の上限は、画像が小さく表示され、かつ頻繁に読み込まれる場所に現れます。フォーラムやゲームサイトのアバター、メール署名の小さなロゴ、favicon ほどのサムネイル、チャットのスタンプなどです。実際に表示される大きさ——たいてい横 100〜300 ピクセル——では、20 KB は画面が示せる以上の細部を含むので、これより大きいファイルは目に見える利点なくページを重くするだけです。

phpBB や vBulletin のような古いフォーラムは、今も約 20 KB を超えるアバターを弾きます。数万人規模のコミュニティは同じ数のコピーを保存するため、ファイルごとの上限が総量を抑えているのです。

20 キロバイトは厳しい予算なので、最も効くのは品質だけでなく寸法です。圧縮前に、実際に表示される正方形や円に切り抜いてください。240×240 で表示されるアバターは、写真全体のごく一部のデータで足ります。そこからツールがファイルを 20 KB 未満になるまで JPG 品質を下げます。

平坦なロゴや漫画調のアバター、単純な図はよく耐えますが、細部の多い写真をこのサイズに押し込むと甘くなります。近く切り抜き、髪や葉のような細かな質感が少し切れ味を失うと見込んでください。目安として、240×240 の JPG は品質 70 でおおむね 12〜18 KB に収まります。

縮小と再エンコードはこのページのローカルで行われ、完成したファイルはサーバーを経由せずそのまま返されます。アバターのような日常的なものでもこれは意味があります。あなたの顔や個人のロゴが自分のマシンに留まるからです。アップロードの待ち行列もアカウントも要らないので、チームのアバター一式をまとめて一度で処理でき、速さは網ではなく端末次第です。

送信前に最終サイズを確かめる価値があります。最も多い失敗は、圧縮したコピーではなく誤って原本をアップロードすることだからです。完了するとツールが画像の隣に新しいサイズを表示します。カメラロールの元ではなく、そのファイルをダウンロードして使ってください。サイトがバイト容量とピクセル寸法の両方を制限する場合、ここで 20 KB を満たせば前者、指定の幅と高さに切り抜けば後者が片づきます。二つは別々に確認される規則です。