PNG to WebP
PNG画像をWebPに変換します。Happycapyは、くっきりとした画質を保ちながらWebでの読み込みを高速化する軽量なWebPファイルにPNGを変換します。1枚の画像でもフォルダ全体でも変換でき、ロスレスまたはより小さいロッシー出力を選択できます。無料で始められます。
PNGをWebPに変換する方法
PNG画像をアップロードして、Webサイト、アプリ、キャンペーン向けにより軽いWebPファイルを作成できます。
設定を選ぶ
例を選ぶか、最高画質のロスレスか、最小サイズのロッシーかを伝えます。
PNGを添付する
Happycapyに進んで画像を1枚でもフォルダごとでもドロップします。
Happycapyに変換させる
各PNGをWebPに再エンコードし、透過を保ちつつファイルサイズを削減します。
WebPをダウンロード
鮮明さを保ったまま、より小さくウェブ対応の画像を受け取れます。
WebP画像が必要な人
見た目の品質を保ちながら画像容量を抑えたいチームに便利です。
ウェブ開発者
重いPNGをWebPに置き換えて、ページの読み込みを速め、Core Web Vitalsを改善できます。
デザイナーとブロガー
スクリーンショットやグラフィックを縮小し、目に見える画質低下なしでサイトを高速化できます。
ストア・アプリ運営者
商品写真やUI素材全体の画像帯域を一度に削減できます。
PNGからWebP圧縮のコツ
品質レベル、透過、用途によって最適なWebP設定が決まります。
ロスレスかロッシーか
どちらがよいか伝えましょう。ロスレスは全ピクセルを保ち、ロッシーはより小さくなります。
透過を保つ
ロゴやアイコンの透過背景を伝えれば、きれいに変換されます。
サイズを目標にする
「100KB以下」と伝えれば、Happycapyがその目標に合わせて画質を調整します。
フォルダごと一括処理
画像フォルダをまるごと一度の指示でWebPに変換できます。
元ファイルを残す
フォールバックとしてPNGも必要なら、残すよう指示しましょう。
ブラウザ対応を確認
WebPはすべての最新ブラウザで動作します。PNGフォールバックは非常に古いブラウザ向けだけで十分です。
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設定が決まります。
- ロスレスWebPは、色数が少なくインデックスパレットを多用したすでに最適化済みのPNGでは、元のPNGよりファイルサイズが大きくなることがあり、サイズ削減が保証されるわけではありません。
- ロッシーモードでは、品質設定を低くすると、鮮明な文字の輪郭や細い線の周りにわずかなアーティファクトが生じます。PNGにテキストや線画が含まれる場合は、品質を85以上に上げてください。
- WebPは一部の古い環境（古いメールクライアントや特定のレガシーソフトウェアなど）ではサポートされていないため、変換後のファイルはフォールバックなしでは汎用的に使用できない場合があります。
よくある質問
PNGを無料でWebPに変換するにはどうすればいいですか？
ツールに直接PNGファイルをアップロードするだけで、すぐに使えるWebPファイルを無料で受け取れます。開始にアカウントは不要です。Happycapyがクラウド上で変換処理を行うため、ローカルのマシンに負荷がかかることはなく、ファイルのアップロード程度で済みます。
なぜWebPはPNGよりも一般的にファイルサイズが小さくなるのですか？
WebPはPNGよりも新しい圧縮アルゴリズムを使用しており、ロッシーモードでは見た目が似たPNGと比較してファイルサイズを25〜35%削減できます。ロスレスWebPであっても、写真や複雑なグラフィックではPNGよりファイルサイズで優れていることが多いです。
WebPはPNGの透過を保持しますか？
はい — WebPはアルファチャンネルを完全にサポートしているため、ロゴ、アイコン、透過背景の切り抜き画像もきれいに変換されます。透過部分が白い箱状に表示されたり、色がにじんだりすることはありません。
ロスレスとロッシー出力はどちらを選ぶべきですか？
ピクセル単位の正確さが重要な場合（UIアセット、スクリーンショット、後で再編集する予定の画像など）はロスレスを選んでください。写真や装飾的なWeb画像で、若干の画質低下と引き換えに明らかにファイルサイズを小さくしたい場合はロッシーを選んでください。ロスレス版と比べて30〜50%小さくなることも多いです。
変換後、画像は見た目が大きく変わりますか？
ロスレス設定では、出力は元のPNGと見た目上まったく同じです。高品質のロッシー設定では、通常の閲覧サイズではその違いを見分けるのは難しい一方で、ファイルサイズは大きく縮小します。品質設定を下げるほど目に見えるアーティファクトが増えるため、このツールはバランスの取れた中〜高品質をデフォルトにしています。
大量のPNGを一度にまとめて変換できますか？
はい — 複数のPNGファイルを一度に送信でき、ツールは1回の処理ですべてを変換し、プロジェクトにそのまま組み込めるWebPファイル一式を返します。サイトを公開する前に画像ディレクトリ全体を最適化する際に特に便利です。
画像編集ソフトやコマンドラインツールをインストールする必要はありますか？
インストールは一切不要です。変換はブラウザベースのツール内ですべて完結するため、libwebpやImageMagickなどのローカル依存関係を用意する必要がありません。PNGを添付するだけで、変換後のWebPファイルをダウンロードできます。
