いいね!は目の前にあるよ

今日の「いいね!」は見つかりましたか?

ブログの速度スコア改善策 その1【写真を圧縮】~写真の圧縮による快適な環境作り~

f:id:imaterasu:20191008220131j:plain

ブログに写真を投稿される際に容量は気にされていますか?

 

投稿時の容量が大きいと読み込みに時間が掛かり読者の方の離脱に繋がってしまいます。

 

そんな状況を少しでも改善するためには「投稿写真の軽量化」は必須の作業と言えるでしょう。

 

そんなみなさまに簡単に写真を圧縮してくれるすぐれもののサイトを紹介します。 

compressjpeg.com

JPEGイメージや写真を数枚まとめて一気に圧縮してくれて操作もいたって簡単なので、少しでも写真の容量を圧縮して快適に利用できる環境にしたいという人にとってはなくてはならないものになるでしょう。

 

それではさっそくどんなものか見てみましょう。

 

 

1.サイトを開きアップロードをクリック

https://compressjpeg.com/ja/

 

f:id:imaterasu:20191008222357j:plain

  

2.圧縮したい写真を選択

「開く」をクリック

f:id:imaterasu:20191008222418j:plain

 

3.圧縮の開始

写真容量は77KBです。

f:id:imaterasu:20191008222439j:plain

 

4.圧縮が完了

7%の圧縮ができました。(77KB→72KB)

ダウンロードをクリック

ファイルを保存 

f:id:imaterasu:20191008222829j:plain

 

5.圧縮後の写真 

f:id:imaterasu:20191008223324j:plain

ファイル名に「min」と明記されるので圧縮後の写真であることが分かりやすくなっています。

 

6.さらに圧縮したい場合

画面左上の写真にカーソルを合わせると「設定」と表示されるのでクリックすると、下にオリジナル圧縮後の写真が表示され、画質の違いを確認することができます。

f:id:imaterasu:20191008230145j:plain

 

一番右にあるレバーの上下によってクオリティーを変更することができます。

ちなみに一番下までさげると、、、

f:id:imaterasu:20191008230657j:plain

クオリティが10で89%圧縮することができました。

77KB→8.4KBまで下がりましたね。

しかし画質がかなり低下しているのがはっきりと分かります。

 

手動ではなかなか判断がしづらいので、自動での圧縮が一番無難ではないかと思います。

 

7.どれくらい改善されたのか確認したい

せっかく苦労して圧縮しても、数値でどれだけ改善されたのか確認しないと納得できないですよね。

 

そんな時に大活躍のツールを紹介します。

GoogleのPageSpeed Insightsというサイトです。 

developers.google.com

これはサイトページの読み込み速度を「速度スコア」として表示するもので、改善へのアドバイスもしてくれるのでとても役に立つかと思います。

 

参考までに私のブログトップの読み込みの速度スコアを見てみましょう。

モバイルとパソコンのどちらも確認することができます。

大恥をかくことは覚悟の上) 

 

モバイルの速度スコア【24】

f:id:imaterasu:20191008232356j:plain

 

パソコンの速度スコア【34】

f:id:imaterasu:20191008232433j:plain

はい。散々な結果となりました。

 

笑ってごまかすしかないようですwww。

 

しかし改善のし甲斐があるということで今後に乞うご期待ではないでしょうか。

 

どこまでスコアを伸ばすことができるか随時報告していきます。

 

みなさんのスコアはいかがでしたか?

 

こっそり教えてくださいね( *´艸`)。。。

f:id:imaterasu:20191008234354j:plain

いかがでしたか?

 

最後までご覧いただきありがとうございました。

 

少しでも何かのお役に立っていれば幸いです。

 

ではまたお会いしましょう。

 

最後にポチッとしていただいているそのひと手間に感謝です!

(*´▽`*) 

ブログランキング・にほんブログ村へにほんブログ村