PNG WEBP 変換

透明度を保ったまま大幅に軽量化。

85

    ブラウザ内で動作します。ファイルが端末から出ることはありません。

    PNGをWEBPに変換する方法

    1. ここにPNG画像をドロップします。
    2. 画質を設定します。ふちがはっきりしたグラフィックには100を使います。
    3. WEBPファイルをダウンロードします。

    PNGとWEBPの違い

    PNGWEBP
    圧縮方式ロスレスのみ非可逆または可逆
    透明度ありあり
    グラフィックの目安サイズ基準25〜50%小さい
    写真の目安サイズ基準70%以上小さい
    形式の登場年1996年2010年

    可逆WEBPと非可逆WEBP

    WEBPはPNGとまったく同じようにゼロ劣化で圧縮することも、はるかに小さいファイルにするため非可逆圧縮を使うこともできます。

    スクリーンショット、ロゴ、単色ではっきりしたふちを持つアイコンには、画質100にすると元のPNGと同程度かそれより小さい結果になります。写真には80〜90で見た目の違いなく大幅にファイルを縮小できます。

    PNGのまま残しておくべき場面

    • 一部の古いブラウザ、画像編集ソフト、印刷用ワークフローはまだWEBPを開けません。
    • どこでもほぼ確実にロスレスであってほしいファイルには、PNGの方が安全なアーカイブ形式です。
    • 日常的なWebサイトでは、WEBPは現行のすべてのブラウザに対応しており、ページ速度にはこちらの方が向いています。
    • デザインの元データや長期保存が目的のファイルは、何十年も安定した規格であるPNGの方が安全です。
    • 印刷会社や一部のDTPソフトは、今でもWEBPではなくPNGやTIFFを求めます。

    PNG→WEBPのFAQ

    WEBPは透明度を保持しますか？

    はい。WEBPはPNGと同じように透明な背景に対応しています。

    ファイルはどのくらい小さくなりますか？

    PNGで保存された写真は70%以上小さくなることがよくあります。ロゴやスクリーンショットは通常25〜50%小さくなります。

    文字やふちは鮮明なままですか？

    画質90〜100なら鮮明なままです。設定を下げると、スクリーンショットやロゴの細い線がぼやけることがあります。

    WEBPはPNGと同じくらい高画質ですか？

    画質100なら、WEBPのロスレスモードの方が効率よく圧縮できることが多いため、PNGと同じロスレス品質でさらに小さいファイルになることもあります。

    PNGから作ったWEBPをアニメーションにできますか？

    いいえ。これは1枚の静止画のPNGを1枚の静止画のWEBPに変換します。アニメーションWEBPには、GIFのような複数フレームの元データが必要です。

    すべてのブラウザがWEBPに対応していますか？

    はい。Chrome、Edge、Firefox、Safariは2020年以降すべてWEBPに対応しています。

    アイコンはWEBPとPNGどちらを使うべきですか？

    小さなインターフェースアイコンはどちらでもよく圧縮できます。写真的なアイコンにはWEBPの方が小さくなり、極小サイズでピクセル単位の正確さを保証したいならPNGの方がシンプルです。

    WEBPはPNGとまったく同じ寸法になりますか？

    はい、ピクセルの幅と高さは変わりません。

    関連ツール