ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

Wiki文法で画像の大きさ変更


Wiki文法を使って画像の大きさが変更出来ます。
注意してほしい事は、
このやり方ですと無理やりに大きさを変更するのでファイル容量(バイト)の変化はありませんが、
横×縦の縮小・拡大の割合の値を大きく間違えると画像が乱れます

※本来のやりかたは、画像読み込みの計算速度をあげるために使います。

使い方は画像の拡張子のあとに半角のコンマ「,」で区切り
横×縦のサイズのピクセルの値を入れます。

https://s.yimg.jp/images/mh/blog.gif
↑サンプル画像の元の大きさ(横209×縦40)
サンプル

通常
[[img(http://i.yimg.jp/images/mh/blog.gif,209,40,)]]

通常のサイズを指定して読み込み計算の速度をあげる(これが正しい使い方)
[[img(http://i.yimg.jp/images/mh/blog.gif,209,40,)]]
このソースの語尾に「,209,40,」となっているのを注目
この数値で横×縦の大きさを決める事が出来ます。


https://s.yimg.jp/images/mh/blog.gif
元の大きさから大きさを全体的に7(横102×縦15)に縮小表示(ファイルの容量は変化無し)
※本来はこの様な使い方はよくありません
サンプル

[[img(http://i.yimg.jp/images/mh/blog.gif,140,25,)]]
縮小表示させるのなら、画像編集ソフトを使って小さくする方がいいでしょう
ファイルのサイズの容量も小さく出来き表示速度もアップできます。


https://s.yimg.jp/images/mh/blog.gif
↑サンプル画像の元の大きさ(横209×縦40)

これを応用すれば、こんなこともできます。↓
https://s.yimg.jp/images/mh/blog.gif
画像が大きくても、ファイルの容量の変化はありません
もとの画像が小さいのを大きく表示したいときにはおすすめです。
ですが、画素数もそのままですので、モノによっては画質が落ちて見えることもあります。
とくに写真のファイル(拡張子が『jpg』)は注意

サンプル

[[img(http://i.yimg.jp/images/mh/blog.gif,209,40,)]]

↓

[[img(http://i.yimg.jp/images/mh/blog.gif,300,80,)]]

閉じる コメント(9)

転載して勉強させていただきます

2006/4/27(木) 午前 10:43 ja-ja馬 姫

顔アイコン

転載させてください。

2006/6/16(金) 午後 1:55 [ かずひさ ]

顔アイコン

http://bbs.avi.jp/photo.php?kid=345283&wid=32260 このような画像は、どうやってブログに載せるんですか?

2006/8/11(金) 午後 6:54 [ nak*ko*4 ]

転載させていただきますね

2006/8/27(日) 午前 11:48 [ なつママ ]

ありがとうございます。よくわかります。勉強になりました。

2008/8/26(火) 午後 11:29 mi-ko

顔アイコン

はじめまして。おかげさまで、はじめて画像添付と、サイズ変更ができました。ありがとうございました。今後も参考にさせてください。

2009/2/9(月) 午後 9:28 [ くま子 ]

転記させていただきます。

2009/11/7(土) 午前 2:12 [ - ]

アバター

ありがとうございます!助かりました!ポチ☆

2011/4/27(水) 午後 3:40 オーロラ

顔アイコン

写真に映っている名前を消したいのですがその方法を教えて下さい

2016/5/4(水) 午後 9:09 [ bis*amo*nt*n*734 ]


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事