画像をWebPにして軽くする
PNGやJPEGをWebPに変換します。スクリーンショットや図のような画像ほど小さくなります。
入力
ファイルをドラッグ&ドロップ
またはクリックして選択
画像(JPG・PNG・WebP・HEIC・AVIF・GIF・SVG・BMP・ICO)/音声(MP3・WAV・M4A・FLAC・OGG・Opus・AIFF)/動画(MP4・MOV・WebM ほか/音声の取り出しに対応)
結果
変換元—
変換先—
この設定にした理由
効くのはPNGからです。PNGは色をひとつも捨てない方式なので、スクリーンショットや写真をPNGのまま持っていると容量が大きくなります。WebPは「少し捨てる」圧縮を使えて、しかも透過(背景の透明)を保てます。PNGを使っていた理由が透過なら、見た目をほとんど変えないまま数分の一に置き換えられます。
逆に、JPEGからはあまり減りません。JPEGはすでに捨てたあとの状態で、それをWebPで捨て直しても余地が少なく、元の画質設定によっては変換後の方が大きくなることさえあります。書き出したらサイズを見比べて、増えていたら元のJPEGを使ってください。
品質は92%相当の固定です。数値を選ばせないのは、選べる形にすると一番下まで下げる使い方をされ、その劣化は残ったファイルからは戻せないためです。それでも足りないときは、画質ではなくピクセル数を減らす方が、同じ容量でもきれいに見えます。
WebPが開けない場面はまだあります。いまのブラウザはすべて対応していますが、古いWindowsの画像ビューア、社内の業務システム、印刷所への入稿、メールで受け取った相手の環境では弾かれることがあります。自分のサイトに載せる用途なら安心して使えます。人に渡すファイルは、JPEGかPNGのままにしておく方が無難です。
よくある質問
- 透過(背景の透明)は残りますか?
- 残ります。WebPは透過を扱える形式なので、透明な背景を持つPNGをWebPにしても、透明のまま保たれます。これがJPEGとの決定的な違いで、JPEGは透過を持てないため、透明だった部分が黒か白で塗りつぶされます。透過が必要でPNGを使っていた画像は、WebPに置き換える価値がいちばん大きい対象です。
- アニメーションGIFをWebPにできますか?
- このページではできません。ここで扱うのは静止画で、GIFを持ち込むと最初の1コマだけが変換されます。WebPは規格としてはアニメーションを持てますが、この道具はその書き出しに対応していません。動くものを軽くしたい場合は、画像・動画の圧縮の道具で動画として扱う方が、容量あたりの見栄えは良くなります。
- SEOや表示速度のためにWebPにする意味はありますか?
- ページの表示が速くなるという意味ではあります。画像が軽くなれば読み込みが早く終わり、それは検索の評価に含まれる指標(Core Web Vitals)にも効きます。ただし効くのは「実際に軽くなったとき」だけです。JPEGをWebPに置き換えても数%しか減らないなら、手間に対して得るものはほとんどありません。効果が大きいのはPNGの置き換えと、そもそも大きすぎるピクセル数を減らすことです。