大きな画像をHTMLタグを使って記事内に収める
![パソコン](https://stat.ameba.jp/user_images/20151216/03/wantan-52/c8/bd/j/o0640042013512910578.jpg?caw=800)
こんにちワ。
本来のサイズが大きい画像をHTMLタグを使って、お使いのブログの記事幅に収まるようにする方法をメモしておきたいと思います。
下は、横幅1,280ピクセルの画像を画像表示タグで囲って、そのまま表示させたものです。
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fblogimg.goo.ne.jp%2Fuser_image%2F09%2F88%2F44df149620fb97dbae1c45fa37304e2c.jpg)
HTMLタグは、以下のようになってます。
<img src="http://blogimg.goo.ne.jp/user_image/09/88/44df149620fb97dbae1c45fa37304e2c.jpg" border="0">
上のコードの中に幅を指定するコード width="580"を挿入して以下のようにします。
<img src="http://blogimg.goo.ne.jp/user_image/09/88/44df149620fb97dbae1c45fa37304e2c.jpg" width="580" border="0">
(※このブログの記事幅が600ピクセル弱なので、数字を580にしてます。御自身のサイトに合った幅にして下さい。)
すると以下のように記事幅に合わせて、はみ出さずに表示させることができます。
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fblogimg.goo.ne.jp%2Fuser_image%2F09%2F88%2F44df149620fb97dbae1c45fa37304e2c.jpg)
■幅を指定するコード width="半角数値(※記事幅)"を憶えておけば、わざわざ画像を縮小しなくても済みます。
☆ブィブィ ('-^*)/