大きい写真の貼り付け方法

標準で１枚追加できる写真以外を、きれいに貼りつける方法を説明します。

左の写真は通常のサムネイル写真です。
クリックすると大きくなって見やすいですね。






しかし、その他の大きい画像をいつものようにブログに貼りつけると…

▼画像のはみ出た分が見えなくなってしまします。


まず、はみでた部分を直したいと思います。
とはいっても原寸で表示させることは不可能なので、少し縮小して
表示させてみます。


通常の画像貼り付け

通常の画像貼り付けを行うと、ブログ投稿画面に以下のようなHTMLタグが出力されます。
このタグ自体に「横幅」を指定して小さくしてしまおう！ ということです。

修正前：

<img src='https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/supportBlog/
stylesheet/samplePhoto/Lphoto_sample.jpg' border='0'>


修正後：

<img src='https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/supportblog/
stylesheet/samplePhoto/Lphoto_sample.jpg' border='0' width="580" >


横幅を表す「width」タグに「580ピクセル」と入力してみました。
実際の写真は以下になります。

▼通常の写真　クリックできません


これだけではせっかく取った写真を大きく見せることができません。
ここでもうひと工夫して、「クリックしたら元画像が開く」ようにしてみましょう。

先ほど「width」を追記した「img」タグをドラックして、リンクボタンを押す。



▼クリックして拡大


拡大画像が開きました。

是非お試しください！