ウェブ開発者
重いPNGをWebPに置き換えて、ページの読み込みを速め、Core Web Vitalsを改善できます。
PNG · AI · WEBP
PNG to WebP
PNG画像を軽量なWebPに変換 — 読み込みが速く、くっきりとした画質を保ちながらファイルサイズを縮小。
PNGWEBP
Connect apps
PNGをWebPに変換する方法
PNG画像をアップロードして、Webサイト、アプリ、キャンペーン向けにより軽いWebPファイルを作成できます。
設定を選ぶ
例を選ぶか、最高画質のロスレスか、最小サイズのロッシーかを伝えます。
WebP画像が必要な人見た目の品質を保ちながら画像容量を抑えたいチームに便利です。
デザイナーとブロガー
スクリーンショットやグラフィックを縮小し、目に見える画質低下なしでサイトを高速化できます。
ストア・アプリ運営者
商品写真やUI素材全体の画像帯域を一度に削減できます。
PNGからWebP圧縮のコツ品質レベル、透過、用途によって最適なWebP設定が決まります。
どちらがよいか伝えましょう。ロスレスは全ピクセルを保ち、ロッシーはより小さくなります。
ロゴやアイコンの透過背景を伝えれば、きれいに変換されます。
「100KB以下」と伝えれば、Happycapyがその目標に合わせて画質を調整します。
画像フォルダをまるごと一度の指示でWebPに変換できます。
フォールバックとしてPNGも必要なら、残すよう指示しましょう。
WebPはすべての最新ブラウザで動作します。PNGフォールバックは非常に古いブラウザ向けだけで十分です。
PNG to WebPで期待できること
PNG to WebPの出力品質、変換後の確認事項、ダウンロード時のポイントを確認できます。
PNG to WebPで期待できること
PNGからWebPへの変換では、画像の内容にもよりますが、ロッシー出力でファイルサイズが25〜50%、ロスレスで10〜35%縮小するのが一般的です。写真やグラデーションはシンプルな単色グラフィックよりも圧縮率が高くなります。変換は通常高速で、1枚の画像なら数秒で処理できます。
示例：実際のテストでは、2,560×1,440のPNG（1.2MB）を品質80でWebPとして保存したところ、約286KB — 約76%の削減 — にまで縮小し、通常の画面サイズでは見た目上の違いはありませんでした。一方、ロスレスWebPは、すでにコンパクトな画像の場合、元のPNGより大きくなることがあります。
WebP変換の注意点
- ロスレスWebPは、色数が少なくインデックスパレットを多用したすでに最適化済みのPNGでは、元のPNGよりファイルサイズが大きくなることがあり、サイズ削減が保証されるわけではありません。
- ロッシーモードでは、品質設定を低くすると、鮮明な文字の輪郭や細い線の周りにわずかなアーティファクトが生じます。PNGにテキストや線画が含まれる場合は、品質を85以上に上げてください。
- WebPは一部の古い環境（古いメールクライアントや特定のレガシーソフトウェアなど）ではサポートされていないため、変換後のファイルはフォールバックなしでは汎用的に使用できない場合があります。
常见问题
ツールに直接PNGファイルをアップロードするだけで、すぐに使えるWebPファイルを無料で受け取れます。開始にアカウントは不要です。Happycapyがクラウド上で変換処理を行うため、ローカルのマシンに負荷がかかることはなく、ファイルのアップロード程度で済みます。
