WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:IEでのPNGの表示について

0:[投稿] おまぁ〜 [MAIL] [URL] [2005/03/18 22:47 ][環境:Windows xp , IE6.0 Fedora Core 2 , firefox]

URLを見て頂ければわかると思うのですが、背景色と、背景画像&トップ画像の背景色は、それぞれ両方とも#E0E0E0に設定してあります。しかし、IEでみると、それぞれが異なった色に見えます。FireFoxで見ると同じに見えるのですが・・・。
画像の形式はどちらもpngです。IEのバグですか?それとも何か対策方法がありますか?回答よろしくおねがいします。


1:[回答] 敬 [MAIL] [URL] [2005/03/19 11:56 ]

同じ画像をgifにすると色化けが起こりませんね。何が原因なのか,よくわかりません。

一般的な色化け対策として,画像の背景部分を透過しておくというテクニックが知られています。


2:[回答] naka@sukiero [2005/03/19 15:06 ]

.png の透過にIE が対応していないだけです。
対応していないために透過部分はグレー色で表示されます。
.gif の透過に変更するか、ページ背景色が決まっているのなら
.png で透過では無く背景色をあわせた画像にすれば良いです。


3:[回答] naka@sukiero [2005/03/19 15:14 ]

ごめんなさい。
透過処理されていない画像でしたね。(T_T)
FireFox と比べてみると、画像の背景色は同じで
ページの背景色が違うように見えます。


4:[回答] andi [URL] [2005/03/19 15:25 ]

PNGじゃないし、リンク先はウェブセーフカラーだけを例にあげていますが、昔からあったこの問題と同じ現象でしょうか。
http://hotwired.goo.ne.jp/webmonkey/2000/39/index2a.html


5:[質問] おまぁ〜 [2005/03/20 08:06 ]

みなさん回答ありがとうございます。
>>3
な、なんだってー(AA略

ただいまいろんな色で試しております。
このHPに載っている256色を使っても駄目でした。

画像はペイントで作ってます。ペイント自体に問題があるのでしょうか?
まぁおそらくIEだと思いますけど。

個人的には、薄い灰色を使いたいんです。
つまり、rとgとbの値がすべて同じで、数字を大きくしたいわけです。
E0あたりが一番よかったんですが、だめですねぇ。そもそもpngだめなのかなぁ。

ただ、GIFにすると、背景画像(左下のフラスコとかがあるやつ)の色にGIFが対応できるかっていう問題があるんです。
GIFは対応できる色の数が少ないですよね?


6:[回答] 敬 [MAIL] [URL] [2005/03/20 09:42 ]

>GIFは対応できる色の数が少ないですよね?

最大256色です。この程度の単純な図であれば,あまり気にする必要はないでしょう。PNGでも同じことです。16色もあれば足りるのでは?

back_top.pngの背景部分を透過処理したところ,IE6でも色化けを起こさずに表示できることを確認しました。なお,透過処理には以下のサイトで配布されているPJConvを用いました。

http://riy.cot.jp/


7:[質問] おまぁ〜 [2005/03/21 17:53 ]

>>6
ごめんなさい、PJConvでの透過の仕方がわかりませんorz
デフォルトが「透過なし」のリストから透過色を選択して保存するだけではだめですか?

gifの256ですが、現在のURLに載っているback_top.pngの色をそのまま使いたいのです。back_top.pngに使っている色がgifで表せるか、が問題です。


8:[回答] 敬 [MAIL] [URL] [2005/03/21 23:57 ]

>デフォルトが「透過なし」のリストから透過色を選択して保存するだけではだめですか?

マニュアルを読みつつ試行錯誤してみてください。実際にはうまく処理できているのに,確認の仕方が悪いということもあります。「教育的配慮」からは好ましくありませんが(苦笑),透過処理済みのものを以下に置いておきます。

http://www5d.biglobe.ne.jp/~quia/back_top.png

>back_top.pngに使っている色がgifで表せるか、が問題です。

表せます。ただ,Windows付属のペイントでは困難です。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World