PNGをWebPに変換

使い方

1. 1「ファイルを選択」からPNGファイルを選びます。JPG、WebP、GIF、BMPも選べます。
2. 2ブラウザがファイルの形式、サイズ、ピクセル数を確認します。プレビューと画像サイズが表示されます。
3. 3「変換先」はWebPのままにして、品質を設定します。「可逆WebP」をオンにすると、すべてのピクセルを保てます。
4. 4画像に透明な部分がある場合は、「透過を保持」と背景色を設定します。
5. 5「画像を変換」をクリックします。結果パネルを確認して、「ダウンロード」からWebPファイルを保存します。

出力例

Original PNG, 1600 x 1200 px, 90 KB

Converted WebP, quality 80, 22 KB

PNG WebP 変換の手順

まず、変換したいPNGファイルを選びます。ページのツールを開き、デバイスから画像を選択してください。

アップロードの前に、ブラウザが形式、サイズ、ピクセル数を確認します。プレビューと画像サイズが表示されるので、正しいファイルかどうかを確かめられます。

変換先にはWebPが初期設定で選ばれています。品質を決めるか、「可逆WebP」をオンにしてすべてのピクセルを保ちます。結果パネルでは、チェック模様の上にプレビューが表示され、ファイルサイズ、変換した形式、ピクセルサイズ、保存期間を確認できます。「ダウンロード」ボタンで変換後のファイルを保存できます。ダウンロードのリンクは短時間で使えなくなるため、準備ができたら早めに保存してください。別の設定で変換し直す場合は、オプションを変えて元のファイルをもう一度変換します。

PNG WebP 変換で行われること

変換ツールはPNGをピクセルのデータとして読み込み、そのピクセルをWebPとして保存し直します。画像の幅と高さはそのままで、トリミングや縮小は行いません。変わるのは保存形式だけです。

この変換は人工知能（AI）ではなく、欠けた細部を推測することはありません。変換はサーバー上で行われ、sharp（libvipsを基にしたNode.jsの画像ライブラリ）を使います。画像はサーバーに送られ、ブラウザ内では処理されません。

スマートフォンで撮った写真は、向きのタグを使って正しい向きに直されます。カメラや位置情報のタグ（EXIFとGPS）は結果に含まれません。

• 元の画像と同じピクセルの幅と高さになります。
• トリミングも縮小も行いません。
• カメラとGPSのタグはコピーされません。

PNGとWebPはどちらを使うか

Googleの発表では、可逆WebPの画像はPNGより26%小さくなります。また、非可逆WebPの画像は、同等の品質指標（SSIM）で比べたJPEGより25から34%小さくなります。これはGoogleの数値で、出典はdevelopers.google.com/speed/webpです。当サイトの数値ではありません。

ロゴやアイコン、スクリーンショットのようなフラットな画像は、PNGや可逆WebPに向いていることが多いです。色数が少なく、輪郭がはっきりしているためです。MDNも、スクリーンショットや図、ロゴ、線画には可逆形式を勧めています。

写真は非可逆WebPに向いていることが多く、ファイルがかなり小さくなります。ただし、細部の一部は失われます。当サイトのテストでも同じ傾向でした。テストに使った画像は、スクリプトで生成したものです。実際の写真ではありません。フラットなイラスト（1600 x 1200 px、90 KB）は、品質80の非可逆WebPで22 KBになりました。似たフラットなイラストを可逆WebPにすると27 KBでした。

非可逆WebPと可逆WebPの選び方

非可逆WebPの品質は1から100で設定でき、初期値は80です。数値が小さいほどファイルは小さくなりますが、劣化が目立ちやすくなります。数値が大きいほど細部が残り、ファイルは大きくなります。品質は、PNG出力時や可逆WebPがオンのときには使われません。

可逆WebPは、すべてのピクセルを正確に保ちます。そのぶん、非可逆WebPよりファイルは大きくなります。輪郭をくっきり残したいロゴ、画面のスクリーンショット、線画には可逆WebPを選んでください。

JPEGと非可逆WebPは、保存を繰り返すたびに細部が少しずつ失われます。PNGに戻しても、失われた細部は戻りません。PNGは現在のピクセルを劣化なしで保存するだけで、ファイルはたいてい大きくなります。当サイトのテストでは、22 KBの非可逆WebPを290 KBのPNGに変換しました。

• まずは初期値の80で変換し、ファイルサイズとプレビューを比べます。
• 文字、くっきりした輪郭、単色の塗りがある画像は、可逆WebPを試してください。

透過PNGを透過したままWebPに変換

WebPは、可逆と非可逆のどちらでも透過に対応しています。透過PNGは、透過を保ったままWebPに変換できます。「透過を保持」は初期設定でオンになっています。結果パネルでは、透過が保持されたか、塗りつぶされたかを確認できます。

「透過を保持」をオフにすると、透明な部分は背景色で塗りつぶされます。背景色の初期値は白（#ffffff）で、変更もできます。JPEGは透過を保存できないため、透過PNGやWebPをJPEGに変換すると、透明な部分は必ず背景色で塗りつぶされます。

テストでは、1024 x 1024 pxの透過PNGのロゴ（37 KB）を、透過を保持した状態で品質80のWebPに変換し、13 KBになりました。同じロゴを25 KBのJPEGにすると、透明な部分は白で塗りつぶされました。これも、スクリプトで生成したテスト画像での結果です。

WebPはどれくらい小さくなるか

ファイルの小ささは、画像の内容によって変わります。Googleの数値は、Googleのテストセットでの平均です。お手元のファイルで同じ結果になるとは限りません。

