ブログの写真を大きく表示させる方法 No.1

iphonやスマホの小さい画面で見られてる方にはあまり関係ない話題かな？

でも載せた写真がタブレットやパソコンで見られてる方に大きく見せたい
と思われてる方、

せっかく綺麗な写真が撮れたので大きく見てもらいたいと思われてる方に


また以前圧縮アプリを
https://minkara.carview.co.jp/userid/1736453/blog/36489918/
こちらで紹介しましたが、圧縮してせっかく綺麗な写真をアップできてもブログで見る画像が小さいとあまり意味がないですね
そこでブログに載る画像を大きくする方法を紹介します。

検索すると何人かの方が載せてみえますが、私の覚えとしても載せようと思います。



この画像はiPadでブログを見た画像で
写真を大きくして載せたものです。
サイドメニューにかぶるまで大きくした写真と
一番下の切れてますがサイドメニューギリギリまで大きくした写真がわかりますね〜
見比べたい方は下から
https://minkara.carview.co.jp/userid/1736453/blog/37026045/





この画像は普通に載せた写真です
見比べたい方は下から
https://minkara.carview.co.jp/userid/1736453/blog/36064129/


普通に写真を載せると編集画面で

a href="/image.aspx?src・・・・・・・・
ct=493f439956d7" target=_blank><・・・style="WIDTH: 500px" al・・・
src="http://cdn.snsimg.c・・・・・・・

この様な訳のわからないプログラムが出ますよね。
500pxに注目してください
これは写真の横の長さを表す数字になります。

◎サイドメニューギリギリまで大きくしたい方は590〜625pxに変更してください。数字はスタイルにより多少異なりますので目安にしてください。
ここまではスタイルシートの変更無しでいけます。

◎このブログで説明するとサイドメニューの右に合わせるか右側いっぱいまで大きくしたい方は
925〜980pxに変更すればいいのですが
写真が右側で切れてしまいます。
そこでスタイルシートを弄る必要があります。
その方法は次回に(^_^;)

余談ですが980px以上に設定するとどうなるか確認してみました




思い切って1500pxにしてみました。
はいこんな感じに(^_^;)
こうなってる方、たまに見かけますね
これはiPadから見た時なので、パソコンで確認されてる方は写真が大きくなって良いのかもしれませんね。
でも一番スマートなのはNo.2でも紹介しますが980px以下で載せるのがいいと思います。