ブログ表示スピード上げる方法

ブログ& Twitterノウハウ

ブログの画像圧縮での裏技でブログ表示スピードが格段に速くなる方法。

投稿日:2018-08-28 更新日:

[box class="blue_box" title="このような人に役に立つ記事です"] ブログの表示スピードを上げたい。
ブログでの画像表示を早くしたい。
ちゃんとした画像圧縮方法を知りたい。[/box]  
 

ブログ画像圧縮裏技があるのは、ご存知でしょうか?
 
 
[voice icon="https://kaodeka.net/wp-content/uploads/2018/06/yo-da-cutout.jpg" name="師匠" type="l"]簡単な方法だが、意外に知らない人が多いテクニックじゃ。[/voice]  
 
スマホでの検索流入が多い時代になり、ブログのスマホでの表示スピードが遅いと、いくら良質な記事を書いても、読者の人は待ってくれません。
 
 
ブログの表示スピードが遅いだけで、せっかく書いた記事も読まれない時代です。

アフィリエイトやアドセンスが目にしてもらないしクリックもされないという機会損失になります。
 
 

そのために色々なブログの表示スピード向上テクニックがあり、今回は初心者でもHTMLなどのプログラミングの知識がなくてもできる画像表示スピードをあげる裏技を紹介します。

  • 正しい画像の形式
  • 画像サイトの紹介
  • 裏技の公開
  • 画像のwebからダウンロードした際のポイント

になります。

ブログ初心者の方や、ブログの表示スピードの遅い方のお役にたてばと思います。

 
 

[aside type="boader"] WordPressのプラグインは使いません。

WordPressのプラグインはテーマによって相互性がなくテーマのデザインを崩壊させたり、逆にスピードを遅くするので使わない方法になります。

またMacでもwindows関係なくできる方法です。

[/aside]


ブログの画像圧縮の前にやるべきこと

画像ファイルサイズは「JPEG」にして画像の必要ない部分をカットして小さくします

ブログに使う画像が「PDFやPNG形式」になってませんか?

PDFやPNG形式はスピードが遅くなる原因になります。

画像のファイルサイズの違いは、

  • PDFやPNGがボーリングの球の重さと大きさ
  • JPEGがサッカーボールで、ボーリング玉よりは軽くなるがサイズは同じぐらい
  • 圧縮することで野球のボールになるイメージ。

手間だとしても、JPEGにするだけでも、記事の表示スピードが上がります。

[voice icon="https://kaodeka.net/wp-content/uploads/2018/06/ede76f80117abec85f0dfcda81055a78.png" name="ダースくん" type="r icon_blue"]

ブログ初心者の多くの人がPDFやPNG形式になっているが現実です。

ひと手間が面倒なのは分かりますがひと手間があるか?ないか?が後々のスピードに影響するのがブログです。[/voice]  
 
[voice icon="https://kaodeka.net/wp-content/uploads/2018/06/yo-da-cutout.jpg" name="師匠" type="l"]

スピードを上げたいなら、アイキャッチ画像・記事内の写真・サイドバーに使う画像すべてを圧縮前に「JPEG」にすることじゃ。

TwitterやFacebookヘッダー画像、アイコン画像も「JPEG→圧縮する」で表示が格段に上がるんじゃ。
[/voice]  
 




画像を軽くする裏技を公開

その方法は・・・・・・「画像圧縮を2度やる。」

実は、画像圧縮は2度できるって知ってましたか?
 
 
私が、たまたま表示スピードが遅い記事があり、スピード改善に取り組んでいるときに発見したやり方です。

先入観で「圧縮は1回」と思い込んでいたので盲点でした。
 
 
この2度圧縮の裏技を使うと「野球ボール」が「卓球の球」にイメージです。
 
 
2度圧縮→Wordpressが自動で記事に適切なサイズに加工するでかなり軽くなります。
 
 

では裏技に使うwebサービスと、2度圧縮で実際のどこまで軽くなるか?を次から紹介していきます。




ブログの画像圧縮に使うwebサイト紹介

webサービスの使う順番がキーポイントになります。

  1. 複数の画像を1回で圧縮するwebサイト
  2. 画像圧縮複数サイト

    像のロゴでおなじみのJPEG圧縮

    最大20枚までを一括で、圧縮してくれるサイトです。
     
     

  3. 1枚だけの時に使うwebサイト
  4. 画像圧縮サイト

    画像圧縮と言えばの有名なjpegminiです。

 
 

裏技の画像圧縮で、どこまで軽くなるか?検証

 
 

①→②の順番に画像を圧縮します。

画像の形式は「JPEG」を守ってください。
 
 

こちらがweb紹介時に使った上記の画像の元データーです。
(パソコンの画面を撮影したものです)
①の画像のファイルサイズが「889KB」

サイズは、幅2042×高さ1348ピクセル。解像度144。
画像データー
 
 
②の画像のファイルサイズが「2.3M」

サイズは、幅1950×高さ1364ピクセル。解像度144。
元データーサイズ
 
 
どちらもボーリングの玉並みに重い画像サイズです。
 
 
①のサイトで複数の画像を一気に圧縮する。

複数枚圧縮
 
 
どちらも元画像の36%ほど、軽くなりました。サッカーボールサイズですね。
 
 

パソコンへのダウンロードは、zipファイルになりますので解凍してください。

zip形式でダウンロード
 
 
②のサイトで、1枚づつ圧縮する。
(手間だとは思いますが、表示スピードが遅くなるよりはマシです。)
 
 
2度圧縮

