ブログに掲載するのに適当な写真のサイズ

うかブログ »

ウェブデザイン »

ブログに掲載するのに適当な写真のサイズ »

今年に入り、ブログ記事を書くにあたって、画像をflickr経由で掲載するようになった以外にもうひとつ変更したことがあります。それが画像の並べ方。

これまでは、小さい画像は右にfloatさせ左側に文章を流し込んでいたんですが、flickrを使い始めると同時にそれをやめ、画像ごとに改行して写真でテキストにテンポ（メリハリ？）をつけるようにしてみました。

で、小さい画像はflickrで自動的に取得できるサイズ・横幅240pxのものをそのまま掲載してきたんですが、これだと500pxのスペースに対してちょっと小さいんですよね。かといって500pxをそのまま貼り付けたのでは重過ぎるので、適当なサイズはどれ？ということで比較してるとこんな感じ。

ブログに掲載する写真のサイズ比較

横幅240px。このサイズは、500pxの画像だけアップすれば自動的に取得できます。

横幅300px。横300pxにすると縦がちょうど200px。切れがよかったのでなんとなく。

横幅340px。スペース幅500pxに対して約2/3のサイズ。

横幅400px。上の340pxに対して心持ち大きめ。

横幅500px。ウチのブログで掲載する写真の一番大きいサイズです。

どうでしょ。240pxでは小さすぎるってことは、必然的に300pxか340pxか400pxになるんですが、400pxだと最大サイズとの差が少ない分だけ、500px画像のインパクトが霞むような気がします。

残るは300pxと340pxなんですけど....超微妙。好みの問題なのかもしれないけど、あんまり右があくのもアレだよねぇ....。ヨシ、340pxでいってみよー。

ということで、今後はしばらく340pxの写真を掲載してみようかと思います。
（別のサイズがいいよ！みたいなご意見がありましたら、ぜひぜひコメントでご指導いただけると幸いですm(_ _)m）

あ、念のために書いておくと、上で340pxが適当と判断したのはスペースの幅が500pxあるからなのであって、440pxくらいのスペースなら、もっと小さくてもいいかもしれません。

flickr経由で340pxの写真を掲載する方法

で、ここで問題になるのがflickrで取得できる画像のサイズ。500pxの画像をアップした場合、flickr上で自動的に取得できるのは240pxなんですよねぇ.....。と、悩んだように見せかけて、さほど悩んでません（笑）

flickrって、500px未満の画像をアップすると、LargeもMediumも同じサイズになるんですよね。（240px以下の画像だとMediumが消えてLargeとSmallが同じサイズに。）なので、大きく載せない写真は全て340pxで一括サイズ変換しちゃえばflickr経由でもちゃんと掲載ができるようになるわけです。

するってぇと、ブログ書く前に掲載する写真を決めなきゃいけねーってか！？という疑問も出てくるわけですが、私の場合、文章を書いている時点でどの順番でどの画像を載せようか決めちゃってるので、さほど問題でもありません。

ま、全ての画像を一括変換するのに比べれば、2回に分けて変換することになるので一手間かかっちゃうわけですが、こないだまで画像を1個1個リサイズしてた私にとってみれば、まだまだラクチン。

というわけで、今後はこんな感じで画像を掲載していきたいと思います。（と言いつつ、いざ記事をアップ段になってすっげー面倒に感じたらどーしよ＾＾；）

△ページトップに戻る