【Lightroomで書き出し】ブログやサイトに載せる写真のサイズと圧縮方法について

先日、日本を感じることができる美しい庭園をもつ永沢寺花しょうぶ園という記事を書いた所、ぬこ (id:nukoblog)さんから1件のコメントをいただきました。

私もブログに写真を載せることが多々ありますが、いつも重たくなってしまいます。こんなに高画質なのに軽いのはどうしてだろうと思いました。圧縮のやり方などありましたらぜひ教えていただいです(^^)

この質問に答えようと思い記事にしました。

この記事は写真をLightroomで現像している方用の記事にはなってしまうのですが、サイズやファイルサイズ等は誰にでも参考にしてもらえるのではないでしょうか。

写真のリサイズ方法と実際のサイズと画質
まとめ

写真のリサイズ方法と実際のサイズと画質

その前にひとつ言っておきたいのは、この写真のサイズや圧縮方法はあくまで私の方法であり、そして私は正直この辺結構適当にやっているということです。元も子もない感じですみません（笑）

ブログやサイトの表示を早くするためだけの写真圧縮を考えたら他の方法もたくさんあると思いますが、私のブログは写真メインのブログですので、写真をキレイに見せる！ということに重きを置いた方法だと思ってください。

そもそも写真をどう撮っているか

このブログに写真を載せるにあたって、写真は一眼レフで撮影しており、RAW＋JPGモードで撮影しています。なぜJPG付きで撮影しているかはまた後日記事にするとして、まずRAWデータを撮っているということを前提にお話します。

撮ったRAWデータをPCのLightroomに読み込んで現像し、サイズや画質を指定して書き出しを行っています。その書き出しされたJPGのデータをブログにアップする、というのが私が通常行っている作業です。

はてなブログを使用している場合は写真や画像を掲載する際に注意点がある

はてなブログの場合、写真や画像を掲載する方法は大きく分けて2通りあります。1つは「はてなブログ」の編集画面から画像をアップロードする方法。２つ目は、あらかじめ「はてなフォトライフ」に画像ファイルをアップロードしておき、この画像をブログの編集画面から選択して掲載する方法です。

1つ目の「はてなブログの編集画面から画像をアップロードする方法」では、画像をアップした時点で画像のサイズの長辺が1024ピクセルにリサイズされます。2つ目の「あらかじめ、はてなフォトライフに画像ファイルをアップロードしておき、この画像をブログの編集画面から選択して掲載する方法」では、画像をアップした時点で長辺が800ピクセルにリサイズされます。

詳しくは「はてなブログ開発ブログ」に載っていますので、こちらを見た方が早いでしょう。

「写真を投稿」機能を改善し、画像サイズを大きく、位置情報を削除するようにしました。また、無料ユーザーの写真容量を10倍に増量しました – はてなブログ開発ブログ