画像WebP変換ツール

必要なツールを、すぐ使える形で。

画像WebP変換ツール

JPG、PNG、WEBP、AVIF、BMP、GIF、SVGなど、ブラウザが読み込める画像をサーバーへアップロードせずにWebPへ変換します。複数ファイルを追加し、品質を選んで個別またはZIPで保存できます。

JPG · PNG · WEBP · AVIF · BMP · GIF · SVG · TIFF · HEIC · ICO 画像を1枚または複数枚ドラッグするかクリックしてアップロード

選択できる形式は広めにしています。実際の変換はブラウザが読み込める形式から処理し、HEICやTIFFなど読めない形式はカードごとに表示します。

最大20MB · 画像拡張子を広く許可 · WebP出力
Original
画像未選択
画像を選ぶとファイル情報が表示されます。
Original: Format: WEBP · 80% WebP
ブラウザ内で処理 · サーバーアップロードなし · WebP出力
画像を選び、品質を決めてWebPに変換してください。
画像を追加すると下の一覧にすべて表示されます。変換後は各カードのDownloadまたはALL ZIPで保存できます。
最終更新日:
ROBERIN基準必要なツールを、
すぐ使える形で。
  • すぐ見える画面入力場所と結果の場所をはっきり分けます。
  • 結果を先に大事な数字を先に出し、過程は必要な分だけ見せます。
  • 求めるものを減らす登録や余計な入力なしで使えるようにします。
Roberin

JPG・PNGをWebPに変換し、品質とカード結果で判断する

WebP変換とは、ブラウザが読み込める画像を新しいWebPファイルとして保存し直すことです。このページでは選択した画像をサーバーへ送らず、現在のブラウザのFile API、canvas、toBlobでWebP結果を作ります。ブログ画像、商品サムネイル、CMSアップロード用画像、共有用画像の容量を軽くしたいときに向いています。

流れは、画像を1枚または複数枚追加し、75・80・90%などの品質を選び、変換後に各カードを確認するだけです。カードには出力サイズ、削減量、状態、Downloadが表示され、まとめて必要ならALL ZIPで保存できます。

このWebP変換ツールでできること

ブラウザが読める画像をWebP出力として書き出します。JPG写真、PNG画像、AVIF、BMP、SVG、GIF、ICO、既存のWebPも、ブラウザがデコードできる場合に変換を試します。

WebPはWebページの画像転送量を減らすためによく使われます。ただし常に小さくなるわけではありません。小さいサムネイルや圧縮済みアイコンは、WebPにしてもあまり減らないことがあります。

画像をWebPに変換する手順

Add imagesを押すか、アップロード領域にファイルを置きます。1枚でも複数枚でも追加できます。プレビューとファイル一覧が出たら、品質を選んでConvert to WebPを押します。

JPG to WebP、PNG to WebP、AVIF to WebPのように目的が違っても操作は同じです。入力形式ごとに別メニューを選ぶのではなく、読めた画像を同じWebP出力に進めます。

60・75・80・90%の使い分け

60%は小さなサムネイルや一時共有用など、細部が重要でない画像向きです。容量は減りやすい一方、文字やグラデーション、商品エッジが荒れることがあります。

75〜80%は多くのWeb写真の出発点です。90%は商品代表画像、ポートフォリオ、文字入りのスクリーンショットなどで比較します。最後はパーセントではなく、カードの見た目と削減量で決めます。

結果カードの見方

変換後はファイルごとにカードが出ます。ファイル名、状態、WebP出力サイズ、元画像からの削減量、個別Downloadがまとまっているため、成功と失敗を混ぜずに確認できます。

広い画面では2枚ずつ並ぶので、長い表よりも比較しやすくなります。削減量があり、見た目も問題ないカードを保存し、サイズが増えたカードは品質を変えるか元画像を残します。

複数ファイルとALL ZIP

商品画像セットや記事ギャラリーなどは複数枚まとめて追加できます。結果はカードごとに分かれ、1枚が失敗しても他の変換や保存は続きます。

必要なものだけなら各カードのDownloadを使います。全体を保存する場合も、失敗カードやサイズが増えたカードを見てからALL ZIPを使うほうが安全です。

ブラウザ内だけで処理

