WEBP 画像を圧縮
ファイルはお使いのデバイス上で変換されます。アップロードされることはありません。
またはここにドロップ、Ctrl+V/⌘V で貼り付け
.webp.jpg.jpeg.png
- ファイルはデバイスの外に出ません
- 一括変換+ZIP
- 登録不要・制限なし
この変換ツールはブラウザ内で動作するため、JavaScript が必要です。変換するには JavaScript を有効にしてください。手順は下で詳しく説明しています。
設定
WEBP をスリムにしてサイトを速く。JPG や PNG から圧縮済みの WEBP を直接作ることもできます。
ネット上の WEBP には、高画質のまま、カメラのフル解像度のまま書き出されたものが多く、これでは形式の意味がありません。このページは選んだ画質で再エンコードし、最大サイズを設定すれば、レイアウトで実際に表示する大きさまで縮小します。JPG と PNG も受け付けるので、元画像から一度で圧縮済み WEBP にできます。透過は保たれ、処理はすべてブラウザの中で行います。
WEBP 圧縮 の使い方
- WEBP ファイル、または圧縮した WEBP にしたい JPG・PNG の元画像をドロップします。
- 一般的な Web 画像なら画質は 75、商品写真なら 80〜85 にします。最大サイズはレイアウトに合わせ、たとえば 1200px にします。
- 圧縮して、WEBP をファイルごとか ZIP でダウンロードします。
画質・サイズ・メタデータはどうなるか
ここでの WEBP は非可逆で、すでに非可逆の WEBP を再圧縮すると劣化がもう一段加わります。画質 75 ならめったに見えませんが、細かい文字や細い線のある画像は 100% 表示で確認してください。大きすぎる画像をリサイズするほうが、画質の調整よりずっと容量を減らせます。
透明な部分は透明のままです。WEBP の出力には EXIF が入らないので、カメラ情報や位置情報は削除されます。結果が元の WEBP より大きくなる場合は、元のファイルを残します。自力で WEBP を作れない Safari では、WEBP エンコーダーを 1 回だけ読み込みます。
- テストファイル
- 30
- 平均入力サイズ
- 1.2 MB
- 平均出力サイズ
- 594 KB
- サイズの変化
- 49% 削減
- 1 ファイルあたりの時間
- 741 ms
WEBP について
| 正式名称 | WEBP |
|---|---|
| 正式名称 | WebP |
| 登場 | 2010 |
| 策定 | Google · RFC 9649 |
| 圧縮 | 非可逆・可逆の両方 |
| 透過 | あり |
| アニメーション | あり |
| 最大サイズ | 16,383 × 16,383 px |
| Chrome / Edge | 対応 |
| Safari | 対応 |
| Firefox | 対応 |
| Windows | 対応 |
| iPhone / iPad | 対応 |
| Android | 対応 |
| 主な用途 | ファイルの小ささが表示速度に直結する、Web サイトやアプリの画像。 |
WEBP WebP は Google が 2010 年に公開した画像形式で、RFC 9649 として文書化されています。非可逆と可逆の 2 つのモード、透過、アニメーションを持ち、同程度の画質なら JPG や PNG より通常 25〜35% 小さくなります。Web サイトでは広く使われていますが、一部のデスクトップアプリやアップロードフォームはまだ受け付けません。
この表の出典
- www.rfc-editor.org/rfc/rfc9649
- developers.google.com/speed/webp/faq
- caniuse.com/webp
- developer.android.com/media/platform/supported-formats
ブラウザ対応データ:caniuse.com(CC BY 4.0)。
このサイトを使わずに変換する
OS には WEBP の圧縮機能は含まれていません。Windows のペイントやフォト、macOS のプレビューは WEBP を開けますが保存はできません。サイト作成サービスやプラグイン、画像配信サービス(CDN)はアップロード時に自動で再圧縮することが多いので、二度手間になる前にサイトのメディア設定を確認してください。手元のファイルを外に出さずにまとめて処理するなら、このページはインストール不要で、各ファイルの圧縮前と後のサイズも確認できます。
トラブルシューティング
- もともと小さい WEBP を圧縮する。 得るものはわずかです。結果が小さくならなければ元のファイルを返します。
- バナーの文字が甘い。 文字の入った画像は画質を 85〜90 に上げます。
- 再エンコードの繰り返し。 元の JPG や PNG があるなら、古い WEBP ではなくそちらから圧縮します。
- アニメーション WEBP。 最初のフレームしか残らないので、アニメーションにはこのページを使わないでください。
よくある質問
WEBP ファイルの容量を小さくするには?
ここにドロップして画質を 75 前後にし、表示サイズより大きい画像なら最大サイズも設定します。「圧縮」を押して、表示されるサイズを比べてください。いちばん効くのはたいていリサイズで、画質は残りの微調整です。新しい WEBP を 1 枚ずつ、または複数を ZIP でダウンロードします。
ここで JPG や PNG を WEBP に圧縮できますか?
はい。このページは JPG、PNG、WEBP を受け付けて常に WEBP を書き出すので、変換と圧縮を 1 回で済ませられます。透過のある PNG は透過を保ち、JPG の写真は正しい向きに回転します。AVIF など別の形式で出力したい場合は、それぞれ専用の変換ページを使ってください。
Web サイトに適した WEBP の画質は?
ページ内の画像の多くは 75〜80、拡大して見られる商品写真は 85、細部より速度が大事な大きな背景画像は 60〜70 が目安です。画質の設定は適切な最大サイズと組み合わせてください。表示サイズより大きな画像は、画質の数ポイントよりはるかに多くのバイト数を無駄にしています。
WEBP を圧縮しても透過は残りますか?
はい。WEBP はアルファチャンネルに対応しており、圧縮後のファイルでも透明・半透明の部分は元の位置にそのまま残ります。そのため、切り抜き商品画像、スタンプ、バナーなど、サイト上の重い透過 PNG の置き換えに圧縮 WEBP はよく合います。