日々狂簡

細々とやっております

初心者向け『駆込寺』

[ リスト ]

今回は、『画像のサイズ』について、解説します。

サイズといっても、容量ではなく、『面積』(大きさ)のお話。


何よりも、『幅』は重要



画像のサイズについては、アップロードによる添付画像よりも、


トラブルの原因となりやすいのです。



ブログ記事の横幅は、560pxしかありません。

アップロードによる添付画像ですと、自動的に縮尺され、

オリジナルサイズへのリンクが貼られます。


ですが、もしURLで「横幅が560pxを超える」画像を添付した場合、

記事の横幅が無理やり広げられてしまい、全体のレイアウトが乱れてしまいます。


そうしないためには、画像のサイズを変更する必要があります。


[[img(■■■■,x,y)]]

■■■■を画像のURLと入れ替え、

『x』を横のサイズ、『y』を縦のサイズに置き換えてください。


また、この文法で小さい画像を大きくすることも可能です。


例えば、私の使っている仮面ライダーV3の画像サイズは、

111*111となっています。


これを、3倍の大きさにしたい場合は、

[[img(V3のURL,333,333)]]

とすれば、

https://blogs.yahoo.co.jp/IMG/ybi/1/c2/ec/tkakt_v3/home/tkakt_v3_thumb?1146763029

こうなります。



逆に、サイズをもっと小さく、アイコン程にしたい場合は、

[[img(V3のURL,33,33)]]

とすれば、

https://blogs.yahoo.co.jp/IMG/ybi/1/c2/ec/tkakt_v3/home/tkakt_v3_thumb?1146763029

このように出来るのです。



素材ラインなどを使う際や、ゲストブックに貼り付ける際

にも応用が出来ますので、ぜひ覚えてください。


なお、アップロードで記事に添付した画像は、サイズ変更できません



参考までに、画像のサイズ例↓

イメージ 1

閉じる コメント(94)

コメントありがとうございます。お気に入りにさせていただきます。これからも投票よろしくお願いします。

2007/4/18(水) 午後 2:49 [ kok*d*199*0826*993*826 ]

顔アイコン

訪問ありがとうございます。 参考にしてがんばります。 まずは名前、、、ですね☆

2007/5/7(月) 午前 9:15 [ セイラ ]

顔アイコン

コメントありがとうございました。
わからないことの答えがここにあるような気がして
心細かった気持ちがちょっと元気になりました。
これから、通わせて下さいね。よろしくお願いいたしますm(_ _)m

2007/6/13(水) 午後 11:16 小夜子

顔アイコン

だいぶ遅くなってしまいましたが、ご訪問&コメントありがとうございました。始めたばかりでまだまだ戸惑ってばかりですが、こちらを参考にさせて頂きまして、頑張りたいと思います。これからも宜しくお願い致します。

2007/6/25(月) 午前 11:03 [ - ]

毎度のコトながら、わかりやすい解説ありがとうございます。
私の疑問の答えがここにはたくさんあります★
みんなにたくさん見てもらえるブログ作り、頑張りたいです♪

2007/8/25(土) 午前 10:27 [ miku ]

顔アイコン

訪問ありがとうございました。昨日は8時間PCと格闘してできたのが、あれです
夢にまで見てしまいました。これからも参考にさせて下さいね
よろしくお願いします

2007/8/29(水) 午前 7:31 レオラブマルクー

顔アイコン

訪問&コメントありがとうございました。知りたかった情報満載で、嬉しいです。これからも宜しくお願いします。

2007/11/1(木) 午後 11:20 [ おさる ]

顔アイコン

駆け込み寺拝見してます。デビューしたて(年は聞かないで・・気持ちだけ若いです)勉強させてください。

2008/1/23(水) 午後 11:00 ファルコン

顔アイコン

こんにちは。
画像の扱い(サイズ)とか全然わからないし、トラックバックの機能もいまいち理解していなかったり・・・・早くも挫折しそうです。(苦笑)
そんな私にとって「駆け込み寺」の存在はとても励みになります。
ご指導、宜しくお願いします。

2008/1/26(土) 午後 2:04 [ gur*_r*b* ]

顔アイコン

はじめたばかりですのでいろいろ勉強になります
ありがとうございました。

2008/2/1(金) 午後 1:32 みっくん☆

画像の大きさは実はあいまいなまましていたので、このサイズ例はとても参考になりました。
お友達にも教えてあげられます♪
ありがとうございました!

2008/2/19(火) 午前 6:31 ooeyama08

顔アイコン

ご訪問ありがとうございました♪
色々と勉強させていただきまーす。
ホント知らない事ばかりで、、、とても参考になります!

2008/3/18(火) 午後 9:21 りり*

とても助かりました!!
ありがとうございます。
これからも活用させていただきます!!

2008/5/13(火) 午前 1:19 [ オレンジ ]

う〜ん
お勉強になります(≧0≦)ノアリガトウ
参考にして頑張ってみます
ポチっとニャ(・∀・)σ|傑作|

2008/6/6(金) 午前 1:11 芽衣鴉

顔アイコン

超初心者で写真を選ぶのにも四苦ハ区苦して居る状態ですが大きくするのと小さくするのが出来るようになりました。ありがとうございまいた。がんばります。

2008/6/8(日) 午後 3:00 [ sum*cih*a* ]

顔アイコン

これから画像にチャレンジします。
又、オジャマしまーす。

2008/8/6(水) 午後 5:36 [ 夕子 ]

顔アイコン

こんにちは。みんなに感謝されるこのお寺、素晴らしいですね。
これからもお世話になります。

2008/9/14(日) 午前 9:41 ゆづ

ご訪問&コメントありがとうございます!
初心者なので色々分からないことが多すぎて‥‥^^;
これから参考にさせていただきます。

2008/9/20(土) 午後 4:14 [ - ]

この記事!
凄く参考になりました!

ありがとうございました。

2009/4/22(水) 午前 1:28 Koyuki tubaki

顔アイコン

先日はコメントありがとうございました。

写真が大きすぎて困っていました。
早速、参考にさせていただきます。

2009/10/8(木) 午前 1:01 [ - ]


.
tkakt
tkakt
男性 / 非公開
人気度
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!ブログにアクセス!

スマートフォン版Yahoo!ブログにアクセス!

過去の記事一覧

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

もっと見る

[PR]お得情報

いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント
ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!

その他のキャンペーン


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

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

みんなの更新記事