クリックしてアップロード または JPG ファイルをここにドロップ
ブラウザ内で変換されます — 何もアップロードされませんこのコンバーターについて
この無料の JPG から WebP への変換ツールは、JPG を最新の WebP に変換します。WebP は同じ見た目の品質でも、通常25〜35% 小さくなります。変換する理由はたいていページ表示速度です。多くのウェブページで最も重いのは画像であり、これを軽くするいちばん安上がりな方法がこれです。
すべてブラウザー内で動作し、画像がサーバーへアップロードされることはありません。
WebP が JPG より小さい理由
JPEG は 1992年に仕様が確定しました。WebP は 2010年に Google から登場し、動画コーデック VP8 を支える圧縮技術の上に築かれています。JPEG にはない18年分の研究成果が入っているのです。
差の大部分は2つの要素で説明できます。WebP は、すでにデコードされた周囲のピクセルから各ブロックを予測し、ブロックそのものではなく予測との誤差だけを保存します。これは連続するフレームがほとんど同じである動画符号化から借りてきた手法です。さらに算術符号化を使い、JPEG が頼るハフマン符号化よりも結果を緊密に詰め込みます。
写真での実際の結果は、同等品質で25〜35% の節約です。JPEG を2メガバイト分抱えたページなら、見た目を変えずにおよそ半メガバイトが消える計算になります。
それがページ表示速度にもたらすもの
画像はたいていページがダウンロードする中で最も大きなもので、そのため Google が実際に計測している指標の直接の経路上にあります。
Largest Contentful Paint は、最も大きな可視要素が表示されるまでの時間です。多くのページで、その要素は画像です。これは Core Web Vitals の1つであり、ランキング要因であり、そしてヒーロー画像が何バイトあるかにほぼ支配されます。そこから3分の1を削れば、LCP はそのぶん直接改善します。
これがいちばん効くのは、最も回線状況の悪い人たちです。高速なデスクトップ回線なら 500 KB は体感できません。混雑したモバイル回線では、それが何もない画面を見つめる1秒になります。そして訪問者が離脱するのは、まさにその1秒です。
品質設定の選び方
WebP の品質は 0〜100 で、この数値は JPEG の品質値と同じ意味ではありません。おおまかな目安は次のとおりです。
- 80〜85 — ウェブ上の写真に最適な範囲。通常の表示サイズでは、元画像との違いはほぼ分かりません。
- 90 以上 — 拡大されるもの、後で切り抜くもの、細かい文字を含むもの向け。90 を超えるとファイルは急に大きくなる一方、見た目の向上はごくわずかです。
- 70〜80 — サムネイル、背景画像、小さいものや一部が隠れるもの。
- 70 未満 — 写真では劣化が見えます。強くぼかした背景ならば使えますが、それ以外にはあまり向きません。
迷ったら 82 から始めて、原寸で結果を確認してください。アーティファクトが最初に現れるのは、空・スタジオの背景・肌といった滑らかなグラデーションであって、細かく入り組んだ部分ではありません。
JPG の変換では、避けようもなく少し失われる
原本のフォルダーをまとめて変換する前に、理解しておく価値があります。
JPG はすでに非可逆圧縮されています。最初に保存された時点でディテールが捨てられています。それを WebP に変換するということは、その圧縮済み画像をデコードし、別のアルゴリズムで再び圧縮するということなので、2度目の、より小さな劣化が上乗せされます。これが世代劣化であり、画像が非可逆フォーマットを通るたびに蓄積していきます。
実際には、品質 80〜85 での1回の変換なら分かりません。ただし次の2点を意味します。
原本を保管してください。 ウェブ用には複製を変換し、元ファイルは別の場所に保管します。捨てられたディテールは取り戻せません。
繰り返し変換しないでください。 JPG → WebP → JPG → WebP と重ねると、目に見えて劣化します。変換済みファイルを再変換するのではなく、常に原本に戻ってください。
手つかずのカメラのファイルや PNG 書き出しがまだ残っているなら、*それ*を WebP に変換したほうが、JPG を変換するよりよい結果になります。
ブラウザーの対応状況と、唯一の例外
WebP は、重要な場所ではどこでもサポートされています。Chrome、Edge、Firefox、Opera、Samsung Internet は何年も前から扱えますし、最後の本当の遅れ組だった Safari もバージョン14（2020年）で対応しました。今日のウェブでは、フォールバックなしで WebP を配信できます。
例外はブラウザーではなくソフトウェアです。デスクトップやモバイルのアプリには、いまだに .webp ファイルを開けないものが数多くあります。古いバージョンの Photoshop、多くの印刷ワークフロー、一部の Office 環境、各種デジタルフォトフレームやテレビ、そして JPG と PNG しか受け付けないアップロードフォームが驚くほどたくさんあります。人々が逆方向の変換を必要とする理由は、たいていこれです。
使い方
- JPG をアップロード — アップロード領域をクリックするか、.jpg ファイルをドラッグ＆ドロップします
- 品質を選ぶ — 高いほどディテールが残り、低いほどファイルが小さくなります
- ダウンロード — WebP を保存します
知っておきたいこと
- 元の JPG は残しておいてください。 品質という点で、変換は一方通行です。
- 本当にサイズが減ったか確認してください。 小さい JPG やすでに強く圧縮された JPG では、WebP のほうがわずかに大きくなることがあります。その場合は JPG のままにしてください。
- 変換前にリサイズしてください。 800ピクセルの枠に4000ピクセルの画像を配信するのは、どんなコーデック選択でも取り返せないほどのバイト数の無駄です。
- .webp を受け付けないアップロードフォームがあります。 求人サイト、行政のポータル、古い EC のバックエンドでは、JPG と PNG しか受け付けないことがよくあります。
- WebP は JPG と違って透過に対応しています。 そのため、透過のある WebP を後で JPG に戻す場合は、背景色を選ぶ必要があります。
- AVIF はさらに小さく、WebP よりおよそ 20% 下回りますが、符号化はずっと遅く、対応範囲もやや狭くなります。
よくある質問
WebP はどれくらい小さくなりますか？
同じ見た目の品質で、通常は JPG より 25〜35% 小さくなりますが、画像によって変わります。空、ポートレート、スタジオ背景のように滑らかな面のある写真がもっともよく圧縮されます。すでに低品質で保存された小さな JPG はほとんど小さくならないことがあり、ときにはわずかに大きくなります。その場合は JPG をそのまま使ってください。
JPG を WebP に変換すると画質は落ちますか？
わずかに、そして避けようなく落ちます。JPG は作られた時点ですでにディテールを捨てており、WebP へ再符号化することで2度目の小さな劣化が加わります。品質 80〜85 なら、通常の表示サイズでは分かりません。捨てられたディテールは復元できないので、原本を保管し、複製を変換してください。
WebP は SEO に良いですか？
間接的に、しかし確かな意味で良い影響があります。Google はフォーマットそのものを評価しませんが、Core Web Vitals の指標として Largest Contentful Paint を計測しており、多くのページで最大の要素は画像です。画像のバイト数を3分の1削れば、その指標が直接改善します。これは即座に、かつ測定可能な効果が出る数少ない SEO 施策の1つです。
すべてのブラウザーが WebP に対応していますか？
実用上は、はい。Chrome、Firefox、Edge、Opera、Samsung Internet は何年も前から対応しており、Safari も2020年のバージョン14で対応しました。残る空白はブラウザーではなく、デスクトップやモバイルのアプリにあります。古い Photoshop、印刷ワークフロー、多くのアップロードフォームは、いまだに .webp ファイルを受け付けません。
品質はどの設定にすべきですか？
写真なら 82 から始めてください。細かい文字を含む画像や拡大される画像には 90 以上を、サムネイルや背景画像には 70〜80 を使います。70 を下回ると実際の写真でアーティファクトが見えるようになり、それは細かく入り組んだ部分ではなく、まず空のような滑らかなグラデーションに現れます。
WebP と AVIF のどちらを使うべきですか？
ほとんどの用途では WebP です。AVIF はさらに 20% ほど小さいファイルを作りますが、符号化がはるかに遅く、ブラウザー以外のソフトウェアの対応は手薄で、JPG からの削減幅に比べれば追加の節約はわずかです。WebP が安全な既定の選択で、AVIF は非常に大きなヒーロー画像を数点だけ扱うときに見合います。
画像はそちらのサーバーにアップロードされますか？
いいえ。変換はブラウザーに組み込まれた画像エンコーダーを使って完全にブラウザー内で行われるため、写真が端末から出ることはありません。インターネット接続を切っても、このツールは動作します。
関連ツール
- WebP から JPG — 逆方向の変換。WebP を開けないソフト向け
- PNG から WebP — ロゴ、スクリーンショット、透過のある画像向け
- 画像圧縮 — フォーマットを変えずに圧縮
- 画像リサイズ — まずリサイズを。どんなコーデックよりバイト数を減らせます
