画像圧縮では、ファイル容量(KB・MB)と縦横寸法(px)を分けて考えます。容量は転送量や保存量、ピクセル寸法は表示の細かさに関係します。「何KBが正解」と一律に決めるのではなく、掲載先の上限と実際の表示幅から逆算するのが基本です。

先に掲載先の条件を確認する

  • アップロードできる最大容量
  • 推奨される横幅・高さ・縦横比
  • JPG・PNG・WebPなど対応形式
  • 拡大表示やズーム機能の有無
  • スマホでの表示幅

用途別に決める考え方

用途優先する条件進め方
Webページ表示幅と読み込み速度表示幅に合う寸法へ縮小してから圧縮
EC商品画像ズーム時の細部と登録上限必要な拡大品質を残しつつ上限未満へ
メール本文受信時の負荷と表示崩れ表示幅を小さめにし、実機で確認
メール添付送受信双方の容量上限上限より余裕を持って小さくする
印刷仕上がり寸法と解像感容量より印刷結果を優先

実測例:公開画像を目標20KBにした結果

Snaptoolsの公開用画像(1200×630px、PNG、30,060バイト)を、画像圧縮ツールで「JPG・最大20KB」に設定して処理しました。2026年10月14日にMacのChromeで確認した画面表示は、処理前29.4KB、処理後19.6KB、削減率33.2%です。

項目処理前処理後
形式PNGJPG
設定―最大20KB
容量29.4KB19.6KB
画像寸法1200×630px未測定

この結果には形式変更の影響も含まれます。同じ形式のまま圧縮した結果や、ほかの画像でも同じ割合になるという意味ではありません。透明背景が必要な画像はJPGへの変更を避け、保存したファイルの寸法・文字・色も確認してください。

KB・MBとピクセルは別物

同じ1200×800pxでも、写真の細かさ、形式、品質設定によって容量は変わります。反対に同じ200KBでも、圧縮の強さが異なれば見た目は同じではありません。縦横サイズを必要以上に大きくしないことが、画質と容量の両立に効きます。

目標サイズへ近づける順番

  1. 元画像を残す
  2. 掲載先に合うピクセル寸法へリサイズ
  3. JPG・WebPなど用途に合う形式を選ぶ
  4. 画像圧縮ツールで目標KBを設定
  5. 実際の掲載画面で画質と速度を確認

寸法が大きすぎる場合は画像リサイズで表示用途に合わせ、その後画像圧縮で目標KBに近づけます。文字や細部が崩れたら、上限を上げて原本から作り直してください。

圧縮しすぎのサイン

  • 文字の周りがにじむ
  • 商品の輪郭にブロック状のノイズが出る
  • 空や肌のグラデーションが帯状になる
  • 透明背景が白や黒に変わる
  • 再編集や再圧縮で急に劣化する

画像サイズを記録すると運用が安定する

ECやメディアでは、担当者ごとに判断すると商品画像の容量と比率がばらつきます。「一覧用」「詳細用」「OGP用」など用途ごとに、縦横比、推奨幅、形式、容量上限、ファイル名ルールを表にしておくと、更新のたびに迷いません。

目標KBに届かないときの優先順位

  1. 不要な余白をトリミングする
  2. 実表示より大きすぎる寸法を縮める
  3. 写真ならWebPまたはJPGを試す
  4. 品質を少しずつ下げる
  5. 1枚に含める情報を分けられないか検討する

特に文字入り画像では、容量目標を守るために読めないほど圧縮するのは本末転倒です。説明をHTMLテキストへ移し、画像は必要な視覚情報だけにすると、アクセシビリティと更新性も改善できます。

よくある質問

1MBは何KBですか?

サービスによって10進表記と2進表記が使われます。アップロード上限では、相手側の表示と実際の判定を優先し、上限ぴったりではなく余裕を持たせてください。

画像を圧縮すると縦横サイズも変わりますか?

品質だけを調整する場合は寸法が同じこともあります。Snaptoolsでは目標容量に届かない場合、画質調整に加えて段階的な縮小を行うことがあります。結果のピクセル寸法も確認してください。

参考資料

まとめ

画像サイズは掲載先の仕様から決めます。最適なピクセル寸法に整えてから容量を調整し、数字と見た目の両方で確認してください。容量上限ぎりぎりではなく、更新や再保存に耐えられる余裕を持たせると運用しやすくなります。