選択したファイルは現在のブラウザで読み込まれ、変換されます。このページは変換のために画像をサーバーへアップロードしません。

その代わり、処理はブラウザと端末の性能に左右されます。非常に大きな画像や大量のファイルでは、メモリやブラウザの動作が影響します。

HEIC・HEIF・TIFFが失敗する理由

選択できる形式は広めですが、それは変換保証ではありません。実際の変換はブラウザがその画像をデコードできたときだけ始まります。

HEIC、HEIF、TIFF、特殊なメタデータを持つ画像は、あるブラウザでは失敗し、別のブラウザでは読めることがあります。非対応ファイルはカードごとのエラーとして残ります。

GIF・APNG・SVGのアニメーション注意

canvasでWebPに保存する場合、通常はブラウザが描画した1フレームを保存します。GIF、APNG、SVGの動き全体が維持されるとは考えないでください。

動きを残す必要があるバナーやステッカーでは、ダウンロード後に必ず再生を確認します。静止サムネイルや代表フレームが必要なときだけ使うのが安全です。

例:商品画像4枚を変換する

JPGの商品写真3枚とPNGロゴ1枚を追加したとします。まず80%で変換し、各カードのWebPサイズと削減量を見ます。写真が30〜60%軽くなり、見た目も保てるなら保存候補です。

ロゴがぼやけたり容量が減らない場合は90%で再比較するか、元のPNGを残します。全部必要ならALL ZIP、1枚だけならそのカードのDownloadを使います。

保存前チェック

保存前に、失敗カードがないか、WebPサイズが本当に小さくなったか、顔・文字・商品エッジ・透明に見える部分が崩れていないかを確認します。

元ファイルはすぐ消さないでください。WebPは配布やアップロードには便利ですが、再編集や長期保管用の唯一の原本にするには向きません。

よく使う場面と原本保管

ブログ本文画像、商品サムネイル、CMSメディア、メール下書き、軽い共有用画像ではWebPが役立ちます。読み込みやアップロードを軽くできます。

カメラ原本、レイヤー付きの制作物、後で色調整する素材は別に保管し、WebPは公開用コピーとして扱うのが安全です。

技術的な土台

この変換はローカルファイルを読むFile APIと、canvasからWebP Blobを書き出すtoBlobに依存しています。

そのため対応形式、色の扱い、大きな画像の処理速度は現在のブラウザ実装の影響を受けます。

よくある質問

このWebP変換ツールは何をしますか?

JPG、PNG、AVIFなどブラウザが読み込める画像を、現在のブラウザ内でWebPファイルとして保存し直します。サーバーアップロード型ではありません。

JPGやPNGをWebPにする手順は?

Add imagesで画像を入れ、品質を選び、Convert to WebPを押します。結果カードを確認してDownloadまたはALL ZIPで保存します。

品質は何%がよいですか?

小さなサムネイルは60%台、一般的なWeb写真は75〜80%、細部が大切な商品写真や作品画像は90%付近を比較してください。カードの見た目と削減量で決めます。

画像はサーバーにアップロードされますか?

いいえ。選択した画像は現在のブラウザで読み込み、WebPへ変換します。このツールは変換のために画像をサーバーへアップロードしません。

HEIC、HEIF、TIFFも変換できますか?

現在のブラウザがそのファイルをデコードできる場合だけ成功します。選択はできますが、非対応の場合はカードごとのエラーになります。

GIF、APNG、SVGのアニメーションは維持されますか?

保証されません。canvas変換ではブラウザが描いた静止フレームだけがWebPになる場合があります。動きが必要な場合は結果を必ず確認してください。

複数枚をまとめて保存できますか?

はい。必要なカードだけDownloadするか、変換後のキューを確認してALL ZIPでまとめて保存できます。

Roberin
センスのある開発者
創造的で実用的なツールでより良い世界を作るセンスのある開発者、Roberinです。技術は皆のためのもの、一緒により便利な世界を作っていきましょう!😊
お問い合わせフォーム
確認に必要な内容だけお送りください。
返信が必要な場合は、メールアドレスも入力してください。不具合の報告では、ページURL、入力した値、期待した結果と実際の結果を書いていただくと確認が早くなります。