MoonNote

はてなブログテーマ / CSS / jQuery

はてなブログ「Flickr貼り付け機能」の画像サイズ

photo by Andy Magee

はてなブログの「Flickr貼り付け機能」で挿入される画像の幅は基本的に 500px に固定されていて、他の幅を選ぶことができない(選択オプションがない)。

これの何が問題かというと、このブログのメインカラム(記事部分)の幅は 665px なので、右側に大きな空白ができてしまい格好が悪くなってしまう。

ちなみに、Naifix さんの記事「これが読みやすいブログデザイン!有名サイトの記事幅と余白設定を大公開」によると、メインカラムの幅の平均値は 616px だそうだ。

Flickr で公開されている画像の幅は 500px だけでなく、640px だったり 800px だったり大きいものだと 2048px なんて幅もあるのだが、管理画面から直接貼り付けられるお手軽さを覚えてしまうと画像の URL をコピーして何して何て作業はやっていられない。

ところが、画像の URL を何度も確認していくうちにある法則性があることに気づいた。

Flickr の画像の URL には規則性があり、.jpg の前に _X(X の値は以下のリストを参照)を付けることで変更できるようだ。(t 以降の画像の高さはオリジナルのアスペクト比を維持する)

  • s … 75 x 75
  • q … 150 x 150
  • t … 100 x
  • m … 240 x
  • n … 360 x
  • z … 640 x
  • c … 800 x
  • b … 1024 x
  • h … 1600 x
  • k … 2048 x
  • o … Original

例:幅 800px

[![](http://farm8.staticflickr.com/7221/6970717596_d50b4184ed_c.jpg)](http://www.flickr.com/photos/84272941@N00/6970717596)

[photo by Andy Magee](http://www.flickr.com/photos/84272941@N00/6970717596)