ファイルを読み込んでいます…
透過を保ったまま、PNGをより軽いWebPに変換します。
またはここに画像をドロップ
変換中…
画像を変換しています
最大1分ほどかかることがあります — 複数のファイルではもう少し長くかかります。このタブは開いたままにしてください。
RoundCut は透明部分を保ったまま、PNG を WebP にすばやく変換します。1 枚だけ変換するときは作業がブラウザ内で行われ、その PNG はどこにも送られません。複数枚をまとめて変換するときは当社のサーバーへ送られ、まとめて 1 つのダウンロードに処理され、その結果は約 2 時間で削除されます。PNG の透明な部分は WebP でも透明なままです。WebP は完全なアルファチャンネルを持つため、JPG 変換では失われる透明な切り抜きを保ったまま小さなファイルが必要なときに適した選択肢です。Google 自身の WebP ドキュメントによれば、可逆 WebP は同等の PNG より約 26 パーセント小さく、アルファチャンネル付きの非可逆 WebP はおよそ 3 分の 1 の大きさです。出力はほぼ可逆に近い品質設定の非可逆 WebP で、ビットレベルの細部が少しだけ小さなファイルと引き換えになりますが、通常の表示サイズでは元の PNG と見分けがつきません。ピクセル単位の保存用途には元の PNG を残してください。
PNGをアップロード領域に置くか、クリックして端末からファイルを選びます。ファイルが届いた瞬間に変換が始まり、押すべき変換ボタンはありません。一般的な画像なら結果は1秒よりはるかに短い時間で現れます。準備ができると、ダウンロードボタンが元のファイル名の拡張子だけを変えてWebPを保存します。1 枚の変換はブラウザ内で動き、複数枚をまとめると当社のサーバーへ送られます。同じ仕組みがアプリのインストールなしでデスクトップとモバイルのブラウザで動きます。別の画像を変換するには次のPNGを置いてください。アニメーションPNGは連番の最初の1枚の静止フレームとして処理されます。
WebPは8ビットの完全なアルファチャンネルに対応しており、PNG内のすべての透明ピクセルがWebP出力でもまったく同じ透明さで残ることを意味します。白で塗りつぶされることはなく、切り抜きの周りに縁取りも現れず、あとからエディタで手直しする必要もありません。これこそ透過のあるPNGから変換するときにJPGではなくWebPを選ぶ決め手です。JPGにはアルファチャンネルがなく、透明なピクセルを単色で置き換えるしかないからです。ロゴ、アイコン、商品の切り抜き、UIのモックアップ、角丸のスクリーンショット、透ける背景に頼るあらゆる画像が、すべてそのまま渡ります。透過維持を有効にする切り替えはありません。WebPがアルファを運ぶように設計されているため、自動的に行われます。
主な利点は、透過と見た目の品質を保ったまま大幅に軽くなったファイルです。GoogleのWebP公式ドキュメントによれば、可逆WebPは同等のPNGよりおよそ26パーセント軽く、アルファチャンネル付きの非可逆WebPは同等のPNGのおよそ3分の1の大きさです。軽い画像は速く読み込まれ、それがGoogleのCore Web Vitalsの一つで既知のランキング要因であるLargest Contentful Paintを直接改善します。PageSpeed Insightsは監査の次世代フォーマット項目でPNGを改善余地として挙げ、WebPへの切り替えでその指摘が解消されます。WebPのブラウザ対応はすでに広く行き渡っており、Chrome、Firefox、Safari、Edgeのすべてがネイティブで扱います。
このツールのWebP出力は、ウェブ公開向けに最適化された品質設定で書き出されます。GoogleのベンチマークではWebP非可逆はJPG相当品質に対してもおよそ30パーセント優れた圧縮率を示しており、この設定はその範囲の上限付近にあり、細部の保持を優先しています。PhotoshopやLightroomなどのプロ向けアプリケーションがエクスポート用にPNGからWebPを推奨する際に採用するのも、同様の品質帯域です。写真では50から70パーセントのサイズ削減が一般的で、グラフィックやロゴでは削減幅がさらに大きくなる場合があります。医療画像や印刷用マスターなど、ピクセル単位の完全一致が必要な用途では元のPNGを保管してください。WebPは配信用の書き出しコピーとして使うのが適切です。
経路は変換する枚数によって変わります。1 枚の PNG を変換するときは、作業がブラウザ標準の画像エンジンで、あなたの端末上のタブ内で動き、何もアップロードされず、ファイルの内容について何も記録されません。ブラウザのネットワークパネルを開き、1 枚を変換しながら確認すると、ファイルを運ぶ送信リクエストがゼロであることが分かります。複数の PNG を一度に変換するときは当社のサーバーへ送られ、まとめて変換して 1 つのダウンロードを返します。その結果は約 2 時間で当社のサーバーから削除され、保存した時点で自分で削除することもできます。つまり 1 枚の変換はブラウザから出ることがなく、まとめての処理はダウンロードを組み立てるのに必要な間だけ当社のサーバー上にあります。
WebPは広く対応されていますが、あらゆる場面で受け入れられるわけではありません。一部のデザインツール、印刷の工程、社内のコンテンツ管理システムは今もPNGを求めます。一部のOSはPNGのドラッグ＆ドロップをそのまま扱える一方、WebPにはプラグインが要ります。デスクトップアプリで繰り返し開いて編集する作業用ファイルでは、可逆のPNGをマスターとして保つことで、デコードと再書き出しの繰り返しによる劣化の蓄積を防げます。ウェブ配信の書き出しにはWebPを使い、PNGはソースとして保管してください。逆方向に進めてWebPをPNGに戻す必要があるときは、webp-to-pngツールがその変換を扱います。
PNG ファイルをアップロード領域にドラッグするか、クリックしてファイル選択を開きます。PNG の透明な部分は出力でも保持されます。1 枚の変換はブラウザ内で動き、複数枚をまとめて置くと当社のサーバーへ送られてまとめて処理されます。
ファイルが読み込まれた瞬間にブラウザがWebPを書き出します。画面解像度の大半の画像では、押すボタンもなく1秒よりはるかに短い時間で結果が現れます。
ダウンロードボタンに出力ファイルのサイズが表示されます。透明な部分はWebPでも透明なまま残り、ファイルは元のPNGよりはっきり軽くなっているはずです。
ダウンロードを押してファイルを保存します。元のファイル名を保ち、拡張子だけが.webpに変わります。別のPNGを変換するにはページに置くだけで、各ファイルは独立して進みます。
逆方向や他のフォーマットが必要な場合、これらのツールが使えます。
はい。WebPは完全なアルファチャンネルに対応しているので、PNGの透明な部分はWebP出力でも透明なまま残ります。これがPNGから始めるときにJPGではなくWebPを選ぶ主な理由です。JPGにはアルファがなく透過を単色に押しつぶすしかありませんが、WebPは切り抜きをそのままに保ちます。透明な背景を持つロゴ、アイコン、商品画像、UI素材は、追加の手順なしにすべてそのまま変換を通り抜けます。
ファイルサイズが小さくなるので、ページがより速く読み込まれます。WebPへの切り替えは画像の見た目を変えずに読み込み速度を上げる最も手軽な方法のひとつです。GoogleのWebPドキュメントによれば、透明部分を持つ画像では同等のPNGのおよそ3分の1の大きさになり得ます。軽くなった画像はウェブサイトの表示速度を全体的に改善し、特に回線の細いモバイル環境で効果が出やすい実践的なメリットがあります。ブラウザ対応はChrome、Firefox、Safari、Edgeで広く行き渡っています。
はい、通常の閲覧では区別がつきません。ウェブページで画像を見る際の解像度では、このツールの出力は元のPNGと実質的に同じに見えます。ソーシャルメディアへの投稿、ウェブサイトのヘッダー、製品画像、UIアイコン、いずれもそのまま使えます。ピクセルを100パーセントに拡大して比較しない限り、違いを見つけるのは困難です。変換しても元のPNGファイルは変わらず端末に残ります。
GoogleのWebP公式ドキュメントによれば、可逆WebPは同等のPNGよりおよそ26パーセント軽く、アルファチャンネル付きの非可逆WebPは同等のPNGのおよそ3分の1の大きさです。正確な比率は画像の内容によって変わり、広い透明部分と単色領域を持つグラフィックが最も大きく恩恵を受け、細部の多い写真は小さいながらも意味のある削減になります。いずれにせよWebPは軽くなり、透過は保たれます。
変換する枚数によって異なります。1枚だけならブラウザの中で処理が完結し、ファイルはどこにも送られません。複数枚をまとめて変換するときは当社のサーバーで処理しますが、結果は約2時間で削除され、ダウンロード後すぐに自分で消す選択肢もあります。どちらのケースでも、ダウンロードの準備に必要な以上にあなたの画像データが残ることはありません。変換が終わった後も元のPNGは端末にそのまま残っています。
はい。WebPはChrome、Firefox、Safari、Edgeでネイティブに対応されており、実際に使われているブラウザの大多数をカバーします。2020年のSafari 14以降、対応は広く行き渡っています。とても古いブラウザや組み込みのwebviewを含むかもしれない利用者向けに作っているなら、PNGが最も安全な選択です。直近5年の現行ブラウザを使う利用者なら、WebPは確実に動きます。個別の対応状況はcaniuse.comのWebPの項目で確認できます。
良い仕上がりの背後にある技、フォーマット、小さな決定についてのチームからのメモ。