画像圧縮とは?
画像圧縮とは許容できる画質のままファイルをできるだけ小さくすることです。このツールはブラウザ内で画像を JPG または WebP に再エンコードし、調整可能な品質と引き換えにファイルを小さくします——サイト高速化、アップロードやメール送信、保存容量の節約に最適です。アップロードは行いません。
使い方
- JPG・PNG・WebP 画像をドロップまたは選択します。
- 出力形式を選び、品質スライダーを動かします(低いほど小さく)。必要ならサイズも縮小できます。
- 圧縮前後のサイズを比べ、良ければ「ダウンロード」を押します。
もっと小さくするコツ
- 写真は JPG か WebP を。単色の広い面・線画・文字が多い画像は PNG のほうが鮮明なこともあります。
- 最終的に小さく表示する画像(サムネイル・アイコン)は、サイズ自体を縮小すると品質を下げるより効果的です。
- 品質 70〜85 が画質とサイズのちょうど良い落としどころです。
1 ページに複数の画像 —— どれから圧縮すべきか
パーセントを見ると選択を誤ります。3 行のうち比率が最も見事なのは UI のスクリーンショットで 45.2 KB → 6.7 KB(-85%)。ただし取り戻せるのは 38.5 KB だけです。写真の -46% は見劣りしますが、空くのは 151.4 KB —— 3.9 倍です。イラストはその中間で 25.6 KB → 7.7 KB(-70%)、18.0 KB 相当。読み込み時間はバイトで支払うものであり比率ではないので、絶対サイズの順に、いちばん大きいファイルから手を付けてください。この計測は WebP・品質 80 です。先に知っておくべき制限が 1 つ:JPG 出力を選ぶとコードは描画前に白い矩形を塗ります(#ffffff がハードコード)。透過部分は白で戻り、保持もされず黒にもなりません。アルファが必要なら WebP を選んでください。