画像ファイルの軽量化

2020年11月18日 2020年11月20日

サーバーにアップする画像ファイルを軽くする方法について書いていきます。

画像ファイルの軽量化はWebページの読み込み速度が速くなりSEO対策にもなりますのでおすすめです。

こちらで書いてあるWebサイトのスピードにも関わってきます。

Webサイトのスピードを計測

私はいつも二通りの方法で画像ファイルの軽量化を行っています。

JPGファイルの場合

私はいつもブログのアイキャッチ画像はフリー素材の「PhotoAC」を使わせていただいています。

PhotoACはJPGファイルでダウンロードできますので、JPEGminiを使ってさらに軽くするだけです。JPEGminiは無料でダウンロードできますのでよかったら使ってみてください。

使い方は簡単で、ダウンロード後、JPEGminiを立ち上げて画像ファイルをドラッグ＆ドロップするだけです。

軽量化前は121KBとなってますが

軽量化後は45KBとなっています。

軽量化前でも１２１KBなのでそこまで気にする必要はないかもしれませんが一応やっています。

次にPNGファイルを軽量化する場合。

PNGからJPGに変換　→ JPGからJPEGminiを用いてさらに軽量化

の手順でやっていきます。

でJPGファイルに変換できます。

後は、好みで先ほど記述したJPEGminiを用いてさらに軽量化すれは終わりです。

PNGファイルの場合は、246KBから106KBまで軽量化できました！

参考になれば幸いです。