WebPをPNGに変換
Webサイトからロゴやステッカー、商品の切り抜き画像を保存したら.webpファイルだった、ということはありませんか。PNGに変換すれば透過背景もそのまま引き継がれ、WebPを読み込めないスライドやデザインアプリ、印刷用レイアウトですぐに使えます。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
.webp画像を追加する
アップロード欄にドラッグ&ドロップするか、ブラウザでコピーした画像を貼り付けてください。1回に最大20ファイルまで、1ファイルあたり95 MBまで処理できます。
- 2
アニメーションの扱いを選ぶ
静止画は設定不要です。アニメーションWebPの場合は、詳細設定のアニメーション画像の扱いで、最初のフレームだけを保存するか、すべてのフレームをそれぞれPNGとして保存するかを選べます。
- 3
「PNGに変換」を押す
変換が終わったものから順にPNGをダウンロードするか、ZIPにまとめて一括でダウンロードできます。
WebPの背景が透明なら、JPGよりPNGを選んでください。PNGは透明なピクセルをすべて保持しますが、JPGは単色で塗りつぶします。
透過背景を保ったままWebPをPNGに変換
WebPは、1つの形式で写真もアルファ付きグラフィックも扱え、PNGよりはるかに軽いため、Webサイトで好まれています。ページの表示速度には有利ですが、画像を再利用する側には扱いにくい面があります。企業サイトから保存したロゴ、ネットショップの切り抜き商品写真、チャットアプリのステッカーは、たいてい.webpで手元に届きますが、使いたいツールがWebPに対応していないことがあります。
変換先として自然なのがPNGです。1996年にW3C勧告として公開され、のちにISO/IEC 15948にもなりました。WebPと同じ8ビットのアルファチャンネルに対応し、ほぼすべての編集ソフト、オフィススイート、印刷サービスで読み込めます。変換はデコードして保存するだけで、ピクセル配置、寸法、透明度はそのまま引き継がれます。PNGには非可逆モードがないため、画質のスライダーもありません。
設定は2つだけ気にすれば十分です。メタデータを削除は初期状態でオンで、埋め込まれたコメントやカメラ情報を削除しますが、Web用画像にはほとんど含まれていません。出力画像のサイズ変更は初期状態でオフです。たとえばスライド用に幅512 pxだけ必要な場合はオンにしてください。PNGも小さくなります。
透過・アニメーション・圧縮：WebP、PNG、その他の形式の比較
| from ↓ · to → | Alpha | Animation | Lossless | Lossy |
|---|---|---|---|---|
| WEBP | WEBP to Alpha: yes | WEBP to Animation: yes | WEBP to Lossless: yes | WEBP to Lossy: yes |
| PNG | PNG to Alpha: yes | – PNG to Animation: no | PNG to Lossless: yes | – PNG to Lossy: no |
| JPG | – JPG to Alpha: no | – JPG to Animation: no | – JPG to Lossless: no | JPG to Lossy: yes |
| GIF | GIF to Alpha: yes | GIF to Animation: yes | GIF to Lossless: yes | – GIF to Lossy: no |
WEBP
WebP 画像
WebP は、ウェブページの表示を速くするために Google が 2010 年に公開した画像形式です。非可逆圧縮と可逆圧縮の両方、アルファ透過、アニメーションを 1 つの形式で扱えます。非可逆 WebP は、同程度の画質の JPEG と比べて一般に 25–35% 小さくなり、可逆 WebP も通常は PNG より小さくなります。現行のブラウザーはすべて対応していますが、古いデスクトップソフト、印刷サービス、アップロードフォームの中には、今でも受け付けないものがあります。Windows、macOS、最近のほとんどの画像編集ソフトで WebP を開けます。
- 圧縮方式
- 非可逆または可逆
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2010 · Google
PNG
Portable Network Graphics
PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1996 · PNG Development Group
Webサイトから保存したロゴやステッカーのような透明部分のある画像を、WebPには対応せずPNGには対応している編集ソフト、スライド、印刷レイアウトで使うとき、WebPをPNGに変換します。
WebPからPNGへの変換は劣化しない？容量が増える理由
大きな写真はPNGにすると非常に大きくなります
画面いっぱいのWebP写真は、PNGが細部を一切捨てないため、数MBのPNGになることがあります。透明部分がなく、メールやフォームに添付する画像なら、WebPをJPGに変換のほうがずっと軽いファイルになります。PNGのままにしたい場合は、実際に表示するサイズにサイズ変更してください。
WebPをPNGに変換：よくある質問
WebPをPNGに変換しても透過背景は透明のままですか？
はい、保持されます。PNGはWebPと同じ8ビットのフル アルファチャンネルを持つため、柔らかい影やアンチエイリアスのかかった縁を含め、半透明のピクセルはすべて元の不透明度のままです。元のWebPの背景が白でない限り、白で塗りつぶされることはありません。
非可逆のWebPはPNGに変換すると鮮明になりますか？
いいえ、向上しません。PNGはWebPをデコードしたピクセルをそのまま保存するため新たな劣化はありませんが、WebPのエンコード時に失われた細部は戻りません。得られるのは、編集して保存し直してもこれ以上劣化しないファイルです。
PNGがWebPの5倍も大きくなるのはなぜですか？
PNGは1990年代のDEFLATE方式による可逆圧縮ですが、Webサイト上のWebPの多くは非可逆圧縮です。写真では3〜10倍に増えることも珍しくありません。ロゴやアイコンのような単純なグラフィックでは差がずっと小さく、2倍未満で済むことが多いです。
アニメーションWebPのステッカーをPNGに変換するには？
アニメーション画像の扱いをすべてのフレームを別々のファイルに書き出すにすると、フレームごとに1つのPNGが作られます。編集やスプライトシートに便利です。どこでも開ける動く画像が必要なら、代わりにWebPをGIFに変換をご利用ください。
WebPではなくPNGが必要なアプリは？
古いバージョンのMicrosoft Office、多くのスライド・図表ツール、オンデマンド印刷のアップロードページ、一部のゲームやアプリストア向け素材の取り込み環境では、PNGとJPGしか受け付けません。画像に透明部分がある場合は、その2つのうちPNGが適しています。
あとでPNGからWebPに戻してWebサイトで使えますか？
はい、できます。公開用にはそのほうが適していることが多いです。PNGは編集用の元データとして残し、公開時にPNGをWebPに変換で、可逆または非可逆のWeb用コピーを書き出してください。