オリジナルが889KBで裏技で「216KB」と、約1/4サイズ。

2度圧縮の裏技

オリジナルが2.3MBだったのが「163KB」
 
 

[voice icon="https://kaodeka.net/wp-content/uploads/2018/06/yo-da-cutout.jpg" name="師匠" type="l"]まさに、ボーリング玉が、ピンポン玉になった感じじゃな[/voice]  
 
ちなみに「KB」1024倍のサイズが「MB」になります。

バイトの単位(KB、MB、GB、TB)の意味と換算




見た目も表示スピードもよくなるから、使っているテーマに合わせて画像を最適なサイズにする

WordPressのテーマや無料ブログサービスには、最適な画像サイズが存在します。

ご自身で1度は確認してください。

アイキャッチ画像、記事内でサイズが違う可能性があり、使っているテーマに合わせた画像のサイズに変えるだけもブログの表示スピードは若干、改善できます。

 
 

忘れずにやろう

 
 
画像無料サイトからダウンロードしたら、必ずダウンロードしてもの縦・横のサイズを確認する。

[voice icon="https://kaodeka.net/wp-content/uploads/2018/06/yo-da-cutout.jpg" name="師匠" type="l"]これ、本当に大事じゃ[/voice]

スマホで撮った写真って実はサイズがデカいって知ってましたか?

TwitterやInstagramで気軽に投稿しているから気がついてないだけで、ブログで使うにはサイズがデカい。

しかも縦に撮影したものは画像サイズを変更しようが縦方向に長くなる。

それに、webサービスでの画像ダウンロードも、思っているよりサイズがデカいときがあるのでチェックしましょう。

小さい場合も大きい場合も画像サイズは、ブログテーマに合った適切なサイズに調整することが、見た目がよくなるのと表示スピードアップに繋がります。
 
 
[voice icon="https://kaodeka.net/wp-content/uploads/2018/06/yo-da-cutout.jpg" name="師匠" type="l"]

スマホでもダウンロードして素材でもサイズを調整するだけでも、軽量化ができるんじゃ。

サイズ調整は、パソコンについている画像をいじるヤツを使えば簡単にできるぞ。[/voice]  
 

[aside type="warning"]

縮小の時に注意が必要で、1000×200といった縦、横サイズが極端に離れた数値だと、そもそもの写真が壊れるので、16対9もしくはテーマにあったサイズにリサイズしてから圧縮しましょう。[/aside]  
 

まとめ

神は細部に宿ると言います。

些細なことですが「画像の圧縮を2度やる」

他の人がやらないことをやることで差をつけて、表示スピードをあげましょう。
 
 

スマホでの検索は、表示スピードが遅いといくら良質な記事を書いても、読者の人は待ってくれません。

表示スピードが遅いと、せっかく書いた記事も読まれない。

アフィリエイトやアドセンスにしろ、目にしてもらないしクリックもされない機会損失です。
 
 

HTMLやCSSや色々やる前にまずは、使っている画像ファイルサイズを極限まで軽くしましょう。

些細な作業ですが「やるか?」「やならないか?」でブログが変わってきます。

写真サイズがバラバラな記事は読みにくいですし、表示スピードが遅いと収益に結びつきません。

せっかく書いているのに苦労が報われないので、画像サイズと圧縮はやっていきましょう。
 
 

合わせてちょい読み

ブログネタがない初心者の悩み解決。Twitterでブログ記事を作る3つの方法

1200名以上のブログから読み解く『稼ぐ人と稼がない人の圧倒的な違い』を発見

イケハヤ砲をくらった初心者ブロガーのドキドキなイケハヤ砲体験記。

サラリーマンの副業の悩みは【時間管理】悩みを解決する時間管理の4つのコツ

【反応率が上がる】Twitterの固定ツイートの無料で簡単な作り方

Twitterの固定ツイートって本当にいるの?効果は?を新固定ツイートで検証。

Word Pressプラグイン「Rinker(リンカー)」超簡単!!導入から設定まで詳細説明

【Googleアドセンス】6時間で1発合格。知識0のおっちゃんがやったこと。

【その副業でいいの?】サラリーマンの副業は3つのポイントでちゃんと決めろ

動画撮影の照明!LDEライト『UTEBUT』の実力は?スマホ動画で明るさ比較!

【ブログ運営報告】半年間やってきたサラリーマンの副業ブログの収益やPVはどうなの?を公開

TikTokで人より目立つ神グッズ紹介!ハートやコメントが爆裂する!

腰とお尻が辛くない!ブロガー必須アイテム。卵が割れないクッション!Amazonで半額の商品が本当に卵が割れないのか?体をはったレビュー

鼻毛の処理はパナソニックの鼻毛カッターが爆安でめっちゃ切れて超快適!

ココナラは副業サラリーマンの【顔出し問題】を解決。登録から取引まで完全解説

会社をサボる技術【サボりが成功する言い訳集付き】

MacBook ProとiMacの「デュアルディスプレイ」はコード1本で超簡単。

MacBook ProとiMacのデュアルディスプレイの【音設定】も超簡単

Sponsored Link
  • この記事を書いた人
  • 最新記事
カオデカ

カオデカ

90kgのダイエットに成功し、本当に意味ある使えるダイエット情報・筋トレ情報を発信。 元調理師で愛機SONYα6500とMacで web運営・動画制作・動画マーケティングもしている会社員。 ブログ名の「カオデカ」は頭回りが58cmもあり、顔のデカさが個性でもあることに由来します。

Copyright© カオデカ.net , 2019 All Rights Reserved.