この記事は、“みぶろぐ”の公式テンプレートでの、サイドバー落ちや記事落ちが起きない……つまりブログのレイアウトを崩さない、画像の最大幅の個人的メモです。
ブラウザによって多少違いがあります。
ギリギリいっぱいより、画像は多少小さめにしておいた方が無難です。
チェックしたブラウザ
インターネットエクスプローラー6.0 Netscp7.0 ドーナッツ2.52
ちなみに、『嶺南中心 外食記録』が使ってるアドバルーンだと……
このサイズですかねぇ。
両サイドバー・テンプレート
花(両サイドバー)本文の幅 440px …両サイドバーの中では広め。
画像の最大幅
両サイドバー時 402Px
左サイドバー時 600Px
右サイドバー時 600Px
コンテンツでサイドバーを左に寄せたとき貼れる画像はデカ目…けど400ピクセル幅くらいが美しい。あと、ブログの説明文は2行に納めた方がピシッと決まる。
紅葉(両サイドバー)本文の幅 355px …狭さでは指折り
画像の最大幅
両サイドバー時 362Px
左サイドバー時 497Px
右サイドバー時 537Px
サイドバーバーをコンテンツで寄せるとソコソコ……でもレイアウト的には360以下に納めるのが美しい。
桜(両サイドバー)本文幅 450px 両サイドバーの中では広め
画像の最大幅
両サイドバー時 421Px
左サイドバー時 619Px
右サイドバー時 597Px
左サイドバー時の広さにビックリ…けど美しいのは450ピクセル幅
カブトムシ(両サイドバー)本文の幅 435px ……両サイドバーとしてはそこそこ
画像の最大幅
両サイドバー時 398Px
左サイドバー時 603Px 430
右サイドバー時 568Px (←背景色的にやめたほうがいいです。)
小春日和(両サイドバー)本文の幅 355px …こちらも屈指の狭さ
画像の最大幅
両サイドバー時 368Px(これもかなり狭い)
左サイドバー時 547Px
右サイドバー時 537Px
サイドバーを寄せるとソコソコ……レイアウト的には360以下に納めるのが美しい。ブログの説明は俳句のように短く畳んで3〜5行にまとめるとピシッと決まる。
アクアブルー(両サイドバー)本文の幅 450px 両サイドバーの中では広め…だけど
画像の最大幅
両サイドバー時 420Px
左サイドバー時 420Px
右サイドバー時 420Px
本文を包む青ワクが崩れるので、サイドバーを一方に寄せても意味がありません。サイドバー落ちしない画像幅はかなりあるんですが……
手鞠(両サイドバー)本文の幅 400px 両サイドバーではそこそこ
画像の最大幅
両サイドバー時 380Px
左サイドバー時 590Px
右サイドバー時 550Px
左サイドーバー時はかなり広く感じます。
ブルーレクト(両サイドバー)本文の幅 453px 両サイドバーの中では一番広い
画像の最大幅
両サイドバー時 433Px
左サイドバー時 622Px
右サイドバー時 602Px
バーを寄せても寄らなくても広さはなかなかのもの。だけど460ピクセルくらいが美しい。ブログの説明文は3行くらい。ただし横に長ーく書けます。
右サイドバー・テンプレート
アルバム(右サイドバー) 本文の幅 500px 片バーとしては少し狭い？
画像の最大幅 543px
写真バリバリ貼れそうなテンプレートのクセに意外と……でも使いやすい事は使いやすい。
ショッピング(右サイドバー)本文の幅 550px かなり広いほう
画像の最大幅 553px
商業用ブログ専用っぽいテンプレートだけど画像の幅はフツー。だけど説明文はタップリ書けるしヘッダにアフィリエイトバナーを入れる余裕もある。
ノート(右サイドバー)本文の幅 565px 広さでは第三位
画像の最大幅 482px (方サイドバーでは狭め)
でも推奨幅は470以下……サイドバーがノートの端からはみ出します。ブログ説明文は14文字×3行以内に納めるとピシッと決まる。
水玉(右サイドバー)本文の幅 570px テンプレートの中で一番広いものの1つ
画像の最大幅 568px
画像幅はたっぷり。ブログ説明文は二行以内。ただし横へ長く書いても平気。
夕日のアドバルーン(右サイドバー)本文の幅 570px テンプレートの中では一番広いものの1つ
画像の最大幅 508ピクセル
実は画像の幅、右サイドバーテンプレートの中では3番目に狭かったンすね。
赤レンガ倉庫(右サイドバー)本文の幅 550px 片サイドバーでは広め
画像の最大幅 483px
タイトルと説明文が重ならないためには、説明文を30文字前後の一行にまとめるべき。方側テンプレートの中では狭いし扱いにくいかも……
ジグゾーパズル(右サイドバー)本文の幅 550px 一応広い方
画像の最大幅 523px
そこそこの広さ……520ピクセルいっぱいでも、特に問題はないと思われます。
小鳥とリス(右サイドバー)本文の幅 550px 片サイドバーとしては広いほう
画像の最大幅 563px
かなりの広さ。ただし、文字色によっては読みにくくなるテンプレです。ブログ説明文は30文字×2行でしょうか
左サイドバー・テンプレート
ポッドキャスティング(左サイドバー)本文の幅 550px そこそこの幅
画像の最大幅 564px
オシャレな割りに広く使えます。ブログ説明文は20文字×2行に収めると決まるかも。
親子ペンギン(左サイドバー)本文の幅 477px 片サイドバーとしては狭い
画像の最大幅 495px
やはり狭かった……
月と星(左サイドバー)本文の幅 470px 片サイドバーとしては狭め
画像の最大幅 500px
サイドバーが落ちる前に、サイドバータイトルのお月様が落ちるのでムチャは程ほどに……
野菜(左サイドバー)本文の幅 540px 片サイドバーとしてはそこそこ
画像の最大幅 577px
かなり広いと言えるかもしれない。 ただギリギリまでやるとトマトやブロッコリーが転げ落ちそうになりますので、ほどほどに。
