何者でもない普通のサラリーマンが何者かになる為の日々の奮闘記録をお届けします。

脱!ラットレースBlog

BLOG

【初心者必見】ブログ画像を圧縮してサイト速度を爆速化させる方法

・SEO的にはサイト速度が大事って聞くけど何すればいいんだろう?
・ブログ画像ってそのまま貼ってるけど重くならないのかな?簡単に圧縮できる方法が知りたい!

 

この記事ではこのような疑問・問題を解決します。

 

ブログを運営していく上で、サイト速度は超重要です。

 

サイト速度を上げる方法はいくつもありますが、まずは画像を圧縮して爆速化への第一歩を踏み出しましょう。

 

この記事を読めば、誰でも簡単にブログ画像を圧縮できるようになります。

 

良い記事を書いてもサイト速度の遅さが原因で上位表示されるチャンスを逃したり読者が離脱してしまうのはもったいないです

 

本記事の内容


  • 画像をリサイズする方法
  • 画像を圧縮する方法
  • どれくらいサイズを小さくできたかの検証

 

画像を圧縮する方法

  1. 画像をリサイズ
  2. 更に画像を圧縮

 

この2ステップでブログ画像を圧縮していきましょう。

 

ちなみにですが、僕もこの方法で画像を徹底的に軽くしたらサイトスピードが10〜20%改善しました。

 

たった10%と思うかもしれませんが、画像を圧縮しただけで10%早くなるのであればやらない理由がないです。

 

ステップ1:画像のリサイズ

画像を圧縮する前にまず「リサイズ」します。

 

リサイズには「BULK RESIZE」というWebツールを使用します。

 

ダウンロードや登録などは一切必要なく、無料で利用できます。

 

使い方もとっても簡単なので誰でも利用可能です。

 

 

リサイズしたい画像を「ここに画像をドラックグ&ドロップ」に放り込みましょう。

 

複数選択も可能なので、まとめてやれば作業効率もアップです。

 

 

パーセンテージ、幅、高さなど色々な基準でリサイズが可能ですが、「」を選択します。

 

リサイズするピクセルですが「700〜800px」くらいあれば十分です。

 

無駄に大きな画像にしても意味がないので、あなたのサイトの横幅を超えないくらいのサイズにするのがおすすめです。

 

リサイズ前の画像


  • 大きさ:1920×1277
  • サイズ:221KB

 

リサイズ後の画像


  • 大きさ:800×532
  • サイズ:33KB

 

221KB→33KBまでサイズを小さくすることができました

 

写真を作品として公開しているようなブログでもない限り全く気にならないレベルです。

 

リサイズするだけでこんなにサイズを小さくできるのか!
ぶっちゃけスマホ画面で見たらリサイズしたことすらわからないレベルだね。

 

ステップ2:更に画像を圧縮

リサイズするだけでもぶっちゃけ十分サイズを小さくできます。

 

ですが、「リサイズ」した画像を「圧縮」することで更に画像サイズを小さくできます。

 

圧縮には「TinyPNG」というWebツールを使用します。

 

TinyPNGもダウンロードや登録などは一切必要なく、無料で利用できます。

 

使い方もめちゃくちゃ簡単です。

 

 

先程「BULK RESIZE」でリサイズした画像を「TinyPNG」で更に圧縮してみます。

 

リサイズした圧縮前の画像


  • 大きさ:800×532
  • サイズ:33KB

 

リサイズした圧縮後の画像


  • 大きさ:800×532
  • サイズ:29KB

 

33KB→29KBになりました

 

見た目の画質は全くと言って良いほど変化ありません。

 

たった4KBかもしれませんが、画像数が増えれば積み重なって大きな差になります。

 

圧縮まですると最終的に221KBだった画像が29KBまで小さくなったのか!
これをやるだけでサイトスピードを上げられるなら絶対やったほうが良いね。

 

圧縮してからリサイズしても良い?

本記事ではリサイズしてから圧縮する手順でサイズを小さくする方法を紹介しました。

 

逆に圧縮してからリサイズしたらどうなるかも念の為、検証してみました。

 

検証結果


  • リサイズ→圧縮:221KB→29KB
  • 圧縮→リサイズ:221KB→33KB

 

結果は本記事で紹介した「リサイズ→圧縮」の順で圧縮したほうがよりサイズを小さくできました。

 

リサイズ→圧縮


圧縮→リサイズ


 

最終的な画像を比べてもてみ目視ではほとんど差はありません

 

であればやはり少しでもサイズが小さくできる「リサイズ→圧縮」の手順で圧縮するのがおすすめです。

 

まとめ:画像を圧縮しつつ良記事を書こう

いくらあなたが良記事を書いてもサイト速度が遅いせいでGoogleから適切な評価をしてもらえなかったら悲しいですよね。

 

今回紹介した画像圧縮は誰でもできるSEO対策のひとつです。

 

画像を圧縮してサイトスピードを上げつつ、良記事を書いて検索上位を目指しましょう。

 

ちなみにですが、サイトスピードはGoogleが提供している「PageSpeed lnsights」で計測できます。

 

是非、画像圧縮前と後とでどれくらいサイトスピードが上がったかを確認してみてください。

  • この記事を書いた人

ソーイチ

29才都内勤務サラリーマン。妻と娘を愛する副業ブロガー。 ブログ開設7ヶ月で収益5桁を突破。当ブログでは【サラリーマン×ブログ】【VOD】【退職代行】をメインに発信していきます。何者でもないサラリーマンが何者かになるまでの軌跡をご覧ください。

-BLOG

Copyright© 脱!ラットレースBlog , 2020 All Rights Reserved Powered by AFFINGER5.