ブログの画像を圧縮してる？画質をなるべく落とさずに圧縮する手順解説

・

・

・

マイケルって誰やねん！？って突っ込んでいるあなたはこっちの記事を見てね！

動くアイキャッチを求めていたらシネマグラフという不思議な魅力を持つ画像に出会った話

そもそもなんで画像圧縮するのさ？

離脱率が上がってしまう

サイトの表示速度が遅くなるってことは、

って感じでユーザーがイライラしてサイトから離脱してしまいます。
ちなみにGoogleさん曰く、モバイルで5秒以上サイトが表示されない場合、約74％のユーザが離脱しているらしいです。

あなたのサイトが表示されるまでに５秒以上かかるのであれば高速化するだけで７４％のユーザーの離脱を防げると考えると、サイトの高速化は急務になるわけです。

表示速度が速ければSEO対策になる

あなたのブログにアクセスするのは人間だけではありません。

このクローラーがあなたのサイトを評価していくわけなんですが、表示速度が速ければそれも良い評価につながるわけです。もちろん評価が高ければＳＥＯ対策になり、検索順位にも影響が出るんですね。

広告収益が下がってしまう

前述したようにサイトの表示速度が遅ければ離脱率が上がります。
つまり、それだけ広告の表示回数も減り、クリック率も下がるというわけです。

サイトが0.1秒でも速くなるだけで劇的に収益が上がるかもしれませんよ！

画像を圧縮して軽くする方法

今回はフリー画像サイトから画像をダウンロードしてきます。

フリー写真サイト「unsplash」

ブログ用に画像のサイズが小さいものであればいいんですが、フリー画像のサイトによってはサイズ自体がものすごくデカいものがあります。

上の男女がいちゃついてる写真だと、

５４７２×３６４８ピクセルもあります。
３MBもあるのが納得です。

１)ブログに最適な画像サイズにする

横幅は600から700程度で十分です。
まずは、画像処理ソフトでサイズを変換します。

もともと入っているペイントソフト等でもサイズ変換は可能です！

１、まずはサイズを変更したい画像を右クリック→プログラムから開く→ペイントを選択します。

いつも使ってる画像編集ソフトがある場合はペイントソフトでなくてもＯＫ

２、ペイントソフトが起動したらサイズ変更をクリックします。

３、水平方向のピクセルを指定のピクセルに変えます。今回は650でやってみます。

４、水平方向のピクセルを入力したら、垂直方向も自動入力されます。
あとはＯＫを押して、保存すれば終わりですね。

２)画像圧縮サイトを活用する

• JPEG画像の圧縮は「JPEGmini」
• PNG画像の圧縮は「TinyPng」(※JPEG画像の圧縮も可能)
• GIF画像の圧縮は「Compressor.io」(JPEG、PNG、GIFの圧縮が可能)

１、まずは「JPEGmini」のサイトにアクセスします。UPLOAD PHOTOをクリック！

２、赤枠に圧縮したい画像をドラッグ＆ドロップします！

３、どれくらい不要な容量を削れたかを確認し、ダウンロードします。

３)ワードプレスにEWWW Image Optimizerのプラグインを入れる

「EWWW Image Optimizer」というプラグインをインストールして有効化しておくと、

なんと！

画像をワードプレスにアップするたびに自動的に不要なサイズをそぎ落としてくれるんです！

ちなみに

JPEGminiで削ったところから、さらに３KBも削ぎ落としてくれています！

しかも勝手に！！

まとめ

長ったらしい手順解説になりましたが、慣れたらすぐにできる作業です。
プラグインは1度インストールしておけば次からはしなくていいので、

• 画像のサイズ変更
• 画像圧縮サイトにアップする

たったの2工程のみです。

この1手間をめんどくさいと感じるようであれば、
ブログで収益化を狙うこと自体が難しいと思います。

簡単ですのでまずはトライしてみてくださいね。

ではでは今日はこの辺で！アディオス！