ブログ運営 ホーム

【サイト高速化】ブログの画像の軽量化、サイズ変更の方法を動画付きで解説!

りょすけ

ブログで使う画像を軽くしたり、サイズを変更して

ブログの表示速度を高速にしたいです!

このような疑問に答えます。

本記事の内容

  • ブログで使う画像について
  • 画像の圧縮して軽くする
  • 画像の縦幅を変更する

急いでいる方はこちら

 

>>画像の圧縮して軽くする方法へ飛ぶ

>>画像の縦幅を変える方法へ飛ぶ

 

ブログで使う画像について

画像をサイト内で多用すると、サイトが重くなります。

 

サイトのスピードが遅くなると、SEOが弱くなったり、読者から嫌われてしまいます。

 

メディアやブログの運用者にとっては避けたいですよね。

 

『このサイト遅いな... 面倒くさいから別のサイトに行こう...』

このような自体にならないために、画像を圧縮して軽くし、サイトの速度をスピードアップしましょう。

 

画像の幅を1200pxに設定するのが最適

 

ブログで使用する画像は、基本的に横幅1200pxに設定するのが良いです。

 

Googleも、使用する画像は、

 

高画質で幅が 1,200 ピクセル以上使用してくださいとアナウンスしています。

 

縦幅は考えなくても良いです。横幅を1200に設定すれば自動で変わります。

 

PNGよりもJPGの方が容量が小さい

 

画像の形式は、基本的には『JPG』一択で良いです。

 

『JPG』は画像のサイズが軽量になる傾向があるからです。

 

ただ、画像を圧縮すると画像が荒くなる場合があります、

 

画像の荒さが気になる場合は、『PNG』形式で圧縮しましょう。

 

画像サイズは80KB以下を目安にする

 

大まかな目安ですが、圧縮する画像サイズは80KB以下をであれば問題なしです。

 

0KB程度であれば、画像の荒さもそこまで気にならないでしょう。

 

ここまでのポイントをまとめると、以下のように感じです。

 

ブログで使う画像について

画像の幅を1200pxに設定するのが最適

PNGよりもJPGの方が容量が小さい

画像サイズは80KB以下を目安にする

 

では、以降からは、具体的な方法を順番に見ていきます

 

画像の幅を変えるには『BULK RESIZE』が便利でオススメ

画像の幅を変えていきましょう。

 

ツールは『BULK RESIZE』というサイトを使用するのがおすすめです。

 

1) BULK RESIZEにアクセスする

 

方法は簡単

 

『BULK RESIZE』にアクセスし、画像をドラッグ&ドロップします。

 

2) 画像の幅を1200pxに設定する

 

画像の横幅を1200に設定し、スタートリサイズを押すのみです。

 

すぐに、ダウンロードが始まるはずです。

 

以上になります

 

画像圧縮ツールで軽量化、Squooshがおすすめ

続いて、先ほど横幅を変更した画像を圧縮ツールで軽量化していきます。

 

ツールは『TinyPNG』というサイトを使用するのがおすすめです。

 

1) TinyPNGにアクセスする

 

方法は簡単

 

『TinyPNG』にアクセスし、画像をドラッグ&ドロップします。

 

2) 画像の圧縮加減を決める

 

青色の棒が見えますね。左側が元々の画像、右側が画像圧縮後の画像です。

 

画像を極限まで圧縮すると、軽くなりますが、画像が荒くなります。

 

良いバランスを調整してください。

 

動画右下に、緑色の文字で、何パーセント画像が軽くなったか見れますね、

 

ここを目安とし、80KB以下を目指します。

 

 

Pocket
LinkedIn にシェア



技術 x マーケティングの支援ならOFFで一貫支援、承ります。詳しくは下記のURLから↓ ⭐️

マーケティングと、システム開発のプロフェッショナル集団が御社の課題の解決をお手伝いします

-ブログ運営, ホーム
-, , , ,

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.