ToolActToolAct

画像 to WebP 変換ツール

一括で画像をWebP形式に変換、より小さいサイズで高品質

画像をアップロード

画像をここにドラッグ、またはクリックしてファイルを選択

JPG、PNG、GIF、BMP形式対応、複数選択可能

画像のWebP変換とは?

WebP は Google が開発した近代的な画像フォーマットです。JPG や PNG と比べ、同等の画質でファイルサイズが 25-35% 小さくなります。ファイルは ToolAct の WebP 変換サービスにアップロードされ、サーバー側の libwebp(libvips 経由)でエンコードされた後、ブラウザに返送されます。変換完了後、一時ファイルは直ちにサーバーから削除され、アーカイブされず、トレーニングにも使用されません。WebP は Web 配信用に設計されており、透明度のサポート、設定に応じた可逆/非可逆モードを備え、ページの読み込み速度向上、アップロードサイズ削減、帯域削減、最新のアセット最適化に役立ちます。一方で、極端に古いクライアント、印刷ワークフロー、メタデータ要件、編集ソフトウェアでは依然として PNG、JPG などの形式が好まれる場合もあるため、WebP が常に最適解とは限りません。変換後はシャープネス、透明度、色の見え方、ファイルサイズを併せて確認してください。

使い方

使い方

  1. 画像をドラッグまたはクリックしてアップロード(複数対応)
  2. WebP品質スライダーを調整(視覚品質を維持するには80%以上を推奨)
  3. 「変換」ボタンをクリックし、結果を確認してダウンロード

品質のヒント

  • スクリーンショット、UI画像、テキストが多いグラフィックには高品質を設定してください。シャープなエッジ周辺で圧縮アーティファクトが目立ちやすくなります。
  • 透過、アニメーション、正確なカラーマッチングが重要な場合は、元ファイルを保存してください。

利用シーン

画像を一括で WebP に変換1枚または複数の画像ファイルを追加して品質設定を選び、保留中や失敗したアイテムを WebP に変換します。即時プレビューとダウンロードコントロールが利用可能です。スクリーンショットやアイコンにはロスレスモードを選択してください。アルファチャンネルが保持されます。非可逆 WebP は完全に透明なピクセルを 4:2:0 クロマサンプリングで 0,0,0,0 にドロップするためです。
保存前に WebP 出力と元画像を比較ダウンロード前に、各画像のプレビュー、寸法、元のサイズ、変換後のサイズ、元のフォーマット、変換後のフォーマット、サイズ変化率を確認します。使用するレイアウトで WebP バージョンを確認するまでは元ファイルを保持してください。非可逆 WebP は品質70以下で純粋な赤や黄色の彩度をわずかに下げるため、ブランドが重要なアートワークは元の PNG とサイドバイサイドの A/B 比較を行ってから削除すべきです。
Web アセットをバッチで準備ブログ画像、ドキュメントのスクリーンショット、商品アセット、アプリメディアをより小さな Web 配信用に準備する際に、変換成功後に個別ダウンロードまたは一括ダウンロードを使用します。すべての変換済みアセットをターゲットブラウザや CMS で確認するまでは元ファイルを保持してください。Safari は14.0で WebP サポートを追加し、iOS Safari 16以上がアップグレードできない管理対象 iPad にも対応する最も安全なベースラインです。
ヒーロー画像の品質とファイルサイズを調整商品のヒーロー写真では品質を75〜82に下げて、テキストエッジ周辺のシャープネス、グラデーション、肌のトーンを比較してから適用します。平坦な空にバンディングが現れた場合は高品質で再実行してください。アグレッシブな WebP 圧縮では JPG が隠すポスタリゼーションが表示される場合があります。
非対応ワークフローでの透過損失に注意ソース PNG にアルファチャンネルがある場合、変換プレビューに注目してください。一部のダウンストリームツールは WebP を JPG として再エンコードし、透過をサイレントにドロップします。アルファレイヤーの保持が必要なアイコン、スタンプ、オーバーレイアセットにはロスレス WebP をエクスポートするか PNG にフォールバックしてください。特に2020年以前に出荷された WebP 非対応ブラウザでは重要です。アニメーション GIF を WebP に変換すると元のフレーム遅延が保持されますが、ディスポーズモードのシフトによりエンコーダーにソース GIF と同じ背景塗り動作が渡されない場合にゴーストフレームが残ることがあります。

