お小遣いサイトの紹介をする時には私もよく画像を使うのですが

記事内に載せる画像の大きさが大きすぎて記事からはみでちゃうことってありますよね?

そういう時のサムネイルでの縮小のやりかたは、

FC2ブログ ~記事に画像を入れる 画像アップロード~」で紹介しましたが

これよりももっと簡単に縮小出来るやり方があるんです。

私のプロフ画像を例にやってみます。

Monases.jpg

画像をアップロードした時はこう表示されています↓

<a href="http://blog-imgs-52.fc2.com/r/a/m/ramrameyey/Monases.jpg" target="_blank"><img src="http://blog-imgs-52.fc2.com/r/a/m/ramrameyey/Monases.jpg" alt="Monases.jpg" border="0" width="150" height="112" /></a>

青字のheight="112"を削除して、赤字の数字を変更します。

「width」は横幅のことで、横幅のみにすることで、自動的に縦幅も設定されるんです。

赤字の数字を150から50にしてみました。

 ↓

Monases.jpg

赤字の数字を150から350にしてみました。

 ↓

Monases.jpg

拡大させると画像が粗くなってしまいますけど、

この方法だと、簡単に画像を大きくしたり小さくしたり出来ますね☆


画像をアップロードした時、下部表示のピンクの部分が入っています。

このピンクの部分があると、リンクした状態になっていて、画像をクリックすると

別窓でもとの画像が開く状態になっています。

これをリンクさせない画像にするには、ピンクの部分を削除すればOKです。

<a href="http://~~~" target="_blank">~</a>を削除。
<a href="http://blog-imgs-52.fc2.com/r/a/m/ramrameyey/Monases.jpg" target="_blank"><img src="http://blog-imgs-52.fc2.com/r/a/m/ramrameyey/Monases.jpg" alt="Monases.jpg" border="0" width="150" height="112" /></a>

 ↓

<img src="http://~~~" width="150" height="112" />だけにする。
<img src="http://blog-imgs-52.fc2.com/r/a/m/ramrameyey/Monases.jpg" alt="Monases.jpg" border="0" width="150" height="112" />

クリックしてみて下さい。

リンクする画像 ↓

Monases.jpg

リンクしない画像 ↓

Monases.jpg

削除するかしないかはお好みです

私のブログでは、リンクしている画像だとマウスを画像に乗せると

ちょこっと動く設定にしているので、いろいろ画像が動くとうっとおしいこともあるので(^_^;)

必要ないものは、リンクさせないようにしています。

画像にサイトなどのリンクをさせたい場合などは

FC2ブログ ~リンクを貼る方法 (画像にリンクを貼る)~で紹介しています。

~日記~

日曜の夜は、たこやきパーティーでした☆

生まれも育ちも大阪なもんで、時々たこやきを晩ごはんにして食べています(^_^;)

子供たちもたこやきは大好き!

今では、自分たちの好きなもんを具にして、色々入れて楽しんでいます^^

先日、旦那が夜勤でいない時に、子供たちと晩ごはんをベランダで食べたんですけど

すごく気に入っちゃって~ たこやきもベランダでやったんです(^_^;)

用意するのは、ちょっと面倒なんですけどね。。。

でも、いっつも室内で熱い思いしながら汗たらしてたこやき焼いてたから

外で初めてやってみて、風が吹いて涼しくて、なかなかいいじゃない~!!って感じでした☆

子供たちは、「焼き肉」がやりたいんですけどね。。。

節約主婦としては、焼き肉はかんべんして~って感じ(>_<)

「ほんまは食べたいねんけど…」 ま、夏休み中に1回ぐらいは焼き肉してあげたいな☆

そのためにも、またお小遣い稼ぎ頑張らないと~

 カテゴリ
 タグ
None