ブログ画像のレイアウト崩れ

「ブログの画像(写真)をどの程度縮小したらレイアウトは崩れないのですか」というご質問を頂戴しましたので、簡単にご説明を。
まず、結論を申し上げます。

「そのテンプレートによる」(笑)

これではあまりにも親切でないので、図でご説明を。
例えばこういうレイアウトのブログが有ります。

例えばこういうブログ
例えばこういうブログ

全体の幅が770ピクセル。
で、左のサイドバーが270ピクセルだとすると、右側のメインコンテンツは500ピクセルになります(単純な計算通りには行きませんけど)。
この表記はどこに記されているか。
今回はFC2ユーザの方ですので、FC2の場合。
「FC2 BLOG 管理ページ」→「環境設定の中のテンプレートの設定」に入り、「○○○○○(テンプレートの名前)のHTML編集」で確認して下さい。

メインコンテンツ部分が500ピクセルだった場合は、450~480ピクセルに縮小してアップすると、ブログ全体の幅から写真がはみ出てしまうというレイアウト崩れが無くなると思います。

まぁ500ピクセルの所に700ピクセルとかの大きな画像を入れればはみ出るのは当然として、幅500ピクセルの画像で何故ダメかというのはhtmlが解ってからでいいですから、とりあえず「テーブル幅よりも少ない幅に縮小してアップしないとはみ出る」ということだけ覚えておけば宜しいかと思います。

メインコンテンツ(この場合は黒い部分)の幅が何ピクセルかというのは、そのテンプレート毎に違うので、その幅がどうしても解らないという人は、色々な幅でアップしてみると、そのうちに解って来るはずです。

という簡単な説明でお茶を濁すと(爆)