スペース用の画像を作りたい

スペース用に１＊１の透明な画像を作りたいんですが、どうすれば作れるでしょうか？
PicBearで透明な画像をJPGで作ったんですが、これを使っても貼ったところが白くなってしまって、背景が消えてしまいます。背景に影響が出ないようなスペースは作れませんか？

No.1 ベストアンサー 回答者： awasumi 回答日時： 2006/05/13 09:25

こちらに詳しい方法が載っています。

http://www.tagindex.com/hp_guide/img/spacer_gif. …
出来上がってるのがあるので、名前をつけて保存もできますよ♪

jpg画像は透過ができないので、透過した部分も白くなってしまうんですよ。
なので、作る時はgifにしましょう～。

参考URL：http://www.tagindex.com/hp_guide/img/spacer_gif. …

この回答へのお礼

さっそくの回答ありがとうございます。
なるほど・・・JPGはダメなんですね＞＜
GIFで画像を作ろうとしたんですが、フルカラーに対応してないとか文句言われて保存できませんでした＞＜
さっそく教えてくださったサイトを見てきます^^

お礼日時：2006/05/13 09:29

No.4 回答者： noname#19175 回答日時： 2006/05/13 22:36

> GIFで画像を作ろうとしたんですが、フルカラーに対応してないとか文句言われて保存できませんでした＞＜

あらかじめ２５６色（以下）に減色しておくと保存できることがあります。
スペース用の透明GIFは通常２色です。

代替テキストについては、
<img src="spacer.gif" alt="">
と指定すると、画像が表示されないときの代替テキストが表示されません。
また、CSS未対応ブラウザ（現在はほとんどのマルチメディアブラウザ（？）がCSS対応ですが）でもほぼ正確にレイアウトできると言う利点があります。
さらに、ブラウザのCSSの対応状況その他の理由により、CSSで代用できないことでも、
透明画像を使うことで実現することが可能になる場合があります。

ただしデメリットもあることは確かですし、推奨されていないと言うのも確かですので、
推奨される方法（主にCSS）が利用できるなら、CSSを使われることをおすすめします。

この回答へのお礼

メリット・デメリットを分かりやすく教えていただきありがとうございました＾＾
推奨される方法を早く実践できるように勉強します＾＾

お礼日時：2006/05/14 01:40

No.3 回答者： LLLuna 回答日時： 2006/05/13 16:28

2氏の仰ったとおり、スペースを作る目的での画像は使用するべきではありません。

位置を調整する目的でのスペース文字も同様です。
スペースを作る場合は、スタイルシートを使用してください。

個人的には、スペース用画像が何故必要なのか、わかりません。

No.2 回答者： pi8027 回答日時： 2006/05/13 13:42

画像を表示できない環境での表示がどのようになるか考えましょう。

HTMLに於ける画像の役割は、文字で示すより画像を使った方が良い場合の、其の文字の代わりです。
なので、画像を表示できない環境では、代替テキスト(alt属性)を表示します。
環境によっては、代替テキストが存在しない場合に、代替テキストを「画像」にするブラウザも存在します。
よって、このような手段は使うべきではありません。

この回答へのお礼

回答ありがとうございます。
今回初めてHPを作ることとなり、正直HTMLだけでも頭いっぱいなのです。。。＠＠；
CSSは一通りHPが完成してから勉強して質の高いHPを目指そうと思っています。。。＾＾；

お礼日時：2006/05/14 01:39