オンラインでPNGを数秒でWebPに変換

PNGとWebP、何が違うの？

どちらのフォーマットも透明性は維持できるけど、WebPは速度重視で作られている。同じPNGと比べると、平均でファイルサイズを約30％カットできる。しかも、標準で簡単なアニメーションに対応している。結果として、ページの読み込みは速くなり、データ使用量も減り、デザイナーが愛する鮮明なビジュアルもそのまま楽しめる。

圧縮とファイルサイズ：WebPは、より効率的な画像フォーマットとしてGoogleによって開発され、PNGと比較して、優れた可逆圧縮と非可逆圧縮を提供します。その結果、WebPファイルは同等のPNGファイルよりも小さくなる傾向があり、ページの読み込み時間の短縮や帯域幅の使用量の削減につながる可能性があります。

画質です：PNGはロスレス形式であり、圧縮時に画質を落とすことなく、元の画像データを保持することができます。WebPは可逆圧縮と非可逆圧縮の両方をサポートしており、ファイルサイズを小さくしながらも高品質の画像を維持することが可能です。一般的に、WebPはPNGと比較して、より小さなファイルサイズで同等以上の画質を提供することができます。

透過性：PNGとWebPの両フォーマットは透明度をサポートしており、透明な背景や要素を持つ画像を他のコンテンツに重ねて、境界線を表示させることができます。

アニメーション：PNGはAPNG（Animated Portable Network Graphics）拡張機能によってアニメーションをサポートしていますが、広くサポートされているわけではなく、ファイルサイズが大きくなる可能性があります。一方、WebPはネイティブでアニメーションをサポートしており、アニメーションのあるPNGと比較して圧縮率が高く、ファイルサイズも小さくなります。

ブラウザのサポート：PNGは1990年代から存在し、すべてのモダンなウェブブラウザで普遍的にサポートされています。WebPは新しいフォーマットであるため、ほとんどのモダンブラウザでサポートされていますが、一部の古いブラウザではサポートされていない場合があります。2021年9月現在、WebPはChrome、Firefox、Edge、Operaでサポートされており、Safariはバージョン14でサポートを追加しています。場合によっては、古いブラウザとの互換性のために、PNGやJPEG形式のフォールバック画像を提供する必要があるかもしれません。

サイトでPNGをWebPに置き換えるのはなぜ？

軽量化した画像はFirst Contentful Paintまでの時間を短縮し、Core Web Vitalsを向上させ、帯域幅コストを削減する。回線が遅かったり通信量が制限されている環境でもその違いをすぐに感じられるのに、見た目の品質はまったく損なわれない。

ワンクリックでオンライン変換

上のボックスにPNGファイルをドラッグしてね。サーバーが数秒で変換して、すぐに使えるWebPファイルを返すよ。登録不要、透かしなし、待ち時間なし。

オフライン用ワークフローが必要？

ImageMagick: 手軽にCLIで処理したいときは magick convert image.png image.webp を実行してね。 GIMP + WebPプラグイン: PNGを開いて「エクスポート → WebP」を選び、画質を調整して保存しよう。 XnConvert: シンプルなGUIでWindows、macOS、Linux上のフォルダを一括変換できるよ。

XnConvert：PNGやWebPなど幅広いフォーマットをサポートする、強力で無料のクロスプラットフォーム画像変換ソフトです。バッチ処理が可能で、複数の画像を同時に変換することができます。XnConvertは、Windows、macOS、Linuxで利用可能です。

IrfanView（イルファン・ビュー）：Windows用の軽量で多機能な画像ビューアとエディタで、変換機能も内蔵しています。適切なプラグインを使用すれば、PNGをWebPに変換したり、その逆も可能です。特に一括変換に便利です。

GIMP: The GNU Image Manipulation Programは、Windows、macOS、Linuxで利用できるフリーでオープンソースの画像エディタです。GIMPは、PNGやWebPを含む幅広いフォーマットに対応しています。WebPプラグインをインストールし、エクスポート形式としてWebPを選択することで、画像をWebP形式にエクスポートすることができます。