圧縮方式を選べる
写真向けの非可逆圧縮と、細部を保ちたい画像向けの可逆圧縮に対応します。
IMAGE FORMAT GUIDE
WebPとは？
画像を軽くする新しい選択肢
WebP（ウェッピー）は、Webサイトで使う画像を、見た目を保ちながら軽くするための画像形式です。写真・イラスト・透過画像まで、用途に合わせて扱えます。
無料でWebPに変換するJPEG / PNG
元の画像
WebP
軽量化して配信
画像の容量を抑えるほど、ページの読み込み負荷も下げやすくなります。
軽量化の度合いは、元画像・画質設定・画像内容によって変わります。
01 / WHAT WEBP DOES
WebPは「軽さ」と「表現」を
両立しやすい形式です。
WebPは、データを小さくする非可逆圧縮と、元に戻せる可逆圧縮のどちらにも対応します。透過背景やアニメーションにも対応できるため、Web上の多様な画像に使えます。
透過も扱える
ロゴや切り抜き画像など、背景を透明にした画像をWeb用に軽量化できます。
配信を軽くしやすい
画像の転送量を減らせると、モバイル回線を含むページ表示の負荷を抑えやすくなります。
02 / FORMAT COMPARISON
JPEG・PNG・GIFとどう違う？
| 用途・特徴 | WebP | JPEG | PNG | GIF |
|---|---|---|---|---|
| 写真 | ◎ | ◎ | ○ | △ |
| イラスト・ロゴ | ◎ | △ | ◎ | △ |
| 透過背景 | ◎ | × | ◎ | △ |
| アニメーション | ○ | × | × | ◎ |
| Webでの軽量化 | ◎ | ○ | △ | △ |
WebPは万能ではありません。印刷用の元データや、何度も編集する作業用ファイルは、元のPNG・JPEGなども保管しておくと安心です。
03 / QUALITY AND SIZE
画質の設定は、
「見た目」と「容量」のバランス。
画質を高くすると細部を残しやすくなり、ファイル容量は大きくなります。写真や背景画像は80%前後から試し、文字や細い線を含む画像は実際に見比べて調整するのがおすすめです。
60%容量を優先
80%迷ったらここ
95%細部を優先
用途や画像の内容によって最適な値は変わります。公開前に実際の表示サイズで確認しましょう。
04 / HOW TO CONVERT
変換は3ステップ。
画像は端末の外に出ません。
STEP 01
画像を選ぶ
PNG・JPEGを選択、またはドラッグ＆ドロップします。
STEP 02
画質を決める
必要に応じて画質を調整。大きな画像は横幅1920pxまで縮小します。
STEP 03
WebPを保存
結果を確認して個別、またはまとめてダウンロードします。
FOR WEBSITE OPERATORS
WebPを導入するときのチェックポイント
- 元ファイルも残す再編集や印刷に備え、公開用WebPとは別に元画像を保管します。
- 表示サイズに合わせる必要以上に大きな画像を配信しないよう、画像の寸法も見直します。
- 実機で確認する文字のにじみや写真の細部を、公開するサイズで確認します。