そぞろ歩きな日々

自分の目で見たこと・体験したことだけを伝えるブログ

「超簡単」ブログで使う写真をリサイズ・圧縮させる方法!!

f:id:ninjalifegudaguda:20190902211520j:plain

(2019.9.4更新)

ブログの表示スピードが遅い原因の一つとして、大容量の写真をたくさん載せていることが考えられます。

 

(いつまでたってもページが開かない、画像が表示されないと、痺れを切らして他のサイトにいっちゃいますよね・・・w)

 

そこでぼくは

  • 「Bulk Resize Photos」で画像のサイズを変更(リサイズ)
  • 「TinyPNG」で画像の圧縮

というツールを使い、1枚の写真のサイズを大幅に落としてからブログに貼りつけています。

 

ではさっそく、どのように使うのか見ていきましょう!!

どうぞ(・∀・)/

なぜ画像圧縮が必要なのか?

ブログの表示スピードが低下するからです。

 

旅行ブログだと写真を多めに載せるので、気をつけないと、1記事で10MB以上使うということになりかねません・・・

 

しかも、直帰率も爆あげになります。。。

がんばって書いた記事が読まれないのは悲しいですよね。

 

画像圧縮の作業は、あまたのブログの中から自分のブログを選んでくれた訪問様への心づかいだと思って作業すれば苦じゃない、はず!!

 

んじゃ、工程をみていきましょう!!

 

(ちなみに、ぼくは「はてなブログ」を使っています)

 

 

 写真のサイズ縮小・圧縮させる方法!!

Bulk Resize Photosでサイズ縮小!!

この写真をリサイズしていきましょう。 

 

元々のサイズは、

  • 4880×3178
  • 2.4MB

f:id:ninjalifegudaguda:20190903055108j:plain

 アホウみたいに大きいですね・・・

なんだよ・・・2.4MBとかwww

補足

データ容量の大きさは、

「KB→MB→GB→TB...」の順で巨大化。

 

それぞれ約1000倍で大きくなっていきます。

(1MB=1000KB)

 これをブログに10枚貼ったら、1記事だけで30MB使っちゃいますね(愕然)

 

 そこで、このツールを使います!!

bulkresizephotos.com

使い方は、サイズ変更したい画像を、赤枠の中にドラッグ&ドロップます。 

 

補足
  • 一度に150枚までリサイズ可能
  • 無料のツールです

f:id:ninjalifegudaguda:20190904034017p:plain

「正確な寸法」で画像の大きさを自由に変えることができます。

 

今回リサイズしていく写真の向きは「横向き」なので、

「640×480」に変更。

f:id:ninjalifegudaguda:20190903055120p:plain

サイズを指定したら、「スタートリサイズ」で完了です。

 

ちなみに、写真が「縦向き」のさいは、「700×600」にしています。


いろいろなサイズを試しましたが、「横向き640×480」「縦向き700×600」がいちばん見やすいと思います。

 

リサイズが完了すると、下の画面になります。

f:id:ninjalifegudaguda:20190903055125p:plain

2.44MBから117KBまで小さくなりましたね!!

 

複数枚の画像をリサイズしたさいは、zipファイルで保存されます。
 

では、つぎはリサイズした画像を圧縮していきましょう!!

 

TinyPNGで画像圧縮!!

tinypng.com

 

トップページです。

 

赤枠の中に、先ほどリサイズした画像をドラック&ドロップします。

f:id:ninjalifegudaguda:20190903055145p:plain

 すると、117KBが96KBに圧縮されました。

 

「Download all」で保存し、完了となります。

f:id:ninjalifegudaguda:20190903055136p:plain 

 

補足
  • 一度に20枚まで圧縮可能
  • 無料のコンテンツです

 

 一連の作業はこれで終わりです。

 

思いのほか簡単ではないでしょうか?

 

ちょっとした手間を加えることで写真が軽くなるので、やらないのは損ですよ。

 

画質の低減は?

ぶっちゃけ、気になりません。

 

では、

  • 未処置(2.4MB 4880×480)
  • リサイズ済(117KB 640×480)
  • リサイズ・圧縮済(96KB 640×480)

それぞれの写真を見ていきましょう。

 

未処置

f:id:ninjalifegudaguda:20190903055108j:plain

 

 

リサイズ済

118KBって表記されていますが、正しくは117KBです。

f:id:ninjalifegudaguda:20190903055044j:plain


リサイズ・圧縮済

f:id:ninjalifegudaguda:20190903055036j:plain

どうです・・・?

 

しいて言えば、「角島」の文字がボヤけるくらいでしょうか。

パッと見は、個人的にはそこまで気にならないです。

 

スマートフォンで見るなら申し分ないレベルなので、画質命!!って人以外ならこれで十分かと。

 

  

最後に

画像圧縮ツールは検索すればいくつかでてきますね。

 

今回は、「無料で使える・操作が簡単・画質の劣化が目立たない(ほとんど気にならない)」ものを紹介しましたよ。

 

とりあえず使えればOKって人なら試してみる価値は大アリです!!

 (本気で取り組むなら「photoshop」が良いのでしょうが、いかんせん使い方が煩雑すぎる・・・)

 

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