ブログ運営 ホーム

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

2020年4月7日

りょすけ

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

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

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

本記事の内容

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

急いでいる方はこちら

 

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

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

 

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

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

 

サイトのスピードが遅くなると、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以下を目指します。

 

 

 

ブログで毎日PVが向上する運営テクニック

 

【ブログ初心者向け】ヒーローズジャーニー手法で読者へ成功体験を共有する方法

 

ブログは最高のマーケティングツールだと思う | 初心者ライターが文章で稼げるようになるまでの話

 

【これで必ずブログ伸びます】PVを爆増させるためにブロガーが知るべきこと

 

ブログ記事で長文を書いてはいけない理由 | 駆け出しライター必見

 

ブログの文章の書き方について | 文章が上手い人の4つ特徴

 

初めてブログからアフィリエイト収入が発生した日のことを語ります | どのくらい頑張ればアフィリエイト収入でますか?

 

【ブログ立ち上げ】WordPress、はてなブログ、自分でコーディング、どれがいいですか? 【初心者向け】

 

webで読まれる記事のヒミツを大公開 | メディア&ブログ担当⭐️必見

 

生まれて初めてブログが収益化した日(ブログ飯・完)

 

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

 

【実体験】初心者がブログのアクセス数を爆増させた方法【完全保存版】

 

私がブログを書く理由

 

マーケティングすらまともに出来ない。ブログはプログラミングや英語と同じくらい必須能力だと思う

 

【ライター必見】なぜ人々はAppleの商品を信じるのか【ゴールデンサークル法】に関しての考察

 

【初心者ブロガー必見】読者をファンに変える文章構成【ストーリー 手法】とは?

 

売れる文章の秘密を解き明かす。アフィリエイトやLPで使えます⭐️

 

【ブロガー向け】SEO検索で順位を確実に上げる方法【現役ライターが解説】

 

正しい企業サイトの作り方 | 売れるホームページの構成について

 

【初心者向け】売れるホームページとは?問い合わせが来るHPを作る方法

 

【初心者向け】問い合わせが増える広告の作り方【利益UPの秘密】

 

Pocket
LinkedIn にシェア

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

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