WebPとは?PNG画像を約80%軽量化できた実例と簡単変換方法
<要約>
WebP画像を使うことで、PNG画像のファイルサイズを約80%削減できました。Photoshopなしでも使える無料Webツール「squoosh」を使った変換方法と、HP表示速度改善のメリットを紹介します。
今回は、Webサイト制作において重要な要素のひとつである
「WebP画像」について書いてみようと思います。
<WebPを知ったきっかけ>
WebPファイルについては、これまで
「名前を聞いたことがある」程度で、正直あまり活用できていませんでした。
しかし最近、Web制作やサイト高速化について学び直す中で、
PNG画像をWebPに変換するだけで、画像のファイルサイズを大幅に削減できるということを知りました。画像の容量が軽くなると、
・ Webサイトの表示速度が向上する
・ ユーザーの待ち時間が減る
・ 離脱防止や滞在時間アップにつながる
など、HP全体のパフォーマンス改善が期待できます。
<WebPとは?>
WebPはGoogleが開発した画像形式で、
画質をできるだけ保ちながら、PNGやJPEGよりも軽量化できるのが特徴です。特に、・ 写真
・ バナー画像
・ Webサイト用の装飾画像
との相性がよく、現在では多くのブラウザで標準対応しています。
<私のWebP変換方法(Photoshopなし)>
最新版のPhotoshopではWebP保存が可能なようですが、
私のPCではスペックの都合上、Photoshopを最新版にアップデートできません。
そこで現在は、
「squoosh(スクーシュ)」というWebアプリを使用しています。
squooshは
・ダウンロード・イン
0