仕組み

WebP は 3 つの内部コーデック上に構築された Google のコンテナ形式です。VP8 は非可逆静止画像、VP8L は可逆、VP8X はアルファ・アニメーション・ICC プロファイル・EXIF チャンクを追加する拡張コンテナです。非可逆 WebP は VP8 イントラフレーム予測、4 タイル DCT、インループデブロッキング、算術符号化を適用し、可逆 WebP はカラースペース変換と LZ77 バックリファレンス方式を残差に適用します。同じ SSIM で比較すると、非可逆 WebP は JPEG より平均 25〜35% 小さく、可逆 WebP は PNG より平均 26% 小さくなります。 本ツールの変換はサーバー側で行われます。ブラウザは各画像を署名付きマルチパートアップロードとして ToolAct の /image/convert/webp エンドポイントに送信します。サーバーはバイト列を libvips にパイプし、libvips がソース(PNG、JPEG、GIF、BMP、TIFF)をデコードして、ピクセルバッファを Google の参照エンコーダーである libwebp に渡します。品質スライダーは libwebp の -q パラメータ(0〜100)に直接対応します:100 未満の値は 4:2:0 クロマサブサンプリングと 8 ビット/チャンネル範囲の非可逆 VP8 パスを選び、品質 100 では全ピクセルを正確に保持する可逆 VP8L パスに切り替わります。エンコーダーはビットストリームを RIFF(Resource Interchange File Format)WebP コンテナに書き込み、必要に応じてアルファや ICC 用の VP8X 拡張チャンクを追加し、結果がレスポンスボディとしてストリーム返送されます。一時アップロードファイルはレスポンス書き出し直後にサーバーから削除され、アーカイブされず、トレーニングにも使用されません。 サポートは JPEG の代替として十分に普及しています。Chrome 32+、Edge 18+、Firefox 65+、Safari 14+ がデコーダーを搭載しています。残りのエッジケースは予測可能です。非可逆 WebP は 4:2:0 クロマが完全忠実度の部分アルファを持てないため、完全に透明なピクセルを RGBA 0,0,0,0 に強制します。品質が約 70 を下回ると、平坦な空にポスタリゼーションが現れ、ブランドカラーの赤/黄色で彩度低下が始まるため、商品のヒーロー写真は通常 80〜85 の範囲で扱われます。アニメーション WebP は libwebp の mux ツールで作成可能ですが、典型的なバッチ処理は静止画像のため、アニメーション GIF などのフレーム単位ソースを変換する場合はエンコーダーに全フレーム保持を明示的に指示する必要があります。指示しない場合は最初のフレームのみがエクスポートされます。

  • コンテナ:VP8 非可逆、VP8L 可逆、VP8X 拡張(アルファ、アニメーション、ICC、EXIF)。3 つのレイアウトは同じ RIFF ラッパーを共有します。
  • サーバー側パイプライン:libvips がソースをデコードし、libwebp が出力をエンコードします。品質スライダーは libwebp の -q パラメータに対応し、quality=100 で可逆 VP8L パスを選択し、それより低い値では 4:2:0 クロマの非可逆 VP8 パスを選択します。
  • サイズ比率:同じ SSIM で JPEG より約 25〜35% 小さく、透過付き可逆で PNG より約 26% 小さいです。
  • アルファ処理:非可逆 WebP は完全に透明なピクセルを RGBA 0,0,0,0 にフラット化します。真のアルファを保持するには可逆モードを選択するか、アイコンには PNG を使用してください。
  • ブラウザベースライン:Chrome 32+、Edge 18+、Firefox 65+、Safari 14+/iOS 14+。アップグレードできない古いロックダウンデバイスには PNG/JPG フォールバックが必要です。
  • 変換ライフサイクル:各アップロードファイルは libwebp のエンコードを実行し結果をストリーム返送する間だけ保持されます。一時ファイルは変換の成功・失敗にかかわらず、レスポンス終了時に削除されます。

