PNG ファイルをアップロードし、必要に応じて幅、高さ、圧縮モード、品質設定を選び、変換を開始します。処理が終わったら、変換後の .webp ファイルをダウンロードします。
無料 PNG から WebP への変換ツール
PNG 画像を 1 つ WebP に変換し、必要に応じてサイズ、非可逆、可逆、品質を設定できます。
この PNG から WebP への変換ツールでできること
このツールは PNG 画像を実際の WebP ファイルとして再エンコードします。単に拡張子を変えるだけではありません。アップロードされた PNG は WebP の画像データに変換されるため、ブラウザ、コンテンツ管理システムのメディアライブラリ、ページ作成ツール、.webp ファイルに対応した作業で使えます。
変換前に、次の実用的な書き出し設定を調整できます。
| 設定 | 変わる内容 | 使う場面 |
|---|---|---|
| 幅と高さ | 変換時に WebP 出力サイズを変更します | 大きすぎる PNG を保つ代わりに、表示サイズに合うファイルを作るとき |
| 非可逆モード | 調整可能な WebP 圧縮を使います | 小さめのウェブ画像、カード画像、サムネイル、本文用グラフィック |
| 可逆モード | 非可逆 WebP 圧縮を避けます | ロゴ、アイコン、スクリーンショット、文字が多い画像、輪郭が重要なグラフィック |
| 品質 60-70 | ファイルサイズの小ささを優先します | プレビュー画像、サムネイル、重要度の低いグラフィック |
| 品質 80 | バランスのよい初期値 | 多くの PNG から WebP への変換 |
| 品質 90-100 | 見た目の細部をより多く保ちます | 商品画像、細かいスクリーンショット、グラデーション、重要なアートワーク |
元の寸法を保ちたい場合は、幅と高さを空欄のままにします。寸法を入力する場合、現在のフィールドは 1 から 16383 ピクセルまで対応しています。アップロード検証ではファイルサイズが 20MB に制限されています。
元ファイルが PNG で、必要な出力が WebP の場合にこのページを使ってください。逆方向が必要な場合は WebP から PNG を使います。WebP に変換せず画像を軽くしたいだけなら、画像圧縮 を使ってください。
オンラインで PNG を WebP に変換する方法
PNG ファイルをアップロード
デバイスから .png ファイルを選ぶか、アップロード領域にドラッグします。このアップロード欄は PNG 入力に絞られているため、このページは汎用の画像から WebP への変換ではなく、PNG から WebP への直接変換向けです。
サイズと圧縮設定を選ぶ
WebP 出力で元の PNG 寸法を使いたい場合は、幅と高さを空欄のままにします。変換後のファイルをレイアウト、アップロード要件、最終表示サイズに合わせる必要がある場合は、目標の幅、高さ、または両方を入力します。
- •より小さい WebP ファイルを重視する場合は非可逆モードを選びます。文字、くっきりした輪郭、透明素材、画面部品の細部があり、非可逆圧縮を避けたい場合は可逆モードを選びます。
非可逆 WebP の品質を選ぶ
非可逆モードでは、まず品質 80 から試すとバランスを取りやすいです。出力をさらに軽くしたい場合は品質を下げ、PNG にグラデーション、細線、人物、商品ディテール、圧縮の乱れが目立ちやすい要素がある場合は品質を上げます。
変換して WebP ファイルをダウンロード
変換を開始し、処理が終わるのを待って .webp ファイルをダウンロードします。WebP 出力は、ウェブサイト、ブログ記事、ランディングページ、商品カード、資料、現在の画像配信に対応した作業で使えます。
PNG から WebP への圧縮設定の選び方
PNG と WebP はどちらも役立ちますが、画像ワークフローの中で担う役割が異なります。PNG は信頼できる元ファイルや編集用形式として使いやすく、WebP はより小さいファイルが重要なときの配信用形式として使いやすいです。
| 出力の目的 | おすすめ設定 | 理由 |
|---|---|---|
| 小さなウェブ用サムネイル | 品質 60-70 | 小さい表示サイズで十分な細部を保ちながら、ファイルを軽くできます |
| 一般的なウェブ用グラフィック | 品質 70-80 | 本文画像、カード、ページセクションに向いたバランスです |
| 透明なロゴやアイコン | 可逆または品質 90-100 | 輪郭や半透明ピクセルを保ちやすくなります |
| 文字入りスクリーンショット | 可逆または品質 90-100 | 文字、線、画面部品の細部をよりきれいに保てます |
| 大きすぎる PNG 素材 | リサイズ + 品質 70-80 | 寸法を減らす方が、圧縮だけより大きく軽量化できることがあります |
多くの場合、最初は品質 80 が安全なテスト値です。WebP ファイルをダウンロードしたら、実際に表示されるサイズで比較してください。300% 拡大で目立つ小さな乱れはサムネイルでは問題にならないことがありますが、暗い背景に置いたロゴでは小さなエッジの問題が目立つことがあります。
非可逆圧縮を避けたい場合、可逆 WebP は便利です。ただし、WebP ファイルが常に元の PNG より小さくなるとは限りません。特にシンプルなグラフィックでは、PNG がすでに十分小さい場合があります。
透明 PNG から WebP へ
WebP はアルファ透明度に対応しているため、多くの透明 PNG 画像の出力形式として適しています。PNG から WebP への変換は、画面用アイコン、商品用オーバーレイ、ステッカー、バッジ、ロゴ、さまざまな背景に置く必要があるグラフィックに使えます。
透明なエッジが重要な場合は、より高い品質設定または可逆モードを使ってください。細い輪郭、柔らかい影、アンチエイリアス、半透明ピクセルは圧縮の乱れが見えやすく、特に WebP 出力を暗い背景、模様のある背景、色付き背景に置く場合に目立ちます。
変換後は、実際に使う背景の上で WebP をプレビューしてください。透明なエッジや細部が文脈の中で正しく見えるか確認する最も確実な方法です。
PNG の代わりに WebP を使う場面
PNG の見た目は問題ないものの配信用として重い場合は、PNG から WebP に変換します。読み込み速度を重視するウェブページ、画面素材、画像の多いレイアウトでは、WebP が最終形式として役立つことがあります。
| 使用場面 | WebP が役立つ理由 |
|---|---|
| ウェブサイト用グラフィック | 対応ブラウザでページの画像容量を減らせます |
| ブログやドキュメント画像 | 配信用ファイルを小さくして、長い記事をより軽く読み込めます |
| 商品カードとサムネイル | 繰り返し表示される画像ほど軽量化の効果があります |
| 画面スクリーンショット | サイズと品質の設定で、ドキュメント向け素材を整えやすくなります |
| 透明なアイコンとバッジ | WebP はウェブ向け形式のまま透明度を保持できます |
元の PNG はソースまたはフォールバックとして残しておきましょう。WebP は配信に優れていますが、後で編集、互換性確保、または AVIF など別のモダン形式への書き出しに PNG が必要になることがあります。
避けたいよくある間違い
.png を手動で .webp にリネームしない
拡張子を変えても画像データは変換されません。本当の PNG から WebP への変換では、PNG ソースをデコードし、WebP 出力ファイルとしてエンコードする必要があります。
すべての WebP が必ず小さくなると思わない
WebP は効率的ですが、最終サイズは画像内容、寸法、品質、有損か可逆かによって変わります。重要な素材を置き換える前に出力を比較してください。
透明グラフィックすべてに非可逆モードを使わない
非可逆 WebP は多くのウェブ画像に向いていますが、くっきりした輪郭や透明アートワークでは高品質または可逆モードが必要な場合があります。透明画像は実際の背景で確認してください。
私的な画像を気軽にアップロードしない
PNG ファイルはバックエンド処理のためにアップロードされ、24 時間以内の削除が予定されます。このツールは通常の画像変換に使い、オンライン変換サービスで処理したくない機密画像や規制対象画像はアップロードしないでください。
よくある質問
PNG から WebP への変換ツールは、.png 画像を WebP 形式に再エンコードします。多くの場合、元の PNG をソースまたはフォールバックとして残しながら、ウェブ向けのモダンな画像を作るために使います。
このページは、PNG から WebP への直接オンライン変換用の無料ツールとして提供されています。現在のアップロード制限、使用制限、ログイン案内は画面上に表示されます。
非可逆 WebP 圧縮を避けたい場合は可逆モードを使います。可逆モードはデコード後の画像データをより慎重に保ちますが、必ず最小ファイルになるとは限りません。非可逆モードは通常より小さいファイルを作れますが、品質設定によって見た目の品質が下がることがあります。
WebP はアルファ透明度に対応しており、透明 PNG 画像の透明部分は WebP 出力でも保てることが多いです。重要なロゴ、アイコン、影、半透明エッジでは、高品質または可逆モードを使い、想定する背景で結果を確認してください。
はい。非可逆モードでは品質 60、70、80、90、100 を選べます。最大圧縮より品質保持が重要な場合は可逆モードを選びます。品質 80 は多くの PNG から WebP への変換でバランスのよい初期値です。
まず品質 80 から始めるのがおすすめです。小さなウェブ用プレビューには 60-70、バランス重視には 80、細かいグラフィック、スクリーンショット、グラデーション、透明アートワークで圧縮の乱れが目立ちやすい場合は 90-100 を使います。
はい。幅と高さを空欄にすると元の寸法を保ちます。変換前に目標サイズを入力することもできます。現在の幅と高さのフィールドは 1 から 16383 ピクセルに対応しています。
あります。現在のアップロード検証ではファイルサイズが 20MB に制限されています。PNG がそれより大きい場合は、先に元画像の寸法を下げるか、小さめのファイルを用意してからアップロードしてください。
このページは 1 回に 1 つの PNG ファイルを変換することに特化しています。専用の一括アップロード機能が画面に追加されない限り、このページを一括変換フローとして計画しないでください。