画像をWEBPコンバーターに変換する

選択したファイルを復元中...
Source
寸法
x
ファイルサイズ

WebPはSafari 14以降を含むすべての現代的なブラウザでサポートされており、視覚品質が同等の場合、JPGよりも25~35%小型なファイルを生成します。また、無損失方式ではPNGよりも20~25%小型になります。1枚または複数の画像をアップロードすると、このコンバーターは適切なモード(写真には損失付き、グラフィックには損失なし)でWebPファイルを生成し、透明度が含まれている場合はその状態を保持します。

WebPに変換する方法

  1. 1

    画像をアップロードします

    JPG、PNG、GIF、BMP、TIFF、HEIC

  2. 2

    ロスありまたはロスなしを選択

    写真には品質75~85で損失あり、ロゴ、スクリーンショットおよびアイコンには損失なしです。

  3. 3

    品質を設定する

    ロス型で0~100の範囲;80は典型的な最適値です。

  4. 4

    削減効果をプレビュー

    オリジナルサイズとWebPサイズを並べて表示しています。

  5. 5

    ダウンロード

    1つのファイルまたはバッチのZIPファイル。

WebP対JPG対PNG

WebPは単一のフォーマットであり、2つのモードを備えています:損失付き(JPGと同様だがより優れた品質)および損失なし(PNGと同様だがサイズが小さい)。

損失圧縮画像とJPGの比較

JPG品質 同様の外観を実現するWebP品質 通常のサイズ削減効果
85 78 25-30%
80 72 28-33%
70 60 30-35%

ロスレス比較とPNGの比較

  • スクリーンショットでは、WebPのロスレス形式は通常PNGよりも20~26%小さくなります。
  • 色数が少ないシンプルなロゴの場合、最適化されたPNG-8がWebPを上回ることもあります。

ブラウザ対応

  • Chrome、Edge:バージョン32(2014年)以降
  • Firefox:バージョン65(2019年)以降
  • Safari:バージョン14(2020年)以降で対応;それ以前のiOSではフォールバックが必要です。
  • Android WebView:すべての最新バージョン

<picture>要素および古いクライアント向けのJPG/PNGフォールバックファイルを含めて配信してください:

<picture>
  <source type="image/webp" srcset="hero.webp">
  <img src="hero.jpg" alt="Hero">
</picture>

アニメーション

WebPはアニメーションもサポートしており、同等の品質でGIFよりもサイズが小さい。短いループアニメーションの場合、アニメーション付きWebPはGIFから簡単にアップグレードできる形式です。

変換しない場合

  • 記録用アーカイブ(原本):元の形式のまま保管してください。
  • メールの添付ファイル:多くのメールクライアントは依然としてWebPをインライン表示できません。JPGは汎用的な形式です。
  • 印刷ワークフロー:CMYK印刷パイプラインはWebPではなくJPGまたはTIFFを前提としています。

よくある質問

はい、サポートは現代のほとんどのブラウザでほぼ普遍的です。非常に古いブラウザに対応する必要がある場合は、JPGフォールバックを用いた<picture>要素を使用してください。ほとんどのユーザーにとっては、標準の<img src="foo.webp">が十分に機能します。

ファイルサイズが同じ場合、WebPは通常JPGよりもわずかに優れており、視覚的にもPNGとまったく同じです。品質が同じ場合には、WebPの方がサイズが小さいです。その効果の大きさはコンテンツによって異なり、写真では平面的なイラストよりもより顕著に効果があります。

はい、ロッシー(非可逆)とロスレス(可逆)のWebPはいずれも8ビットのアルファチャンネルをサポートしています。これは、適切なPNG代替であり、同時に適切なJPG代替でもある単一のフォーマットです。

ウェブボディ画像では75~80、ヒーロー画像では80~85、サムネイルでは65~70です。WebPはより効率的に圧縮できるため、最適値は対応するJPG値よりも低いのが望ましいです。

関連ツール

このツールは他の言語でも利用できます