WebP変換ツール

JPG・PNG画像をWebP形式に変換します

画像ファイル選択

対応形式: JPEG(.jpg・.jpeg)、PNG

ここにファイルをドロップ
または

複数のファイルをまとめて変換できます

  • JPEG・PNG画像を選べます。続けて選んだファイルは一覧に追加されます(同じファイルは追加しません)。GIF・HEIC・WebPなどは追加しません。
  • 変換後の画像は元と同じ縦横サイズで、拡張子を .webp に変えて保存します。同じ名前になる場合は「名前 (2).webp」のように番号を付けます。作成できるのは静止画のWebPです。
  • 画像はブラウザで描き直してから書き出します。JPEGの向き(Exifの回転情報)は画像に反映し、PNGの透明部分は保持します。Exif以外のメタデータ(XMP・色のプロファイルなど)は引き継ぎません。
  • 元の画像や画質によっては、変換後のほうが大きくなることがあります。その場合は結果に「元より大きい」と表示します。非常に大きな画像は、ブラウザの制限で変換できないことがあります。

変換設定

80
0: ファイルが小さく画質は粗い ↔ 100: 画質が高くファイルは大きい(非可逆で書き出すときに使います。可逆を選んだときは使いません)

詳細設定

WebP画像の表示に対応するブラウザ

表示に対応

Chrome 23+ (2012年〜)
Firefox 65+ (2019年〜)
Safari 14+ (2020年〜)
Edge 18+ (2018年〜)

表示に非対応

Internet Explorer (全バージョン)
Safari 13以前 (2019年以前)

上の表は、WebP画像を表示できるかどうかの目安です(OSのバージョンなどによって異なる場合があります)。このページでの変換には、ブラウザのWebP書き出し機能を使います。表示に対応していても、書き出しに対応していないブラウザでは変換できません。このページを開いたときに確認し、対応していない場合は案内を表示して変換ボタンを無効にします。

WebPフォーマットについて

WebPの特徴

小さくなりやすい

同じ程度の画質のJPEGより小さくなることが多い形式です(画像によって異なります)。

読み込みが軽い

ファイルが小さくなれば、ウェブページの表示にかかる時間を短くできます。

透明度対応

PNGのような透明部分を持てます。このツールでもPNGの透明部分を保持します。

アニメーション

GIFのようなアニメーションにも対応する形式です(このツールで作成できるのは静止画です)。

フォーマット比較

フォーマット 圧縮率 透明度 ブラウザ対応 用途
WebP ★★★★★ ○ ★★★★☆ Web向けの画像
JPEG ★★★☆☆ × ★★★★★ 写真・Web
PNG ★★☆☆☆ ○ ★★★★★ 透明画像

WebP変換ツールについて

一括変換

選んだ複数の画像を順番に変換し、まとめてZIPで保存できます。

画質・可逆の指定

非可逆の画質を0〜100で指定するか、可逆(ロスレス)で書き出せます。

小さい方を自動で選択

非可逆と可逆の両方で書き出し、ファイルが小さい方を保存できます。

変換前後の比較

変換前と変換後の画像を重ね、境目を動かしながら見比べられます。等倍表示もできます。

Exifの引き継ぎ

選んだ場合だけ、撮影日時などのExif情報を変換後のWebPに付けます。

変換統計

ファイルごとの元のサイズ・変換後のサイズ・増減と、全体の合計を表示します。

使用例

  • ウェブサイト - ページに載せる画像の軽量化
  • ECサイト - 商品画像の軽量化
  • ブログ・メディア - 記事画像の軽量化
  • モバイル向けページ - 通信量の削減
  • 表示速度の改善 - 画像が小さくなった分、ページの読み込みを短縮

変換のコツ

写真の場合

画質70〜80で、見た目の変化を抑えつつ小さくできることが多いです。「比較」で仕上がりを確認してください。

イラスト・図解

色の境目がはっきりした画像は、可逆(ロスレス)のほうが小さくなることがあります。「小さい方を自動で選ぶ」が便利です。

透明画像

WebPは透明部分を保持できます。PNGより小さくなることが多いですが、画像によって異なります。

大きくなった場合

元より大きくなった画像は、画質を下げて変換し直すか、元の形式のまま使うことを検討してください。

フォールバック

WebPを表示できない環境向けに、JPEG・PNGも併用すると安心です。

ブラウザ内で処理

画像の変換はブラウザ内で行い、画像ファイルをサーバーへ送信しません。