画像のファイル容量を小さくする方法　～ホームページの最適化～

画像のファイル容量を小さくする方法をお伝えします。

まず、ホームページというのは、表示スピードが遅いと、訪問者の離脱率が高くなってしまいます。

そのため、ホームページで使用する画像ファイルの容量を小さくして、早くページが表示されるようにすることが大切です。

ホームページの表示スピードで、大きな影響を与えるのが「画像」です。画像の容量を小さくすれば、それだけホームページの表示スピードも速くなりますよ！

実際に、画像のファイル容量を小さくするだけで、ホームページの表示スピードはかなり早くなりますよ。

「ホームページの最適化」という意味でも、必要な作業になるので、ぜひ実施してくださいね。（画質が悪くなることはないので、ご安心くださいね）

■ 画像のファイル容量を小さくする方法の手順

手順１：下記サイトを利用して、画像ファイルの容量を小さくする。

・https://tinypng.com/

上記のサイトを利用すれば、画像ファイルの容量を小さくすることができます。

なお、対応している画像は、「.jpg」ファイル と 「.png」ファイル の２種類の画像のみです。

「.gif」ファイルについては対応していないのですが、「.gif」ファイルは256色しか使えないので、ファイル容量は大きくありません。

一方、「.jpg」ファイルと「.png」ファイルは、ファイル容量が大きいので、この２種類のファイルの容量を小さくできれば、それで十分ですよ。

【上記サイトの使い方】

１．下記の場所をクリックする。

　

２．容量を小さくしたい画像ファイルを選択する。
　（対応している画像は、「.jpg」ファイルと「.png」ファイルです）

３．容量を小さくしてくれるので、「Download all」をクリックする。

　

４．「tinified.zip」という圧縮ファイルがダウンロードできるので、
　　解凍すれば、容量が小さくなった画像ファイルをゲットできる。

　

あとは、容量が小さくなった画像ファイルを、レンタルサーバにアップして、
ホームページに表示させるだけですよ。

■ ホームページの表示スピードを確認する方法

ホームページの表示スピードを確認したい場合は、下記のサイトを使用します。

https://pagespeed.web.dev/

上記のサイトにURLを入力して、「分析」をクリックするだけです。

その結果が、「緑色（90–100）」であれば、ホームページの表示スピードは速いです。

　ページスピードインサイト

もし、「黄色（50–89）」や「赤色（0–49）」であれば、改善した方が良いので、画像のファイル容量を小さくしましょう。

　

ここでお伝えした方法を実施して、画像を小さくすれば、
ほとんどの場合は、「緑色（90–100）」になるはずですよ！