JPEGをWebPに変換
サイトやネットショップのJPEG写真をWebPに再エンコードすると、各ページのダウンロード量を減らせます。画質は80から始まります。ほとんどの写真は、この設定なら見た目の変化がわかりません。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
JPEG写真をアップロード
.jpeg または .jpg ファイルを一度に最大20個まで追加できます(1ファイルあたり95 MBまで)。CMSのメディアフォルダやカメラからそのまま書き出したファイルでも問題ありません。
- 2
画質を決めてからサイズを設定
音質の初期値は80です。詳細設定の出力画像のサイズ変更で、レイアウトで表示される最大幅(例: 1600 px)を指定すると、誰にも見えないピクセルを配信せずに済みます。
- 3
「WebPに変換」を押す
WebPファイルを1つずつ、またはZIPでダウンロードし、JPEGの代わりにサイトへアップロードしてください。
自分で管理するWebページに表示する画像(商品写真、ブログのヘッダー、ポートフォリオのギャラリーなど)はJPEGからWebPに変換しましょう。印刷、編集、メール送信に使うものはJPEGのままにしてください。
WebサイトでJPEGをWebPに変換する理由
WebPは2010年にGoogleが発表した形式で、動画コーデックVP8の静止画符号化をベースにしています。目的は同じ画像をより小さいファイルにすることで、写真では今もそれが当てはまります。予測処理とエントロピー符号化が、1992年設計のJPEGより新しいためです。ページのデータ量の大半は通常写真が占めるので、写真を軽くすることは、コードに触れずにできる最大の高速化になることがよくあります。
互換性の問題は2020年に解消しました。主要ブラウザで最後まで未対応だったSafariが、iOS 14とmacOS Big Sur向けのSafari 14でWebPに対応したためです。WordPressはバージョン5.8(2021年)からWebPのアップロードに対応し、Shopifyも商品メディアで受け付けています。PageSpeed Insightsなどの速度ツールは、次世代フォーマットでの配信を提案する際に大きすぎるJPEGを指摘しますが、WebPは副作用が最も少ない対処法です。
JPEG写真をWebPに変換するときの最適な画質設定
- 50
サムネイルや背景画像のみ。エッジがぼやけます
- 75
Googleのcwebpエンコーダーの初期値
- 80
ここでのプリセット。商品写真やブログ写真向け
- 92
質感が重要な作品向け。ファイルは急に大きくなります
JPG
JPEG画像
JPEG(JPG)は最も広く使われている写真形式で、1992年にJoint Photographic Experts Groupが標準化しました。目につきにくい細部を捨てる非可逆圧縮を使うため、写真をウェブ、メール、スマートフォンの保存に適した小さなサイズにできます。滑らかなグラデーションや自然な風景は得意ですが、くっきりした文字、線画、べた塗りの色ではブロック状やぼやけたノイズが目立ちます。JPEGには透過もアニメーションもなく、保存し直すたびに少しずつ画質が落ちます。すべてのブラウザ、スマートフォン、カメラ、画像エディタで開けます。
- 圧縮方式
- 非可逆
- 透過
- 非対応
- アニメーション
- 非対応
- 登場時期
- 1992 · Joint Photographic Experts Group
WEBP
WebP 画像
WebP は、ウェブページの表示を速くするために Google が 2010 年に公開した画像形式です。非可逆圧縮と可逆圧縮の両方、アルファ透過、アニメーションを 1 つの形式で扱えます。非可逆 WebP は、同程度の画質の JPEG と比べて一般に 25–35% 小さくなり、可逆 WebP も通常は PNG より小さくなります。現行のブラウザーはすべて対応していますが、古いデスクトップソフト、印刷サービス、アップロードフォームの中には、今でも受け付けないものがあります。Windows、macOS、最近のほとんどの画像編集ソフトで WebP を開けます。
- 圧縮方式
- 非可逆または可逆
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2010 · Google
サイト運営者は、ページの表示を速くし、画像サイズの監査をクリアするためにJPEGをWebPへ変換します。写真はブラウザで見るためのもので、再編集は想定していません。
WebPに変換すると写真の中身はどう変わるか
ロッシーWebPでは、色情報は常に明るさの半分の解像度で保存されます(4:2:0サンプリング)。カメラの写真は元々この構成なので見た目は変わりませんが、単色の背景に置いた彩度の高い赤や青の文字は、色解像度をフルで保存したJPEGより少しぼやけて見えることがあります。その場合は音質を上げるか、PNGを使ってください。
メタデータは初期設定で削除されます。公開する商品ページにGPS座標やカメラのシリアル番号は不要なので、Webでは通常これが適切です。フォトエージェンシーや著作権表示のために情報を残す必要がある場合は、メタデータを削除のチェックを外してください。カラープロファイルは、カラープロファイルを保持を変更しない限り保持されます。新しい形式を比較したい方は、サイト全体の形式を決める前にAVIF、HEIC、WebPの違いをご覧ください。
| 推奨 | 非推奨 |
|---|---|
| 変換前または変換時に、レイアウトで表示される最大幅にサイズ変更する。 | 写真に可逆を選ぶ。WebPがJPEGより大きくなります。 |
| 元のJPEGは、マスターとして別フォルダに保管する。 | WebPをJPEGに戻してからまたWebPにする。そのたびに劣化が増えます。 |
| 布や葉など細かい質感の写真を1枚、100%表示で確認する。 | JPEGを求める印刷店や求人ポータルにWebPを送る。 |
| 変換の前後でページの速度テストを行い、効果を確認する。 | 品質を100にして、元のJPEGより鮮明になると期待する。 |
JPEGをWebPに変換：サイト運営者からのよくある質問
WebPは元のJPEGと比べてどれくらい容量が小さくなりますか？
Googleの比較調査では、同じ画質でロッシー形式のWebPはJPEGより25–34%小さくなると報告されています。既存のJPEGを変換する場合は、JPEGのノイズも一緒にエンコードされるため、この範囲かやや下回る程度になるのが一般的です。JPEG品質95以上で保存された写真ほど大きく小さくなります。
JPEGをWebPに変換するとき、ロスレスにチェックを入れるべきですか？
ほとんどありません。可逆WebPはJPEGをデコードした全ピクセル(圧縮ノイズを含む)を保存するため、元のJPEGより大きくなることが多いです。可逆はスクリーンショットやグラフィック向きで、カメラで撮った写真には向きません。
JPEGからWebPへの変換は、非可逆圧縮をもう一度かけることになりますか？
はい。JPEGをデコードして別の方式で再圧縮するため、ディテールがわずかに失われます。品質80〜85ならその差はほとんど分かりませんが、何度も繰り返したり、WebPからJPEGへ戻してまた変換したりすると目立つようになります。
WebPで扱える写真の最大サイズはどれくらいですか？
16,383 × 16,383ピクセルです。JPEGは1辺あたり最大65,535ピクセルまで扱えるため、つなぎ合わせたパノラマや高解像度のスキャンは、サイズ変更が必要になる場合があります。出力画像のサイズ変更で、長辺を上限以下に設定してください。
変換後、元のJPEGは削除してもよいですか？
残しておいてください。あとで印刷用や別のトリミング、AVIFなど新しい形式が必要になったときの元データになります。元のファイルから変換すれば、圧縮の上に圧縮を重ねることも避けられます。
WebPをまだうまく開けないアプリはどれですか？
ブラウザは問題ありません。対応が弱いのは古いデスクトップソフトや一部のアップロードフォームです。編集や提出が必要な相手にはJPEGを送るか、WebPからJPEGへ変換で戻してください。