ConvertBlink
JA

PNGをWebPに変換：軽量化しつつ透過を保持

PNGをブラウザでそのままWebPに変換。透過を保ったままファイルを軽くします。アップロード不要で、ファイルが端末から出ることはありません。最新のブラウザならどれでも動作します。

ブラウザーネイティブ
プライバシー第一
無料

今すぐ変換

ファイルをここにドラッグ＆ドロップ

または

使い方

スクリーンショットやロゴ、UIの書き出しを鮮明に保ち、透過の背景を残したいときに選ぶのがPNGです。難点はファイルサイズで、PNGの可逆圧縮ではファイルがすぐに大きくなり、重い画像はページの表示を遅くします。WebPはまさにこれをWeb向けに解決するための形式です。PNGのアルファチャンネルを保ちつつ、はるかに強く圧縮するため、透過のある画像でも元の何分の一かのサイズで仕上がります。 この変換ツールはブラウザ内でPNGを生のピクセルにデコードし、アルファチャンネルを保ったままWebPとして再エンコードします。出力は高品質設定の非可逆WebPで、ヒーロー画像や商品写真、スクリーンショットで最新のサイトが選ぶのと同じ折り合いです。ごくわずかな、たいていは気づかない画質低下と引き換えに、ずっと軽いファイルが得られます。透過はそのまま引き継がれるので、切り抜いた背景はふちに白い縁取りが出ることなくきれいなまま残ります。 すべての処理は端末内で行われます。PNGの読み込み、デコード、再エンコードはWebAssemblyを使ってあなたの端末上で完結するため、ファイルがアップロードされることはなく、サーバーに何も保存されません。そのため、社内向けのスクリーンショットや未公開のモックアップ、外部サイトに渡したくないあらゆる画像にも安心して使えます。非可逆のWebPは元のピクセルそのものには戻せないため、元のPNGは保管用に残しておいてください。

関連変換ツール

あなたのワークフローに役立つ他の強力なコンバーターを発見してください

PNG最適化ツール：ピクセルそのまま、可逆圧縮

oxipngでPNGファイルを可逆圧縮。フィルターとDEFLATEの最適化でピクセルはそのまま容量だけ削減。ブラウザ内で動作し、アップロードも画質劣化もありません。

.png
今すぐ試す

PNGをAVIFに変換 - 可逆圧縮で透過もそのまま

ブラウザ上でPNGを可逆圧縮のAVIFに変換。AV1のイントラ符号化が、全ピクセルと透過をそのまま残したままファイルを小さくします。アップロード不要、すべて端末内で完結。

.png
今すぐ試す

PNGをBase64に変換：PNGをData URIにエンコード

ブラウザ内でPNGをBase64のData URIにエンコード。HTML・CSS・JSに貼り付けて小さなアイコンをインライン化できます。アップロード不要、ワンクリックでコピー、可逆。

.png
今すぐ試す

画像をWebPに変換：JPG・PNG・BMP・GIFをWebPへ

JPG・PNG・BMP・GIFをブラウザでWebPに変換。非可逆WebPでファイルを軽くし、ページ表示を高速化。アップロードなし、完全プライベート、オフラインでも動作。

.jpg.jpeg +3
今すぐ試す

JPEGをWebPに変換：写真を軽くしてWebを高速化

JPEG写真をブラウザでそのままWebPに変換し、ページの容量を削減。非可逆で再エンコードし、アップロードなし、ファイルは端末から出ません。無料・オフライン対応。

.jpg.jpeg
今すぐ試す

JPEG→AVIF変換：ブラウザ内でロスレス再エンコード

AV1コーデックのロスレスモードを使い、ブラウザ内でJPEGをAVIFファイルに包み直します。元画像へのさらなる圧縮なし、アップロードなし、ファイルは端末内にとどまります。

.jpg.jpeg
今すぐ試す

他のPNG

png optimizerpng → avifpng → base64png → jpegpng → jxl

変換先WEBP

canvas → webpjpeg → webpsvg → webp
すべてのコンバーターを表示

機能

  • ファイルアップロード不要
  • 100% プライバシー重視
  • ブラウザー駆動
  • 高速処理
  • 永久無料

対応フォーマット

.png

出力: WebP

技術仕様

