リーマンパッカー空をとぶ

サラリーマンの旅ノウハウ。   ※スマホ表示にトグルメニュー追加しました。

ブロガー必見、写真の圧縮は縮小専用で。動きもサクサクになるよ。

2017年1月、フィリピンのボラカイ島に行ってきました。帰国してさて記事を書いていくぞ〜、と思ったところ、写真の撮影枚数は300枚。オーマイゴッド。

 

これをいちいちはてなぶろぐへアップロードするのもおっくうだな、と思っていたところ、以前

MUTANTのてつさん

が、ブログの写真は圧縮した方が良いよ、と書かれていたのを思い出しました。

 

 

www.mutant-tetsu.com

 

 

ブログで写真を圧縮するメリット

てつさんによれば、写真を圧縮することで記事自体が軽くなり、表示速度があがることで、GOOGLEからの評価もあがる、というものでした。

 

勉強になりますね。

 

また上記記事内以外にも、書き手的には

・ブログサービス内の容量を使わない

・通信量(アップロード時)の容量を使わない

 ・・・月あたり5GBや7GB制限のスマホでテザリングなど利用してる方

なども挙げられるかと思います。

 

 

同時に記事内では写真圧縮ツールが、オンラインのもの、オフラインのもの、いくつか紹介されています。

 

 

 

写真圧縮ツール、縮小専用(略して"しゅくせん")

 

ぼくは会社ではWindowsですが、社内でパワーポイント資料を作成するときによく活用している縮小専用というソフトがあります。

 

パワーポイントで写真などを多用するとファイルがものすごい容量(50MBとか)になったりすることがあります。写真はRAWデータ(ローデータ、生データ)で使用してはいけません。

 

一度しゅくせんで 圧縮すると驚くべき容量まで削減できます。

 

 

さて、はなしをブログに戻しまして、今回Mac用の(※mac使ってるなう)しゅくせんもないんかな、と調べたところMac用もでていました。

 

ダウンロードはコチラ

縮小専用AIR | i-section.net

 

インストールすると、オフラインで簡単に圧縮をかけることができます。

簡単に使い方だけ

 

 

縮小専用使い方

f:id:lehmanpacker:20170202064932p:plain

インストール後立ち上げるとこちらのウィンドウが開きます。

 

一番左でサイズを選び、

 

②圧縮したい写真をウィンドウ右下にドラッグするだけです。

 

f:id:lehmanpacker:20170203061440p:plain

ピピーっと進みます。

 

 

すると、写真の入っているフォルダの

 

末尾にresizeというフォルダが出来上がっています。

 

↓フォルダができます。

f:id:lehmanpacker:20170202065153p:plain

 

 

以上。

 

超簡単です。

 

 

 

 

写真比較 圧縮後の見た目はいかに??

さて、本題です。

写真が圧縮されると同時に、どのような見た目になるのか、検証していきましょう。

 

まずはrawデータから。

 

スマホ写真 写真容量2.8MB

f:id:lehmanpacker:20170201064933j:plain

 

まず、適当にサイズを指定しまして、、、1024x1024を選んで実験。

 

 

縮小後 サイズ1024x1024 300KB

f:id:lehmanpacker:20170201065103j:plain

 

うん、全然問題ないね。写真サイズは約1/10になりました!

はてなブログアップロード時もサクっとアップされました。

 

 

 

並べて

f:id:lehmanpacker:20170203061732p:plain

 

うん、なんら問題ないね。

(なんで今までrawデータ使ってたんだろう、、(^_^;)

 

 

実験 どこまで画質を落とせるか?

 

もう少し踏み込んで、どこまで画質を落とせるか検証してみました。

実験は先ほど試した1024x1024よりもどんどん下げてみる、という単純なものです。

f:id:lehmanpacker:20170203062043p:plain

上から順に、800→640→400→160→120 とさげてゆきます。

 

 

 

800x800 209KB

f:id:lehmanpacker:20170201181558j:plain

 

まだ全然いけますね。

 

 

 

640X640 141KB

f:id:lehmanpacker:20170201181701j:plain

デスクトップ上では表示が少し小さくなりはじめましたね。個人的には問題ない気もしますが。 

画質的にも問題なし。

 

 

 

400X400 69KB

f:id:lehmanpacker:20170201181739j:plain

 デスクトップ上だと中位の大きさ、あえてこの大きさを選んでもよいかもしれません。

スマホだとまだ変化なし。

 

160x160 15KB

f:id:lehmanpacker:20170201181826j:plain

デスクトップ上だと、ちょっとみづらい大きさの表示かな。。

ここから、スマホでも表示が小さくなりはじめます。

 

デスクトップ

120x120 9KB

f:id:lehmanpacker:20170201181850j:plain

もう小さすぎてわかりづらいですね。こりゃ使わない方がよいかな(^_^;)

 

 

一応、デスクトップで見ている人ように、スマホ上だとどのような表示になるか、貼り付けておきます↓↓ (※ xperia z4 約5inch)160x160から小さくなります。

f:id:lehmanpacker:20170203063234p:plain

f:id:lehmanpacker:20170203063307p:plain

 

 

 

 

実験結果

 

写真のサイズを落としていった結果、デスクトップでもスマホでも問題なくみれるのは、

 

800x800への縮小

 

ということがわかりました。よし、これからそうしよう。

※おおきなデスクトップでてるかたは800でも小さく表示されるかも。

 

 

ということで、みなさんも是非活用してみてください。

 

 

 

 

ちなみに、冒頭に貼り付けた てつさんの記事内では、 ワードプレスでのブログ運用者用に、ブログ内の写真を一括で縮小する便利プラグインがある、とかかれています。

 

ワードプレス利用者は是非そちらも参考にしてみてください。

 

 

それでは

 

 

 

2017.2.9追記

写真をずばばっと数百枚レベルでupする方法、はてなフォトライフを使う方法、ポジ熊さんが解説してくれています。超便利。旅ブロガーにはありがたい情報です。

 

www.pojihiguma.com