使用例

JPG ヒーロー写真、品質 80

入力:   hero.jpg     1920 x 1080  1.24 MB
品質:   80
出力:   hero.webp    1920 x 1080  381 KB
サイズ削減: 69.4%
見た目: 通常の閲覧距離では区別できず、肌の階調も保持

透過 PNG アイコン、ロスレス

入力:   logo.png     512 x 512    44 KB (アルファチャンネル付き)
品質:   100 (ロスレス)
出力:   logo.webp    512 x 512    18 KB
サイズ削減: 59%
アルファチャンネル: 完全保持。ダークモード上のオーバーレイにも安全

ブログのスクリーンショット 20 枚を一括変換

入力:   PNG スクリーンショット 20 枚、平均各 380 KB (合計 7.6 MB)
品質:   85
出力:   WebP 20 枚、平均各 95 KB (合計 1.9 MB)
削減合計: 5.7 MB (75%)
一括ダウンロード -> screenshots.zip

商品写真、品質比較

ソース: sneaker.jpg 2400 x 2400  1.8 MB
q=90 -> 612 KB (EC のヒーロー画像に最適)
q=80 -> 348 KB (推奨デフォルト)
q=70 -> 228 KB (縫い目に若干のソフト感)
q=60 -> 162 KB (赤のグラデーションにバンディングが現れ始める)

よくある質問

WebPへの変換はブラウザ内で行われますか?

いいえ。各画像は ToolAct の WebP 変換サービス(/image/convert/webp エンドポイント)にアップロードされ、サーバー側の libwebp でエンコードされた後、taskId 経由でダウンロードされます。変換完了後、一時ファイルは直ちにサーバーから削除され、アーカイブされず、トレーニングにも使用されません。個人情報を含む写真や機密性のあるデザイン素材はアップロードしないでください。

WebPに変換できる入力フォーマットは何ですか?

JPEG、PNG、GIF、BMP、TIFFが一般的なソースです。アニメーションGIFからの変換では、上流のエンコーダーが対応していればアニメーションWebPが生成されます。それ以外の場合は最初のフレームのみがエクスポートされます。

不可逆WebPと可逆WebPはどう違いますか?

WebPは両方に対応しています。デフォルトは不可逆です。これはファイルサイズの削減効果が最大になるためで、典型的な不可逆WebPは同等の視覚品質のJPEGより25〜35%小さくなります。可逆WebPはサイズがPNGに近く、スクリーンショット、アイコン、線画に向いています。

透明度とアニメーションは引き継がれますか?

はい。WebPはアルファチャンネルに対応しているため、PNGの透明度はそのまま変換されます。アニメーションGIFはアニメーションWebPに変換できますが、静止画フォーマットからはもちろん動きを生成することはできません。

結果はどのブラウザでも開けますか?

最新のChrome、Firefox、Edge、Safari(14以降)と多くのメッセージングアプリはWebPをネイティブに表示します。古いブラウザ、一部の印刷パイプライン、いくつかのレガシーOfficeクライアントはまだ対応していません。どこでも開ける必要がある場合はJPEGまたはPNGのフォールバックを保管してください。

元のJPEGからほとんど縮まないのはなぜですか?

すでに強く圧縮されたJPEGには、WebPで改善できる余地がほとんどありません。高品質なマスター(PNGや高品質JPEG)から始めて、WebPでバランスの取れた品質で再エンコードすると、より大きな削減効果が得られます。

EXIFとカラープロファイルは保持されますか?

EXIFとICCプロファイルは変換時に通常削除されます。これはプライバシーを強化しますが、WebPを鑑識用のオリジナルとして使用できなくなることも意味します。後でメタデータが必要な場合は、WebPと一緒にソースを保管してください。