スマートフォンで撮った写真の容量は、2MBや4MBは当たり前となっています。そんな画像をページ内に何枚も貼り付けると、ユーザーがページを開くときに時間が掛かったり表示がされなかったりします。
そうなるとせっかく見に来てくれたのに離脱される可能性があります。ユーザーにとってもお店側にとっても良くないことです。Googleからの評価も悪くなります。
そういう理由からも、ホームページに貼り付ける画像は、画質の劣化を最小限に抑えつつ、容量を圧縮したものを使用する必要があります。
目次
画像の圧縮方法
画像を圧縮する方法は色々ありますが、ここではSquooshというソフトをお勧めします。SquooshはGoogleが提供している無料の画像圧縮ソフトです。PCにインストールしなくてもブラウザで使用できます。
STEP
Squooshにアクセスする
いつでも使えるように、ブックマークやショートカット作成をしておきましょう。
STEP
画像をアップロードする
クリックして画像を選択するか、ドラッグ&ドロップで画像をアップロードします。
STEP
圧縮後のサイズ確認
圧縮後のサイズを確認します。サイズの正解はありませんが、200KB以下なら良いと思います。もしも圧縮後もサイズが大きいのであれば微調整をします。
この例では94%も画像の容量が削減されました。
STEP
必要なら微調整
圧縮後のサイズが大きい場合は、Pixel(長さ・幅)が大きすぎる可能性があります。Widthの値(幅)を少なくすれば解決する場合が多いです。
これも正解はありませんが、1200くらいに設定してみてください。
STEP
PCに保存する
保存マークをクリックすれば、圧縮された画像がPCに保存されます。
その画像をWordPressで使用しましょう。