文字数[482文字] この記事は1分36秒で読めます.

画像の軽量化.webpにしてみたら普通に軽いみたいですね.

20241119

Logging

おはようございます.先日の休みの日に前から気になっていた画像の表示速度を改善したくてwebpという画像圧縮を採用しました.webpに関しては数年前に一度記事にはしていたのですが、その当時はブラウザの方が対応していなくて途中でもとに戻したような気がします.

今回はwebpを採用してこのまま運用していこうと思っています.過去の画像も一括でwebpにしました、それと同時に今までTopに配置していた動画も除けました.

ちょっと物足りない感じはしますが、表示速度を速くしてモバイルファーストに近づけていこうと思います.尚、webpにするためにewwwというプラグインを導入しています.

導入して上手く表示がwebpに変換されたかなと思ったら上手く変換されなかったので、自作のプラグインを作り力技でwebpに変換した形になります(画像はWebpに変換されましたがコードを見るとそのままだったので).

明日へ続く

3205番目の投稿です/19 回表示されています.

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

タグ

ewww, TOP, webp, コード, ブラウザ, プラグイン, もと, モバイルファースト, 一括, 休み, 作り力技, , , 物足りない感じ, 画像圧縮, 自作, 表示速度, 途中, 過去,