PixConvert
All articles
How-To

画質を落とさずに画像のファイルサイズを減らす方法

Web向けに画像のファイルサイズを減らす方法を徹底解説します。形式の選び方、JPEGの画質設定、WebPへの変換、メタデータの削除、そして実践的な5ステップのワークフローを紹介します。

PixConvert Team

1 min read

品質を落とさずに画像のファイルサイズを小さくする方法

画像は、ほとんどのWebページで最も大きなデータ量を占めており、通常はページ全体の重さの50〜70%にのぼります。サイズが大きすぎる画像は読み込み時間を遅くし、Core Web Vitalsのスコア(特にLargest Contentful Paint)を悪化させ、CDNの帯域を浪費し、不要なストレージも消費します。朗報として、フォーマットの選択、品質設定、圧縮を適切に組み合わせれば、目に見える画質の低下なしにファイルサイズを大幅に減らすことができます。

ファイルサイズが速度以外でも重要な理由

Core Web VitalsとSEO: GoogleのLCP(Largest Contentful Paint)指標は、ほぼ必ずと言っていいほど大きなヒーロー画像が原因になります。最適化されていない2 MBのヒーロー画像では、LCPが4秒を超えて「不良」の範囲に入ってしまうことがあります。同じ画像を200 KBに最適化すれば、2.5秒未満に収まるのが一般的です。

ストレージと帯域のコスト: 規模が大きくなると、最適化されていない画像はそのままCDNやストレージの料金増加につながります。1日100万回の画像表示があり、画像の平均サイズが500 KBのサイトでは、毎日500 GBの帯域を使います。平均を150 KBまで減らせば、1日あたり350 GBを節約できます。

モバイルユーザー: Webトラフィックのかなりの割合はモバイル回線で、4G以下であることも少なくありません。ブロードバンドなら問題なく読み込める3 MBの商品ギャラリーでも、混雑した4G回線では6秒以上かかります。

ステップ1:まず適切なフォーマットを選ぶ

ファイルサイズの削減効果が最も大きいのはフォーマットの選択で、品質を調整する前の段階で40〜70%も小さくなることがよくあります。

写真(グラデーションや複雑な色):

  • JPGは基本となるフォーマットで、写真に適した圧縮ができます
  • WebPは同等の品質でJPGより25〜35%小さくなります
  • AVIFは同等の品質でJPGより40〜55%小さくなります

グラフィック、ロゴ、スクリーンショット(シャープな輪郭、フラットな色):

  • PNGは基本となるロスレスフォーマットです
  • WebPのロスレスはPNGより約26%小さくなります
  • グラフィックにJPGを使うのは避けましょう。シャープな輪郭には圧縮ノイズが目立ち、結局PNGよりファイルが大きくなることもよくあります

実践的なルール: 2026年のWebサイトで写真を配信しているのに、今もJPGだけを使っているなら、PixConvertのJPG to WebPコンバーターでWebPに切り替えるのが、最も効果の高い改善です。見た目の画質は変わらないまま、ファイルを25〜35%小さくできます。

ステップ2:適切なJPEG品質レベルを設定する

JPEGの品質は1から100までの尺度で表されます。多くの画像編集ソフトはデフォルトが90〜95に設定されており、画質の面でのメリットはほとんどないまま、必要以上に大きなファイルになります。

Web用途に最適なのは75〜85%です。

一般的な写真の場合、品質レベルごとに次のような違いが出ます。

品質設定一般的なファイルサイズ見た目の結果
95850 KBほぼ無劣化で、元の画像と見分けがつかない
85430 KB通常の表示では違いが見えない
75260 KBごくわずかなノイズはあるが、通常のサイズでは見えない
60150 KB近くで見るとわずかなノイズが見える
50100 KB輪郭やグラデーションにノイズがはっきり見える

多くのツールでデフォルトになっている品質95から品質80に下げると、ファイルサイズはおよそ半分になり、画面上の通常のWebサイズで見ても違いは分かりません。ほとんどのWeb画像では、80%がプロの標準です。

JPEG画像を最適な品質設定で圧縮するには、PixConvertの画像圧縮ツールを使いましょう。処理はブラウザ内でローカルに行われるため、大きなファイルでもアップロードを待たずに圧縮できます。

ステップ3:WebPまたはAVIFに変換する

現在のフォーマットで適切な品質レベルを設定したあとで、WebPやAVIFに変換すると、さらにファイルサイズを減らせます。

WebP: すでに十分最適化されたJPGと比べて、さらに25〜35%小さくなります。品質80の300 KBのJPEGは、同等の品質のWebPにすると通常190〜230 KBになります。

AVIF: WebPと比べて、さらに20〜50%小さくなります。同じ画像がAVIFでは120〜160 KB程度になることもあります。

