みんカラブログを充実させる会（第１回）

オイラのあらびきなブログを見てくれている皆さん。
いつもどうもありがとうございます。m(_ _)m
皆さんのメッセージ、コメント、足跡なんかが、
ものぐさなオイラをつなぎ止めてくれているといっても過言ではございません。
今年も１年が終わろうとしている訳ですし、ここで何か恩返し出来ることはないか？

そういえば「どうやって作っているの？」なんて聞かれる事が多いんですが、
別に隠す事じゃないし、このへんの情報を公開してみようかな？

というわけで、みんカラ純正の機能だけでは作り出せない、
ブログに「ピリッとひと味加えるスパイス」を公開していこうかと思ってます。
（とは言っても、ボリュームはたいしたこと無いんで、おそらく２～３回で終わってしまうと思いますが…。）

---

さて記念すべき第１回は「ブログへの画像の貼り付け」について。

毎度見てくれている皆さんはご存じかと思いますが、
オイラのブログは写真が山ほど貼ってあります。（重くて申し訳ない…）
写真の数が多くなると雑然とした感じになりがちですが、
並べ方を工夫すると「あら不思議」。結構見栄えが良くなるんですね～♪
今回はこの辺のネタを公開しちゃいます。

ただ貼るだけなら、ブログ記入画面の「画像ボタン」を押して
画像のURLをコピペすれば簡単に貼り付けることができるんですが、
この方法だと、元の画像が原寸のまま表示されるので、
あらかじめ素材を加工しておく必要があるんですね…。コレはいささか面倒くさい。
そこで今回は、表示サイズを強制的に指定するタグをご紹介。

まずは素材画像はこちら。↓JPEG Image 480pixel x 360pixel 96dpi 24bits color

【貼り付けに使用したタグ】
<img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0'>

コレは「画像ボタン」を押して、出てきたダイアログにURLを貼っただけ。
今回の素材は運良く画面からはみ出さなかったですね…。
それじゃあ、これがハミったっと仮定して縮小してみましょう。
やり方は簡単。先ほどのタグの最後に「width=表示させたい横幅の数値」を記入するだけ。


【貼り付けに使用したタグ】
<img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0' width=240>

先ほどの画像の横幅が480pixelだったので、半分の240pixelにしてみました。
ちなみに今回の「width」のみ指定する方法は、元画像のアスペクト比（縦横の比率）
にあわせて縦幅が決定されるので、画像が崩れません。

あと、「width（横幅）」とは別に、「height（縦幅）」の指定もできます。
個別に大きさを指定することで、アスペクト比を変更するような拡大縮小にも対応できます。


【貼り付けに使用したタグ】
<img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0' width=360 height=120>


【貼り付けに使用したタグ】
<img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0' width=120 height=240>

まあ、こんな無茶な変形は実際使われないないでしょうけど、
文字スペースとの兼ね合いで微調整したい時なんかは結構使えたりしますよ。

ちなみにオイラがよく使うのが、幅170ピクセルの画像を横に３つ並べる配置。
ポイントは画像のタグ同士を改行せずに半角ペースでつなぐどころ。


【貼り付けに使用したタグ】
<img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0' width=170> <img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0' width=170> <img src='https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/1193989/p7.jpg' border='0' width=170>

編集画面上ではちょっと不格好ですが、できあがりはイイ感じでしょ？
ちなみに改行ありだと、縦に並びますのでご注意を～（´Д`;）

と、こんな感じで簡単なことしかやってません。
みんカラブログは「１記事に対して１枚の写真」しか貼れませんから、
「あと１，２枚写真があるとイイ感じにレポがまとまるのに…」という状況の時に
知っていると助かる機能ですね。（画像はフォトギャラリーになんぼでもアップできますし♪）

※注意事項
今回の方法は、元画像を縮小して表示しているだけなので、
伝送されるデータ量は大きい画像の時と変わりません。
（一般的なWebでは、縮小版の画像はサムネイル用として別に小さな画像を持っています）
ですから、調子に乗ってたくさん貼りすぎるとページが重くなります。
ご利用は計画的に～。(^-^)v