input Format PNG（Portable Network Graphics、アルファあり・なし両対応）
output Format WebP（非可逆、アルファ保持）
compression Type 高品質設定の非可逆WebP（VP8）、@jsquash/webp（WebAssembly）でエンコード
quality Retention 高品質の非可逆エンコード。ファイルを小さくするため細部は削られ、元とピクセル単位で同一ではありません
color Space Support sRGB、8ビットのアルファチャンネルをそのまま保持
max Resolution 端末のメモリのみが上限
processing Time 瞬時、ブラウザ内で動作

主な利点

  • やわらかい影やアンチエイリアスのふちを含め、PNGの透過を保持
  • 特に写真やスクリーンショットで、PNGより大幅にファイルを軽量化
  • 出力は最新のブラウザならどれでも表示できるWeb対応のWebP
  • すべてブラウザ内で完結するため、PNGがアップロードや保存されることはなし
  • 軽い画像はページの表示速度とCore Web Vitalsを改善
  • 最新のブラウザがある端末ならどれでも動作、インストールもアカウントも不要

一般的な使用例

  • 重いPNGのヒーロー画像や背景を置き換えてサイトを高速化
  • 透過のロゴやアイコンを軽くしてUIの読み込みを速くする
  • ドキュメントやチェンジログ用のスクリーンショットを、リポジトリを肥大化させずに変換
  • ECサイト向けに背景を切り抜いた商品画像を準備
  • ランディングページやPWAの画像容量を削減
  • 画像の多いページで通信量とCDNのコストを抑える

プロのヒント

  • 非可逆WebPは元のデータそのものには戻せないため、元のPNGは保管用に残しておく
  • 古いブラウザやオフラインのソフト向けに、picture要素でPNGのフォールバックを添えてWebPを配信する
  • 変換後は細かいグラデーションやごく微妙な細部を実寸で確認する。非可逆のアーティファクトはそこに最初に現れる
  • まったく変化させてはいけないピクセル単位のグラフィックは、PNGのままにするか、専用の可逆WebPビルド手順を使う
  • 大量に繰り返す一括処理にはcwebpのようなビルドツールを使う。このページは単発の変換に向いている

よくある質問

はい。WebPは8ビットのアルファチャンネルにフル対応しているため、PNGの透過背景や影、アンチエイリアスのかかったふちは変換後も保たれます。背景を切り抜いたロゴやアイコンも、まわりに白い枠やにじみが付くことなくきれいなまま残ります。
この変換ツールは高品質設定（約85）の非可逆WebPを出力します。これはWebに画像を載せる際の標準的な選び方で、画質の差は画面上ではほとんど気づかないまま、PNGよりずっと小さなファイルになります。ピクセル単位で同一の可逆WebPにはならないため、元と完全に同じコピーが必要な場合はPNGを残しておいてください。
ほとんどの画像、ほとんどの画面では気づきません。この品質設定では、圧縮は主に目に留まりにくい細部を削ります。フラットなグラフィックやロゴ、文字の入ったスクリーンショットはおおむねきれいに保たれます。アーティファクトが最も出やすいのは非常に微妙なグラデーションなので、それが重要な場合は実寸で確認してください。
画像によりますが、写真のような内容やスクリーンショットでは縮小幅が大きくなるのが普通です。非可逆WebPはこうした画像をPNGよりはるかに強く圧縮するためです。PNGですでにうまく圧縮できる単純な単色グラフィックは縮小幅が小さくなりますが、透過のある画像はそれでも目に見えて軽くなるのが一般的です。
Chrome、Firefox、Safari、Edgeを含め、現行のブラウザはすべてWebPを表示できるので、いまWebで配信しても問題ありません。古いブラウザにはHTMLのpicture要素でPNGのフォールバックを用意できます。一部のデスクトップ画像ビューアや古いデザインソフトはまだWebPを開けないため、幅広いオフライン互換性が必要なら元のPNGを残しておいてください。
ここでは一度に1つのPNGを変換します。処理は端末内ですぐに終わるため、アップロードの順番待ちなしで次々とファイルを処理できます。ビルド内で繰り返す大量の一括処理には、cwebpのようなコマンドラインツールや画像処理パイプラインのほうが向いています。
いいえ。PNGのデコードもWebPのエンコードも、すべてWebAssemblyを使ってブラウザ内で行われます。サーバーには何も送信されず、何も保存されないため、スクリーンショットや社内向けのモックアップ、第三者にアップロードしたくないあらゆる画像にも安心して使えます。
画像ファイルが小さいほど通信量が減り、表示が速くなり、Largest Contentful Paintのスコアも良くなります。重いPNGをWebPに置き換えると、透過を保ったまま画像の容量を大きく減らせることが多く、フロントエンド最適化の定番の手順になっています。