大きいサイズの画像を端が切れずに表示させる方法 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

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

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


テーマ:
アメブロに横幅の大きいサイズの画像(写真)を「オリジナルで投稿」で投稿するとサイズが縮小されて、なおかつ画像の右側が切れてしまいます。

[例]横幅:1280px;縦:960px⇒横幅:800px;縦:600px

1280x960

上の画像は自分のパソコンでは横1280px、縦960pxのサイズでしたが、サイズが横幅:800px;縦600pxに縮小されて、なおかつ右側が切れて表示されました。 

今現在(2014/01/17)の自分のブログの記事幅は600pxぐらい(←665pxから余白分を引いて)ですが、試しに上の写真のHTMLコードに幅を指定するコードwidth="600"を入れてみました。⇓

1280x960


タグコードはこちらです⇓

<a href="http://stat.ameba.jp/user_images/20140117/19/wantan-52/6e/2c/j/o0800060012816863374.jpg"><img width="600" src="http://stat.ameba.jp/user_images/20140117/19/wantan-52/6e/2c/j/o0800060012816863374.jpg" alt="佐々木希1280x960" border="0" /></a>


"なんということでしょう~"←劇的ビフォー・アフター風に^^;

横幅を指定するコードwidth="~~"を入れるだけで、縦横比が変わらず綺麗に縮小されて表示されました。


大きい画像を記事欄に挿入する時は、ご自身の記事幅に合わせてimgの後ろに、半角スペースを入れてから幅を指定するコードwidth="~~"を入れると、縦横比が狂わず綺麗に表示されます。



いろいろ、やってみるもんだ!と思いました^^;


参考にして下さいね。o(^-^)o


ちなみに、写真の女性は自分の彼女です(←嘘です^^;)ヾ(▼ヘ▼;)

----

あ、あと自分のfc2ブログでも同じ事、試して見ましたがOKでした。


ワンタンさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス