ツール一覧に戻る

PNG→WebP変換 — 透過を維持したまま軽量化

PNGをWebPに変換して、透過を維持しつつファイルサイズを大幅に削減。Webサイトの表示速度改善に効果的です。

完全ローカル処理

PNGファイルをドロップ、またはクリックして選択

.png (複数選択可)

フォーマット比較

変換元

PNG(Portable Network Graphics)は可逆圧縮を採用し、透過をサポートする画像フォーマットです。ロゴやスクリーンショットに最適です。

メリット

  • 可逆圧縮で品質維持
  • アルファ透過対応
  • シャープなエッジに最適

デメリット

  • ファイルサイズが大きい
  • 写真には非効率
変換先

WebPはWeb向けに設計された画像フォーマットで、写真・イラストのどちらでも容量を抑えやすいのが特徴です。

メリット

  • Web配信用に小さくしやすい
  • 透過に対応(ロゴ・UI素材に便利)
  • 主要ブラウザで広く利用できる

デメリット

  • 一部の古いブラウザで非対応
  • 編集ソフトのサポートが限定的

PNGからWebPへの変換が必要な場面

Web掲載用のPNGをWebPにして軽量化したいときに。透過を維持しつつ、容量を抑えやすいのがメリットです。

フォーマット技術解説

PNG の技術仕様

技術仕様


PNGは可逆圧縮のラスター画像フォーマットで、ピクセルをそのまま保持します。透過(アルファ)に対応しているため、ロゴやUI素材でもよく使われます。

向いている用途

- ロゴ/アイコン: 透明背景が必要な素材
- スクリーンショット: 文字や線がシャープな画像

注意点

- 写真: 容量が大きくなりやすい(WebP/JPEGが向くこともあります)
- 画質設定: 可逆形式のため「品質」設定の影響は小さい/ない場合があります

参考: W3C: PNG 3rd Edition
WebP の技術仕様

技術仕様


WebPはWeb向けに設計された画像フォーマットで、非可逆/可逆の両方を扱えます。透過にも対応します。

向いている用途

- Web配信: 画質と容量のバランスを取りたい
- 透過素材: PNGより軽くしたい場合

注意点

- 編集: ツールによって読み書きの対応に差があります
- 互換性: 古い環境では未対応の場合があります

参考: Google Developers: WebP

使い方

1

ファイルを追加

変換したいPNG ファイルをドロップ、またはクリックして選択(複数OK)

2

出力形式を確認

既定はWebP です。必要に応じて他の形式へ変更できます。

3

オプションを調整

画質・リサイズ・Exif保持を、必要なときだけ設定します。

4

変換してダウンロード

変換後は個別にダウンロードできます。複数枚ならZIPでまとめて取得できます。

よくある質問

PNG→WebP変換で透過は維持されますか?

はい。WebPはアルファチャンネル(透過)に対応しているため、PNGの透過情報はそのまま引き継がれます。

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

画像の内容によりますが、一般的にPNGから30〜70%程度小さくなります。特に写真系の画像で効果が大きいです。

WebPの可逆モードは使えますか?

画質を100にすると可逆(ロスレス)モードで保存されます。それでもPNGより小さくなることが多いです。

変換すると画質は落ちますか?

出力形式によります。PNGは可逆圧縮なので画質は変わりません。JPEG/WebP/AVIF/JXLなどの非可逆形式は、画質(品質)設定でファイルサイズと見た目が変わります。公開前に実物で確認するのが確実です。

メタデータ(Exif)は保持できますか?

「Exif/メタデータを保持」をONにすると、可能な範囲で撮影日時・カメラ情報・位置情報などを引き継ぎます。入力画像や出力形式、ブラウザ環境によっては一部タグが保持できない場合があります。公開用に位置情報を削除したいときはOFFにしてください。

一度に何枚まで変換できますか?

複数ファイルの選択に対応しています。変換後は個別にダウンロードでき、複数枚ならZIPでまとめてダウンロードも可能です。大量の画像は数回に分けると安定します。

画像はサーバーにアップロードされますか?

いいえ。変換処理はブラウザ内で完結し、画像データが外部に送信されることはありません。

変換に失敗したり、遅いときは?

HEIC/HEIFなど一部形式の読み込みはブラウザの対応状況に左右されます。うまくいかない場合は別ブラウザを試す、枚数を減らす、リサイズしてから変換する、などをお試しください。

参考情報

最新記事