PNGをWebPに変換する方法：画像サイズを30%以上削減

あなたのウェブサイトの読み込みが遅い。Google PageSpeedが警告を出している。原因の半分は画像です。そしてその多くは、大きすぎるPNGファイルです。

PNGは画質に優れています。でもページの表示速度には最悪です。1つのPNGが1〜2MBになることも珍しくありません。1ページに10枚あれば10〜15MBです。訪問者は待たされます。多くの人が離脱します。

WebPがこの問題を解決します。PNGをWebPに変換すると、同じ画質のまま30%以上サイズを削減できます。透過にも対応しています。

WebPファイルはPNGよりどれくらい小さい？

削減効果は確実で安定しています。典型的な変換結果をご覧ください：

画像の種類	PNGサイズ	WebPサイズ	削減率
商品写真（透過なし）	1.5 MB	180 KB	88%
透過ありのロゴ	80 KB	22 KB	73%
スクリーンショット	400 KB	120 KB	70%
アイコンセットのスプライト	200 KB	55 KB	73%
インフォグラフィック	900 KB	250 KB	72%

最も大きな削減効果があるのは、PNGとして保存された写真です。これはウェブで最も多いミスの1つです。写真はPNGにすべきではありません。WebP、AVIF、または最低でもJPGにすべきです。透過が不要なら、PNGをJPGに変換して互換性を確保することもできます。PNG形式の写真は、必要なサイズの5〜10倍の大きさです。

本当にPNGが必要な画像（透過グラフィック、アイコン、スクリーンショット）でも、WebPなら透過を保ったまま25〜35%小さいファイルを実現します。

WebPはPNGと同じように透過に対応している？

はい。これはWebPで最も重要なポイントの1つです。透過と小さいファイルサイズの間で選ぶ必要はありません。

WebPは完全なアルファチャンネルの透過に対応しています。完全に透明な領域、半透明な領域、滑らかなアンチエイリアスの縁。PNGで機能するものはすべてWebPでも機能します。

違いはサイズです。80KBの透過PNGロゴが、20KBの透過WebPになります。同じロゴ。同じ透過。データは75%減。

これは透過画像が多いウェブサイトにとって重要です。商品を切り抜いたECサイト。カスタムアイコンやUI要素があるサイト。背景の上に画像が浮かぶページ。

WebPはすべてのブラウザで使える？

はい、実用上は問題ありません。WebPはChrome、Firefox、Safari、Edge、Operaでサポートされています。これは世界のウェブユーザーの97%以上をカバーしています。

Safariは2020年にWebPのサポートを追加しました。最後の大きな未対応ブラウザでした。それ以来、WebPはどこでも安全に使えます。

WebPを表示できないユーザーは、非常に古いブラウザを使っている人だけです。Internet Explorerは対応していません。2020年以前のブラウザも同様です。こうしたユーザーが対象に含まれる場合は、HTMLの<picture>要素でフォールバックを設定できます。モダンブラウザにはWebPを、古いブラウザにはPNGを配信します。

2026年のほとんどのウェブサイトでは、フォールバックなしでWebPを使って大丈夫です。対応していないブラウザのシェアは3%未満です。

PNGをWebPに変換するには？

ConvertIMGは、ブラウザ上で直接PNGをWebPに変換します。PNGファイルをドロップして、WebPを選び、画質を設定してダウンロード。サーバーへのアップロードは不要。登録も不要。ファイルはあなたのデバイス上に残ります。

WebPでは画質設定が重要です。おすすめの設定はこちら：

90〜95% は画質が重要な画像向け。ポートフォリオ作品、ヒーロー画像、商品のクローズアップ。ファイルはPNGよりずっと小さくなります。

80〜85% は一般的なウェブ画像向け。これが最適な設定です。95%との画質の違いは通常の閲覧距離では分かりません。ファイルサイズは大幅に減ります。

70〜75% はサムネイル、背景画像、装飾用グラフィック向け。小さいサイズやテキストの後ろでは、高画質は無駄です。バイトを節約しましょう。

ロスレスモード はピクセル単位で完璧なWebPが必要な場合に。ロゴ、アイコン、技術図はロスレスWebPに変換できます。ファイルはPNGより25〜30%小さく、画質の劣化はゼロです。

すべてのPNGをWebPに置き換えるべき？

ウェブ配信においては、はい。2026年にウェブサイトでPNGファイルを配信する理由はほとんどありません。WebPは同じ画質でサイズは数分の一です。ページの読み込みが速くなります。ホスティング費用が下がります。検索順位が上がります。

いくつかの例外があります：

ファビコン。 一部のブラウザはまだPNGのファビコンを想定しています。これはPNGのままにしましょう。

SNSプレビュー画像。 Open GraphやTwitter Cardの画像は、PNGやJPGの方が良い場合があります。すべてのSNSクローラーがWebPを完璧に処理するわけではありません。

編集用ソースファイル。 オリジナルのPNGファイルはプロジェクトのアセットに保管しましょう。WebPは公開版にだけ使いましょう。後で画像を編集する必要があれば、PNGソースから始めてください。

それ以外はすべてWebPに変換しましょう。移行はシンプルです。各PNGをWebP版に置き換えて、HTMLのimgタグを更新するだけです。

WordPressのようなCMSを使っている場合、多くのプラグインがアップロード画像のWebP版を自動的に配信できます。コンテンツを変更する必要すらありません。

WebPの代わりにAVIFを使うのはどう？

AVIFはWebPよりさらに進んでいます。同じ画質でWebPより20〜30%小さいファイルを生成します。最高の圧縮率を求めるなら、AVIFが勝者です。

ただし、WebPにはAVIFに対する2つの強みがあります：

より広いサポート。 WebPはブラウザの97%以上で動作します。AVIFは約93%です。差は小さいですが確実にあります。

より速いエンコード。 PNGをWebPに変換する方が、AVIFへの変換より速いです。大量の画像を処理する場合、速度の差は重要です。

ウェブサイトの理想的な設定：まずAVIFを配信し、WebPをフォールバックに、PNG（またはJPG）を最後の手段にします。ただし1つの形式を選ぶなら、WebPが最も安全な選択です。ほぼどこでもサポートされ、PNGに比べて大幅に節約できます。

どのフォーマットをいつ使うべきか詳しく知りたい方は、画像フォーマット比較ガイドをお読みください。

PNGを小さくする準備はできた？

膨れ上がったPNGファイルをウェブサイトで配信するのはやめましょう。ConvertIMGはPNGをWebPに数秒で変換します。無料、プライベート、ブラウザで動作。ファイルをドロップするだけで画像サイズが縮小されます。もっと小さくしたい？変換後にWebPファイルをさらに圧縮できます。