・画像を原寸で貼り付ける
・左右や真ん中など、画像を貼り付ける位置をコントロールする
どちらも、「画像フォルダ」から画像を呼び出す際に指定することで、簡単にできます。
使う機能が違うだけで、画面はほとんど一緒なので、順番に説明していこうと思います。
- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -
1.ブログの編集画面の「画像」ボタンを押して、画像フォルダを呼び出します
前回の手順1~3を見て、画像フォルダに貼り付けたい画像をアップロードしておいてください。
![アメブロスキン制作サービス@エレファント-画像説明用2-1](https://stat.ameba.jp/user_images/20100630/16/amebaskin/fb/bd/p/o0502009510616719221.png?caw=800)
2.貼りたい画像を選ぶ際、「画像の設定」項目で、サイズを指定します
「オリジナルで表示」にチェックを入れてください。デフォルトは「縮小して表示」になっています。
![アメブロスキン制作サービス@エレファント-画像説明用2-2](https://stat.ameba.jp/user_images/20100630/17/amebaskin/2d/92/p/o0502041310616733955.png?caw=800)
3.原寸と縮小表示の違いを見てみましょう
上が原寸サイズで貼り付け、下がアメブロの自動縮小機能を使ったものになります。
![アメブロスキン制作サービス@エレファント-画像説明用2-3](https://stat.ameba.jp/user_images/20100630/17/amebaskin/77/ae/p/o0502056110616753731.png?caw=800)
4.画像の位置を指定して貼り付けてみましょう
画像を貼り付ける際、「左寄せ」「右寄せ」「中央寄せ」の3パターンを指定します。これは、上で解説したサイズの指定と一緒に指定することも可能です。
(原寸大の画像にして、真ん中に配置、なども指定できます)
![アメブロスキン制作サービス@エレファント-画像説明用2-4](https://stat.ameba.jp/user_images/20100630/17/amebaskin/e5/df/p/o0502014410616778498.png?caw=800)
5.位置を指定した画像を見てみましょう
「指定しない」「中央に配置」「左に配置」「右に配置」それぞれをひとつの画像にまとめてみました。
![アメブロスキン制作サービス@エレファント-画像説明用2-5](https://stat.ameba.jp/user_images/20100630/18/amebaskin/8c/c7/p/o0502058610616806344.png?caw=800)
ここでは特に、「位置を指定しない」と、「左に配置」の違いについて気を付けてみてください。
![アメブロスキン制作サービス@エレファント-コーラと砂糖](https://stat.ameba.jp/user_images/20100630/16/amebaskin/1d/a9/j/t02200165_0400030010616723053.jpg?caw=800)
この画像は、「身近なお菓子や飲み物にどれだけ
砂糖が入っているか」を説明するサイトから
借りてきました。
これは「左に配置」しているので、
こうやって横にテキストで説明を入れることが
できます。
画像に対応した一番下の行までテキストを書いて、そのまま改行を入れずに続けていくと、自動的にテキストの開始位置が変わります。
- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -
画像のリサイズについては、次回(その3)にて解説しています。