写真は軽量化し、最適なサイズでブログに載せる

「写真をできるだけ多くの人に、キレイな状態で見て欲しい！」 私もそうですが、写真ブログを運営している人は少なからずこのような思いを持っているはず。

今回の記事ではブログに写真をアップする際の注意点をお伝えしたいと思います。

「できるだキレイ（高画質）に見てもらおう！」と考えた時に写真を大きなサイズのままアップロードすればキレイに見てもらえると思うかもしれません。

しかし、大きいサイズ（横幅3000〜4000ピクセルオーバー）の写真をアップしてもデメリットが多くなるだけです。

大きい写真をアップロードした時のデメリット

• 写真をアップロードするのに時間がかかる。
• ファイルサイズが大きいため、サーバーのストレージを圧迫する。
• ページを表示させるのに時間がかかる。

できるだけ短時間でサクサクとページを閲覧できるほうがユーザーにとって良いサイトになりますね。

写真の最適なサイズとは？

ブラウザの大きさ

そもそもユーザーはどれ位のサイズのブラウザを使っているのでしょうか？

下の画像はこのサイトの1ヶ月のアナリティクスの【画面解像度】の集計結果です。

最も多いのが【320 x 568ピクセル（スマートフォン）】で16％。その次が【1920 x 1080ピクセル（フルHD）】12％。最も解像度の高い【2560 x 1440ピクセル（WQHD）】は3％未満です。

スマホからのアクセス増

下の画像はPC（デスクトップ）、モバイル、タブレットのアクセスの割合を表した分布図です。スマートフォンからのアクセスがPCと肩を並べつつあります。

ブログでは大きなサイズの写真は必要ない

もちろん例外もあります。例えばカメラメーカーやレンズメーカーが、どれだけ写真の解像度が高いかをアピールしたい時に、写真のオリジナルファイルをHPにアップする場合があります。

当然、それらの写真をクリックすると思いっきり拡大された写真がブラウザに表示されます。横や縦にスクロールしなければ写真全体を見ることができません。

もしかすると「写真の細かな部分まで見たい！」という熱心なユーザーもいるかもしれません。

しかし、PCの小型化やスマホやタブレットユーザーが増加する時代に、個人の写真ブログでオリジナル写真ファイルをアップロードする必要は無いように思います。

写真ファイル容量の大きさ

下の画像は写真フォルダからランダムで10個の写真ファイルをピックアップしたものです。画像の縮小はされていません。SIGMA QUATTROで撮影された写真は【5,424 x 3,616ピクセル】と非常に大きな写真です。

写真10枚でファイルサイズが126MB。とても大きいですね。

今度は同じ写真を1920 x 1080ピクセルに縮小して書き出して見ました。※アスペクト比が合っていないので正確に1920 x 1080になってませんのでご了承ください。

サイズを小さくすると126MBから一気に4.3MB（約1/30）に縮小されました。

サイズ縮小前（4,896 x 3264）と（1,620 x 1,080）後のファイルサイズを比較してみました。

13.5MB→359KBまでサイズが縮小されます。

FullHDサイズ（1920 x 1080ピクセル）あればPCで閲覧するには十分なサイズと言えるのではないでしょうか。

FUJIFILM X-E2 (23mm, f/2, 1/250 sec, ISO800)

更に写真ファイルサイズを小さくする

「ちりも積もれば山となる。」ブログに掲載される写真の量が増えれば、写真ファイルだけで数メガから数ギガに達するかもしれません。

JPEG miniというソフトを使えば、縮小された写真を画像劣化することなく更にファイルサイズを小さくできます。

JPEG mini

Mac/Windowsで使えるソフトです。

JPEG mini

JPEG mini Liteという無料版もあります。まずは無料版で画像劣化することなく、どれ位ファイルが小さくできるか試してみてはいかがでしょうか。

 JPEG miniの使い方

使い方は非常にカンタン。JPEG miniを起動すると黒いウィンドウが表示されます。

ファイルサイズを小さくしたい写真を黒いウィンドウの中にドラッグ・アンド・ドロップします。それだけでPL。

写真10枚をJPEG miniを使いファイルサイズ小さくしてみました。すると4.3MBが2.5MB（1/1.7）まで縮小されました。この差は大きいですね。

適切な写真サイズとファイルサイズのダイエットを行いブログに写真を掲載したいものですね。