当サイトが生成したテスト画像での実測値は次のとおりです。1024 x 1024 pxのロゴは37 KBから13 KBになりました。2000 x 1500 pxの生成した写真は、775 KBのJPEGから品質80のWebPで529 KBになりました。PNGで保存した場合は7.5 MBでした。4000 x 3000 pxの生成した写真は、2.5 MBのJPEGから品質80のWebPで1.1 MBになりました。PNGで保存すると約28 MBになり、20 MBの結果の上限を超えます。

結果は画像によって異なります。ファイルサイズは、結果パネルで必ず確認してください。

ブラウザの対応状況と代替画像

MDNによると、WebPはChrome、Edge、Firefox、Opera、Safariで対応しています。Safariはバージョン14以降で、macOS Big Sur 11以降が必要です。

MDNは、ビットマップ画像全般にWebPかAVIFを勧めています。PNGやJPEGは、pictureタグで代替として指定できます。WebPはPNGやJPEGより対応の歴史が浅いため、古いソフトや古いメールソフト、一部のアップロードフォームでは受け付けられないことがあります。WebPをPNGやJPEGに戻す、よくある理由がこれです。

どのページでも必ず表示したい場合は、WebPを配信し、元のPNGまたはJPEGを代替としてpictureタグで残してください。画像を差し替える前に、そのファイルを開くソフトで確認しておくと安心です。

JPGからWebPへの変換とその他の入力形式

入力に使えるのは、PNG、JPG、WebP、GIF、BMPです。ファイルの種類は、ファイル名ではなく中身から判定します。名前を変えたファイルも、実際の形式で読み込まれます。

JPGからWebPへの変換も、PNGと同じ手順です。変換先でWebPを選び、変換してください。SVG、PDF、TIFF、HEIC、AVIFは受け付けていません。

JPEGはすでに非可逆の形式なので、画像の細部は一部失われています。保存するたびに劣化が加わるため、品質を高めに設定すると細部を残しやすくなります。カメラで撮った元のファイルを使うのが基本です。書き出し済みの画像を何度も保存し直すと、劣化が重なります。

アニメーションPNG、GIF、WebPの扱い

アニメーションのGIFやWebPは、最初のフレームだけを変換します。結果は動かない静止画になります。アニメーションは保持されません。

入力がアニメーションだった場合、結果パネルに「最初のフレームのみ」と表示されます。

動きを残したい場合は、元のアニメーションファイルをそのまま使ってください。アニメーション用のツールを使う方法もあります。APIでは、結果のフィールドで入力がアニメーションだったかどうかを確認できます。

ファイルサイズと変換の制限

無料のWebツールでは、1画像あたり5 MBまで変換できます。1画像のピクセル数は16 MP (4096 x 4096)までです。訪問者ごとに1日30枚まで使えます。

アカウントを持たずに使う場合は、セキュリティ確認（Cloudflare Turnstile）が必要です。結果には透かしが入りません。ログインしているユーザーは、1画像10 MBまで、同じピクセル上限で変換でき、セキュリティ確認はありません。1画像につき1クレジットを使います。結果が5MBを超える場合は、最初の5MBを除いた5MBごとに1クレジットずつ追加で使われます。

結果が20MBを超えると「結果が大きすぎます」のメッセージが表示されて失敗します。途中で切れたファイルは渡されません。大きな写真をPNGで保存すると、この上限に達することがあります。その場合は、JPEGやWebPを選ぶか、品質を下げてください。失敗したジョブやタイムアウトしたジョブは、クレジットが返却されます。

コードからPNGをWebPに変換する方法

APIは1回のリクエストで1画像を変換します。リクエストのボディには、JSONやフォームデータではなく、画像のバイト列をそのまま送ってください。POST https://api.aiipworld.com/v1/image-jobs に、Content-Type: image/png を指定して送信します。クエリ文字列にはop=image_convertとformat=webpを付けます。APIキーはAuthorizationヘッダーにBearerトークンとして入れます。

品質は1から100で指定でき、初期値は80です。lossless=trueを指定すると、すべてのピクセルを保てます。keep_transparencyと背景色の設定もあります。レスポンスは202で、job_idが返ります。GET /v1/jobs/:id を確認し、statusがsucceeded、failed、timeoutのいずれかになるまで待ちます。完了したら、短時間で使えなくなるdownload_urlからファイルを取得します。

ツールの下には、cURL、Node.js、Pythonの例が用意されています。一括処理用のエンドポイントはないため、画像ごとにリクエストを送ってください。Webhookは現在利用できません。エラーとして、400（unsupported_imageまたはinvalid_params）、413（file_too_large）、402（insufficient_credits）、429（リクエストが多すぎます）が返ることがあります。

アップロードしたファイルの取り扱い

アップロードした画像は、変換済みファイルを作るためだけに使われます。ジョブが成功しても失敗しても、処理が終わるとすぐに削除されます。

無料のWebツールで変換したファイルは、10分保存されます。変換の履歴は残りません。ダウンロードのリンクは短時間で使えなくなるため、準備ができたらデバイスに保存してください。

アカウントを持たない変換では、セキュリティ確認をCloudflare Turnstileで行います。アップロードする画像を使う権利が必要です。他人の画像を変換する前に、利用ポリシー（英語）をお読みください。

関連ツール

WebPをPNGに変換するページでは、逆方向の変換ができます。同じツールで、変換先の初期値がPNGになっています。プログラムがWebPを受け付けず、PNGが必要な場合に使ってください。WebPをJPGに変換したい場合も、そのページで変換先にJPEGを選んでください。

画像をベクター化（パスにトレース）する場合は「PNGをSVGに変換するツール」を使ってください。SVGファイルをPNGに変換する場合は「SVGをPNGに変換するツール」を使ってください。

HTMLから画像を作る場合は「HTMLをPNGに変換するツール」を使ってください。HTMLをPNGにすると、HTMLの内容を画像として保存できます。

よくある質問