WEB製作者の方でわかる方教えてください。

cssのbackgorundで4つの画像を使って角丸四角形の背景画像を作ることがよく雑誌等に載っているのですが(IEは使えない。すいません、よく表現できません。)、何のメリットがあるのですか?イラレ等のグラフィックソフトでそのまま角丸四角形を作ればいいと思うのですが?きっと何か理由があるのだと思います。どなたか教えてください。

回答の条件
  • 1人2回まで
  • 登録:2007/09/27 20:59:55
  • 終了:2007/10/04 21:01:23

回答(5件)

id:kyosh No.1

kyosh回答回数143ベストアンサー獲得回数52007/09/27 21:19:18

ポイント20pt

tableタグを使うやつですよね?

例)

http://allabout.co.jp/internet/hpcreate/closeup/CU20010608A/inde...

1.長さを可変にできる

2.4つの角のimageファイルだけなので軽い

3.カスタマイズがラク(1つの角を作ればOK)

といったところでしょうか。

見当違いだったらすみませんっ。

id:yohsinn

ありがとうございます。そうです。そのことです。

2007/09/27 22:19:28
id:naokn No.2

naokn回答回数43ベストアンサー獲得回数32007/09/27 21:30:25

ポイント20pt

そうすることで、文字数が増えたり、PHPやPerlで動的にコンテンツを生成するときに、文字数にあわせて自動的に横長の角丸四角形になったり、縦長の各丸四角形になって便利だからです。

ひとつひとつ文字数を数えて、それがはみださないように、イラレで各丸四角形をつくるのは途方もないことです。

id:yohsinn

なるほど。ありがとうございます。

2007/09/27 22:21:00
id:wizemperor No.3

wizemperor回答回数379ベストアンサー獲得回数522007/09/27 22:05:29

ポイント20pt

角を分割することによって、フレキシブルな角丸四角形になります。

1つの画像で作ろうとすると…

 ・コンテンツ(文字)の量が変わったら使えない

 ・文字の大きさが変わったら使えない

 ・見る人の環境や設定によって、文字のサイズは違うので使えない

 ・角丸四角形のデザインがいくつかあったら、1つづつ画像を作る必要がある(=画像ファイルも増える)

                           等々

というデメリットがあります。


画像を分割することによって(作り方にもよりますが)、2~5つの画像だけでサイト全体で使い回しができ、さらにはフレキシブルなデザインになります。

id:yohsinn

ありがとうございます。

2007/09/27 22:21:53
id:wen000 No.4

wen000回答回数134ベストアンサー獲得回数82007/09/27 22:13:05

ポイント20pt

つまりわざわざ切り分けることに意味はあるのか、ということですよね?

フォントサイズを大きくした場合など、一枚の画像だとはみだしてしまう場合があるからだと思います。

切り分けてCSSで組み合わせると高さが自動になりますので、

そのような場合にも自動的に広がってくれます。

id:yohsinn

ありがとうございます。

2007/09/27 22:22:27
id:cross-xross No.5

cross-xross回答回数37ベストアンサー獲得回数32007/09/27 22:13:47

ポイント20pt

角の部分だけが丸いパーツを使うことで、同じパーツで様々な大きさのボックスを作るのに流用出来ます。

ボックス1つを表示させるために画像を1つ容易していたのでは、まず画像を作るのが手間ですし、1ページあたりのデータ量が増えてユーザビリティにも問題が出てくると思います。

表示されたものを見るなら一緒ですが、効率的かつ軽快なページ表示やパーツの再利用、ユーザビリティを考えると私は角丸画像4つで作るボックスは十分メリットがあると考えます。

id:yohsinn

ありがとうございます。

2007/09/27 22:23:18

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません