画像圧縮

圧縮する前にサイズを変更する

ファイル容量の大部分は、ピクセル寸法で決まります。スマートフォンで撮影した写真は幅が4000ピクセルあることが多い一方、ページ上で1600–2000ピクセルを超える幅で表示されることはほとんどありません。そのため、先にサイズを変更すると、画質を犠牲にする前に大部分のバイト数を削減できます。同じ画質設定なら、ピクセル数が4分の1の写真のサイズは、およそ4分の1になります。

画質設定を選ぶ

JPGとWebPでは、画質を75〜85にすると、通常は画面上で元画像と見分けがつかないまま、ファイルサイズを大幅に小さくできます。60前後を下回ると、空や滑らかな肌にブロック状の斑点が現れ、輪郭の周囲にはハローが生じます。PNGはロスレス形式のためスライダーを無視します。小さくするには、ピクセル数または色数を減らすしかありません。

結果に文字の周囲の薄い輪や暗い部分の斑点が見られる場合は、さらにサイズを変更するのではなく、画質を1段階上げてください。こうしたアーティファクトはエンコーダーのビット不足によって生じるもので、JPGとして保存したスクリーンショットで特に目立ちます。

画像に合った形式を選ぶ

写真はWebPまたはJPGにすると最も効率よく圧縮できます。スクリーンショット、図、文字や単色を含む画像は、PNGまたは高画質のWebPのほうが鮮明さを保てます。JPGでは文字の輪郭がにじむためです。作業の一環として形式を変える場合は、JPGからWebPまたはPNGからJPGを使ってください。

目安として、ウェブページの横幅いっぱいに表示する写真はおよそ300 KB未満、記事内の画像はおよそ150 KB未満に収めると快適です。これを大きく上回る画像は、スマートフォンの接続環境ではページの読み込みを遅くします。

サイズ上限に合わせて圧縮する

フォームやメールで最大サイズが指定されている場合は、品質ではなく目標サイズを選びます。コンプレッサーはまず最高品質から試し、ファイルが収まるまで二分探索で品質を下げていくため、可能な限り鮮明な状態で上限に収まります。最小サイズになるまで圧縮するわけではありません。フルサイズで品質を約50%にしても大きすぎる場合は、画像を縮小してから再度検索します。ブロックが目立つほど品質を下げてフルサイズにするより、適度な品質でピクセル数を減らしたほうがきれいに見えるためです。

上限は、サイトがファイルサイズを数える2通りの方法のうち厳しいほうに合わせ、1 KBを1,000バイトとして判定します。そのため、100 KB用に作成したファイルは、100,000バイトまたは102,400バイトのチェックを通過します。PNGは可逆圧縮のためサイズを指定して調整できず、目標サイズを指定すると必ずJPGまたはWebPになります。よくある用途向けに、すぐ使えるページも用意しています：画像を100 KBに圧縮。

使い方

1. 画像をドロップするか、デバイスから選択します。
2. 出力形式と品質を設定します。
3. 圧縮して、ファイルサイズを比較し、結果をダウンロードします。

プライバシーと制限事項

ファイルはブラウザの外へ送信されません。キャンバス経由のエクスポートでは埋め込みメタデータが削除される場合があり、PNGの画質はスライダーでは制御されずロスレスです。