スポンサーサイト

スポンサー広告 | --.--.--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

画像 の サイズ の 変更 方法

[ カスタマイズ ] HTML タグ の 基本 | 2009.04.13

みなさんは記事に 画像 を挿入していますか?
画像 を挿入することにより、よりブログが華やかになりますよねっ。
しかし、画像 サイズ が大きすぎたりすると、
記事に収まらなかいこともあると思います。
そこで、画像 の サイズ を変更する方法をご紹介します。

幅 を 指定 する


FC2ブログではじめるこだわりブログ第2版 FC2ブログ公式ガイド
2008年10月発売
本体価格:1,680円(税込:1,764円) 送料無料

豊富な機能が大人気、使いがってもよく、日本で最もユーザー数の多い、No.1!!ブログです。パワーアップしたFC2ブログの豊富な機能をみんな解説。お役立ちノウハウ満載。


さすがにこれじゃ 画像 が大きすぎますよねぇ・・・。
ということでこの 画像 を小さく表示しましょう。
その方法とは「幅 を 指定 する」ということです。
横幅 を 指定 すれば、自動的に 縦 の 幅 も 横幅 に合わせて表示されます。
ですので、横幅 を指定する方法を覚えましょう。

「width="数値"」 を 挿入


画像 を表示させる時には、下のようになってますよねっ。

<img src="http://●●●●●.jpg" alt="画像の説明文" />


この中にあるものを挿入するんです。
それが・・・「width="数値"」です。
そしてこの数字と書かれたところに半角の数字を挿入するんです。
数字が大きければ 画像 も大きくなり、
小さければ 画像 も小さくなるわけです。

では 実際 に挿入してみますとこのような形になります。

<img src="http://●●●●●.jpg" alt="画像の説明文" width="数値" />


ということで先ほどの 画像 に width="数値" を挿入してみますねっ。
数値は「120」にしています ↓


FC2ブログではじめるこだわりブログ第2版 FC2ブログ公式ガイド
2008年10月発売
本体価格:1,680円(税込:1,764円) 送料無料
豊富な機能が大人気、使いがってもよく、日本で最もユーザー数の多い、No.1!!ブログです。パワーアップしたFC2ブログの豊富な機能をみんな解説。お役立ちノウハウ満載。



どうですか?画像 を小さくなったことによって、
説明文とのバランスがとても良くなりましたよねぇ。
画像 編集 ソフト などを使って、画像 を小さく加工してから
画像 をアップロードするのが理想ですが、
このように簡単に 画像 サイズ を変更することができるんです。

ということで、画像 の サイズ を変更する方法をご紹介しました。
ぜひみなさんの ブログ でお役立てください。

関連記事


 ≫ 画像の横に文字や文章を表示する方法
関連記事
人気ブログランキング この記事がお役に立てましたら1クリックお願いします

おすすめ の 無料ブログ | FC2ブログ で 画像 の 挿入 方法









管理者にだけ表示を許可する
|
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。