PNGのグラフィックをWebP(ロスレスモード)に変換すると、画質をまったく損なうことなく、通常26%小さくなります。変換にはPixConvertのPNG to WebPまたはJPG to WebPコンバーターを使ってください。どちらもすべてブラウザ内で動作します。

ステップ4:EXIFメタデータを削除する

カメラやスマートフォンで撮影したJPGやPNGには、EXIFメタデータが含まれています。GPS座標、カメラのモデル、レンズ情報、撮影設定のほか、元の画像の完全なサムネイルが埋め込まれていることも少なくありません。このメタデータがなくても画像の表示は変わりませんが、ファイルサイズは10〜100 KB増えてしまいます。

Webサイトに載せる商品写真やブログ画像であれば、このメタデータを訪問者に配信する理由はありません。削除すればメリットしかありません。ファイルは小さくなり、見た目は変わらず、(特にGPS座標による)プライバシーのリスクもなくなります。

PixConvertの画像圧縮ツールは、圧縮時にEXIFメタデータを自動的に削除します。別のツールや手順は必要ありません。

ステップ5:圧縮する前にリサイズする

圧縮はピクセルあたりのデータ量を減らし、リサイズはピクセルの数を減らします。どちらも重要で、必ず両方を行うべきです。順番は、先にリサイズしてから圧縮します。

画像がWebサイト上で最大幅800pxで表示されるなら、どれだけうまく圧縮しても、幅4000pxのバージョンを配信するのは無駄です。幅4000pxの画像を品質80にすると400 KBくらいになるかもしれません。同じ写真を800pxに縮小して品質80にすると60〜90 KBほどになり、表示しないはずのピクセルを取り除くだけで4〜6分の1になります。

よくあるWebでの用途別の実用的なサイズ:

  • ヒーローバナー:最大幅1920px(ほとんどのサイトでは1440pxで十分です)
  • ブログ記事内の画像:幅800〜1200px
  • 商品サムネイル:400〜600px
  • SNSシェア用画像:1200x630px(OG画像の標準)
  • プロフィール/アバター:通常は256pxあれば十分です

圧縮する前に、必ずPixConvertの画像リサイズツールを使ってください。圧縮してからリサイズすると再圧縮が必要になり、ノイズが再び発生する可能性があります。

5ステップの最適化ワークフロー

WebサイトやアプリにアップロードするどんなJPGやPNGの画像でも、次の順序で進めましょう。

  1. 元のサイズを確認する — 表示に必要なサイズより大きくありませんか?大きい場合は、表示サイズ(Retinaディスプレイ向けなら2倍)にリサイズします。
  2. 適切なフォーマットを選ぶ — 写真ならJPG/WebPを使います。透過のあるグラフィックならPNG/WebPのロスレスを使います。
  3. 適切な品質で圧縮する — 写真は品質75〜85%にします。WebPでは同等の品質のスライダー値にします。
  4. メタデータを削除する — EXIFデータ、sRGB以外のカラープロファイル、埋め込みサムネイルを取り除きます。
  5. 結果を確認する — 圧縮した画像を100%のズームで開きます。画質の低下が見えなければ、圧縮は成功です。

圧縮すべきでない場合

圧縮が常に正しい選択とは限りません。次のようなケースでは、フル品質を維持してください。

アーカイブ用やソースファイル: 元のRAWファイルや、高解像度のPNG/TIFFのマスターファイルは、決して圧縮しないでください。これらは今後の編集のための大元のデータです。オリジナルは、Web用に最適化した書き出しファイルとは別に保管しましょう。

印刷用ファイル: 印刷には300 DPIとCMYKのカラープロファイルが必要です。印刷用ファイルに強いWeb向けの圧縮をかけると、印刷したときに受け入れがたい仕上がりになります。

法的文書や医療用の画像: 医療画像(X線、スキャン)や法的文書の画像には、非可逆圧縮を禁止する厳しい要件があることがよくあります。ロスレスフォーマットのみを使用してください。

圧縮しても実際には小さくならない場合: まれに、強く圧縮したJPGよりもPNGのほうが小さくなることがあります。たとえば、色数の少ない小さなアイコンなどです。両方を試して、小さいほうを残しましょう。

まとめ

最も大きな効果が得られるのは、次の3つの対策です。適切なフォーマットを選ぶ(JPGの代わりにWebP)、適切な品質レベルを設定する(写真は75〜85%)、画像を表示サイズにリサイズする。この3つを組み合わせると、通常は見た目の画質を変えずに、Web画像のファイルサイズを60〜80%減らせます。

まずは、写真にはPixConvertの無料の画像圧縮ツール、フォーマット変換にはPNG to WebPまたはJPG to WebPを試してみてください。すべての処理はブラウザ内で行われるため、アップロードは不要で、ファイル数の制限もありません。

Try These Free Tools

Image CompressorPng To WebpJpg To WebpPng To Jpg