平凡を嫌う男の平凡な毎日と、じゃんぐる公園の攻略法

2008年02月05日

画像と文字をさらに見やすく

最近馬鹿らしい記事しかエントリーしてなかったので、ここらでちょっと本来の活動に軌道修正w

数度に渡ってお送りしてきた画像投稿シリーズも、いよいよ応用編に突入します。
初心者の方は、是非始めのほうから、ご覧下さい。

参照:画像の投稿カテゴリー



まずはこちらをご覧下さい。

例1)
この写真は大分市金なべ亭のチキン南蛮です。本当に美味しいんですよね~♪

例2)
この写真は大分市金なべ亭のチキン南蛮です。本当に美味しいんですよね~♪



例1と2のどちらが見やすいか、どちらが見る人に優しいか、一目瞭然ですよね?


例1では、普通に画像を登録し、その後に文字を入力しています。


例2では画像を左寄せで登録し、その後に文字を入力しています。


これは画像登録画面で簡単に操作することが出来ます。


このシリーズではもうお馴染みとなった、画像登録画面。
今回はこの赤い丸で囲んだ『回り込み』をいう項目に注目してください。(この画像はクリックで拡大できます)


回り込みには以下の四種類があります。




①なし


②左寄せ


③中央揃え


④右寄せ




上の例2で利用したのは②左寄せ。


この様に、回り込みを利用することで、より閲覧者に優しいブログにすることが可能です。


ただし、ブログの入力部分に比べて画像の横幅が大きい場合は、回りこみは逆効果となりますので、ご注意下さい。


たま~に見かける、こういうブログ。


例3)
これは豊後大野市朝地町にある、『道の駅 あさじ』です。美味しいソフトクリームもありますし、レストランも人気があるんですよ。


これが無理をして左寄せを利用している良くない例です。
こういう大きな画像の場合は、むしろ中央揃えの方が、無難なのです。



【まとめ】


・画像と文字を見やすく併用するために、『回り込み』という画像掲載方法がある。
・回り込みには四つの登録の方法がある。
・画像が大きい場合、無理に回り込ませるのは逆効果でもある。




※質問やご意見は、常時コメント欄やメールフォームで受け付けています。



タグ :画像左寄せ

この記事へのトラックバックURL

http://junkassei.junglekouen.com/t30951
この記事へのコメント
あーぁ、これをみて、学んだつもりなのに・・・やっちゃいました。
Posted by ちゃっぴぃ at 2008年02月09日 16:46