画像の表示サイズを調整するには | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

うぅぅぅ~~

こちらのコメント欄あたりで、
なにか、わてくちめにメチャブリがぁぁ~~

鯛祭り|シズねーさんのブログ

ま、ブログに書くネタも無くて困ってる折でも
ありますし、喜んで書かせて頂きます^^;

渡辺麻友


アメブロで記事欄に画像を載せるのに、
こんな画像フォルダーに画像をアップしてから
載せてらっしゃると思います。

渡辺麻友


このまま[この画像を使う]を押すと、横幅220px
のサムネイル画像(見本用の小さい画像)で
表示されます。



この画像は元のサイズが横幅674pxの物です。
[オリジナルで表示]を押してみます。



右側が少し切れてしまいました。

このブログの記事幅は、600pxです。

普通、特にカスタマイズをしていなければ、
ブログの記事幅は、400px~600px位だと
思います。

アメブロの場合、元の画像が大きい場合、
横幅が自動的に840pxまで縮小されてしまます。


[オリジナルで表示]にした場合は、記事幅より
広い部分(右側)が切れて表示されます。


記事幅にちょうど収まるようにする方法を、ご紹介
します。(ジャーン!!)^^;

width="600"

これ何て読むんでしょう?ウィズ?
画像の横幅を指定するコードです。

このコードを上の画像のタグコードの
中の指定の位置に挿入してやると、
好みのサイズで表示する事が出来ます。

ちょっと入れてみます。



タグコードはこちらになります。

<a href="http://stat.ameba.jp/user_images/20140727/22/wantan-52/8c/24/p/o0687051613016227612.png"><img src="http://stat.ameba.jp/user_images/20140727/22/wantan-52/8c/24/p/o0687051613016227612.png" alt="" border="0" width="600"/></a>


このコードの前半はリンクのコードです。
後半が画像のコードになってます。
後半の(/)←スラッシュの前にwidth="~~"
を記入すると好みのサイズで表示させる事が出来ます。

よかったら、試してみてくださいね。


☆ブヒ__(*゚ー゚)ゞ

※追記:この記事を書いて、しばらくしたら、
調整する前の画像が右側が切れずに、ちゃんと
収まってました。
端が切れずに収まるようにアメブロの仕様
変更がされてるのかも知れません。



たかい、たか~~い!!