ブログ
日本語

PNG WebP 変換 — 透過を保って軽量化

透明を保ったままファイルサイズを減らす、ブラウザー上のPNG→WebP変換ツール

ブラウザー内で処理・アップロード不要

PNG ファイルをここにドロップ

PNG ファイルを一度に最大 50 個、1 ファイル 50 MB まで WebP に変換します。ファイルを選ぶか、コピーした画像を Ctrl+V(Mac は ⌘V)で貼り付けることもできます。ファイルがブラウザの外に送信されることはありません。

変換の設定

透明を保ったままファイルを小さくします。画質を下げると非可逆圧縮になるため、図形や文字をくっきり残したいときは90以上にしてください。

数値が大きいほど鮮明になり、ファイルサイズも大きくなります。90 なら通常は見た目の違いがほとんどわかりません。

画像サイズ

変換すると、写真に含まれていた EXIF(撮影機器・日時・GPS 位置)は保存されません。写真の向きは反映されます。

PNGをWebPにする理由

PNGは透明に対応していますが、写真を含む画像は大きくなり、Webページのバナーや商品画像には重すぎます。WebPなら透明を保ったままPNGよりずっと小さくできることがあり、Webサイトやブログの画像を軽くする方法として人気です。変換はブラウザーの中で行われるため画像はアップロードされず、最大50ファイルを処理してZIPでダウンロードできます。

使い方

  1. PNGファイルを点線の枠にドロップするか、PNG ファイルを選択 で追加します。
  2. WebPの画質を設定します。初期値の90はシャープさ重視で、写真の多い画像なら80前後で十分なことがよくあります。
  3. 必要なら 長辺を縮小 で解像度も下げます。
  4. 1ファイルずつはカードのボタン、まとめてはZIPのボタンで保存します。例:banner.png が banner.webp になります。

しくみ

  • 透明を保持:半透明の輪郭や影も含めて、アルファチャンネルをそのまま引き継ぎます。
  • 非可逆圧縮:画質スライダー(10〜100)でサイズとシャープさのバランスを決めます。
  • エンコーダーの確認:WebPで保存できないブラウザーでは、上部にお知らせが表示され、ドロップ枠が無効になります。
  • アニメーションPNG(APNG):最初のフレームだけを変換します。
  • メタデータ:引き継がれません。

用途別の設定

画像 設定
写真入りの透明なバナー 画質80〜85
文字やアイコンの絵柄 画質90以上
画素を完全に保つ必要がある 変換せずPNGのまま

WebPをPNGに戻すにはWebP PNG 変換、透明のない写真ならJPG WebP 変換やPNG JPG 変換もご覧ください。

よくある質問

PNGの透明な背景はWebPでも残りますか?

残ります。WebPはアルファチャンネルに対応しているため、透明な部分は透明のままで、JPGのように白で塗りつぶされることはありません。

どのくらい小さくなりますか?

写真やグラデーションを含むPNGは大きく縮むことが多く、数色だけのシンプルな絵柄はもともとPNGで小さいため、あまり変わらないこともあります。カードごとの変換前後のサイズを確認してください。同じ画質の数値でも、PNGと画素がまったく同じになるわけではありません。

文字やロゴがぼやけませんか?

出力は非可逆のWebPなので、画質が低いと文字や線の周りにうっすらとノイズが出ることがあります。くっきりさせたいときは90以上にし、画素を完全に同じに保つ必要があるならPNGのままにしてください。

このブラウザーではWebPを保存できないと表示されます。

SafariはWebPを表示できても保存(エンコード)はできず、Macでも同じです。iPhone・iPadではChromeやFirefoxのアプリも同じエンジン(WebKit)なので、やはり保存できません。パソコンかAndroidのChrome、Edge、Firefoxで開いてください。確認はページを開いたときに一度だけ行い、結果を最初に表示します。

WebPを受け付けてくれないサイトがあります。

アップロードフォームによってはWebPに対応していません。WebP PNG 変換かWebP JPG 変換で元に戻してから提出してください。

ほしいツールはありますか?