はてなブログに投稿する写真のサイズを最適化する

2019年7月25日

Flickrのアップロード上限が1000枚になってから、はてなフォトライフに戻ってきた平熱系男子にしです。どうもこんばんは。

 

さて、今日はブログに投稿する写真のサイズについてです。

 

FlickrだったらRaw現像したファイルをそのままアップロードしても、ブログに貼り付ける時に自動で最適化してくれたんですけどね。はてなフォトライフはそういうのやってくれないので、あらかじめリサイズ&圧縮しなければなりません。

 

写真は文章と比べてファイルサイズがデカイです。Raw現像したファイルをそのままアップロードしたらページ全体の読み込みが遅くなり、結果的にユーザビリティの低下につながるでしょう。

 

かといって、圧縮しすぎても画質の低下が気になります。当ブログは雑記ブログですが、一眼カメラで撮った写真はなるべく高画質を維持したいと思っています。

 

綺麗な写真のままファイルサイズを最適化したい

 

こう思ってる人は結構いるハズ。

 

てことで、今回は僕がやってる方法を紹介していこうと思います。

 

Raw現像するときは長辺1200pxで

f:id:nishi0001:20190529163810g:plain

まず、ブログ投稿専用のサイズで現像します。

 

最初は記事本文の幅が800pxくらいなので「長辺は800でいいかな~」と思ったんですけど、画質低下が気になったので1200にしました。

 

まあ、カメラや撮影時の設定にもよると思うんですが、この設定で現像するとだいたい500KB以下に収まります。

 

オンラインでJPEGイメージを圧縮

f:id:nishi0001:20190529165307g:plain

次はこちらのサイト(https://compressjpeg.com/ja/)に現像した写真をアップロードして圧縮します。自動で圧縮してくれる上に画質は殆ど変わらないので、かなり優秀なサイトだと思います。

 

67%も圧縮できるって凄いよね

 

圧縮が終わったらダウンロードします。

 

はてなフォトライフの設定

f:id:nishi0001:20190529170144g:plain

最後にフォトライフの設定なんですが、画像サイズは800px、画質は100%としています。こちらは800にしても画質劣化は気にならなかったです。なぜ?

 

写真をフォトライフにアップロードする

f:id:nishi0001:20190529170415j:plain

上記の手順でアップロードしたのがこの花の写真です。パソコンで見ても問題ないレベルの画質ですよね。

 

これでファイルサイズはというと・・・

 

f:id:nishi0001:20190529171001g:plain

 

159KBです!!

 

 個人的には写真1枚あたり200~300KB程度なら読み込み速度は問題ないかな~と思ってます。

 

つまり、ここが僕の妥協点ですかね。

 

因みに、フォトライフの設定で画質を下げればファイルサイズを更に小さくできますが、この辺りはケースバイケースで変えてみると良いでしょう。

 

僕はめんどくさいので100%のままですが(笑)

 

ブログ

Posted by nishi