PNGで保存しても透過できない?
- IE6.0でPNG画像を透過で保存しても水色の枠が生じる問題が発生しています。
- GIF画像での保存はうまくいくようですが、PNGでは透過がうまくいかないようです。
- Windows版のIEではパレットが必要でないと透過ができないが、Netscape6以上では問題なく透過するようです。初心者のため、解決方法がわかりません。お知恵を拝借できれば幸いです。
- ベストアンサー
PNGで保存しても透過できない。。
IE6.0です。PNG-24で透明部分にチェックをいれ、保存しているのですが、どうしても水色の枠が生じます。。 ちなみにGIFで登録するとうまくゆきます。 以前の質問を検索し、No.757662の質問:pngが透明化できない?>win で、回答として ・透過pngにもいろいろあるようですが Windows版のIEの場合 http://www5.plala.or.jp/shinspsy/freesoft/pngedter.htm ではパレット(だったかな?)でないと透過しないみたいです。Netscape6以上なら問題なく透過するようです。 とあり、質問者の方も納得されていましたが、初心者の私には理解することができませんでした;すいませんがどなたかどうすればよいか教えてください。 ちなみに透明の背景の上に切り取った画像を貼り付けてつくりました。
- kana01068
- お礼率48% (128/262)
- グラフィックソフト
- 回答数1
- ありがとう数3
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
PNG-24 の透過はそんなもんですよ。 参考URLそのままですが > 注:レイヤー表示機能をもたないブラウザでは、 > 正しく表示されません。 完全な透過画像にする為には PNG-8 にする必要があ ります。 Photoshopで作成される場合は[インデックスカラー] に設定して下さい。
関連するQ&A
- IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?
IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか? IE6でpngの透過画像を表示させると、透過になっていませんでした。 FireFoxやサファリは透過になります。 仕方がないので、画像をgifの透過にしましたが、 このようにブラウザによって、gif, jpeg, pngの仕様は異なりますか? もうIE6は見捨てたくなります。
- ベストアンサー
- CSS
- PNGの透過について
こんにちは。PNGの透過をしたのですが、透過部分が灰色になってしまい上手く表示されません。 ちなみにブラウザはIE5.0です。 PNGの透過はどのブラウザに対応しているのですか? 教えて下さい。
- ベストアンサー
- その他(インターネット・Webサービス)
- 透過pngとie6について
ウェブの職業訓練に通っております。 現在課題製作中で、透過pngもしくはcssのアルファ?記述で画像を透明にしようと思っています。 色々調べて、透過pngにさらに opacity:0.7; filter: alpha(opacity=70); /* ie lt 8 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ -moz-opacity:0.7; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ zoom:1; というcss記述を加えてあります。 また、unitpngfix.jsへのリンクも貼りました。 自分のパソコン(mac,safari)ではどちらもきいていて、透過pngの画像がさらに薄く表示されています。 彼のパソコン(win,IE6.6)で見たところ、どちらかがきいていません。 が、透過はされています。(不透明にはなっていないです。) 結果的には、どっちかがきけばOKなのですが、 この状態で大丈夫でしょうか?全てのブラウザに対応出来ますか? よろしくお願い致します。
- 締切済み
- CSS
- IE6のPNG透過
こんばんは どなたかわかりましたら押してください。 現在pngの透過をIE6で見れるよう試行錯誤してるのですが、 どうも上手くいきません。 只今こんな感じです。 以下CSS==================== #navi_layer { width: 100%; height: 50px; margin: 0px 0px 10px 0px; padding: 0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対パス指定.png',sizingMethod='crop'); background-image: url(絶対パス指定.png); background-repeat: repeat-x; } 以上CSS==================== このnavi_layerの背景を透過させて、 その上にイメージを載せようと思っています。 現段階では透過テストだけしているので、 イメージはまだ載せていません。 その状態で透けてくれない状態です。 使用している保存形態はPNG-24です。 IE7やFirefoxでは透過を確認できています。 なのでいけるかと思ったんですが… どなたか教えてください>< 宜しくお願いします。
- ベストアンサー
- HTML
- 透過PNGをIE6へ、かつYoutubeの動画
IE6で透過PNGを使わなければならず、alphafilter.jsにしようかと思っていました。 http://blog.webcreativepark.net/2007/02/01-233315.html しかしこのjsを読み込むとYoutubeの動画を貼り付けた時に、IE6でページ内にあるリンク(テキストリンク)をクリックできないという状況に陥りました。透過PNGは<img>タグで、及びCSSの背景で使用しています。 何か良い対策がありましたら教えていただけますでしょうか。
- ベストアンサー
- JavaScript
- テーブル背景のpng画像を透過したい
テーブルの背景に透過部分を含んだpng画像を設定して、その上に文字を載せたいと考えています。簡略化した現在のタグは以下です。 <table> <tr> <td background="(png画像URL)"> ここに文字 </td> </tr> </table> 通常だとこれで良いのですが、このpng画像は透過部分を含んでいます。(ちなみにpng-24です) WindowsのIE7.0だと正常に透過されるのですが、IE6.0や他のブラウザですと透過部分が青白く浮かび上がってしまいます。 私はIE6.0でも透過されるように表示させたいのです。 欲を言うと、MacのSafariでも透過させたいです。 一方、テーブルの背景に設定していない、普通の画像ですと<img src="">タグを使っているのでCSSを利用して、 <スタイルシート指定部分> .ail { filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)"); width: expression(this.firstChild.clientWidth+"px"); height: expression(this.firstChild.clientHeight+"px"); } .ail img { visibility: expression("hidden"); } </スタイルシート指定部分> <画像部分> <span class="ail"> <img src="(png画像URL)"> </span> </画像部分> で透過しているのですが、テーブルの背景に指定した画像では、このタグは使えません。 他にも色々な方法を検索したのですが有効なものが見つからず、、、 そもそも、テーブルの背景に指定したpng画像は透過できないものなんでしょうか…?というところまで考えてしまいます。 もし方法があれば教えて欲しいですが、HTMLで実現不可能な範囲なのならばそれも指摘して欲しいです。 この部分だけクリアできれば、Webサイトも完成します。 切実に宜しくお願いします。
- 締切済み
- HTML
- photoshopでのPNG(4bit)での保存
photoshopでのPNG(4bit-16色)での 保存方法をご存知の方がおられましたら 教えて下さい。 【web用に保存】からPNG形式で保存 しようとしたのですが、 PNG-8(8bit) PNG-24(24bit) しか選択肢がなく、どうしても 16色↓のパレットに (黒等の)余計な色が入ってしまいます。 (容量も元データのgifよりかなり大きくなる) もしくは他のソフトでPNG-4bit-透過色選択可で バッチ処理のあるフリーソフトを ご存知でしたら教えて下さい どなたか宜しくお願いします
- 締切済み
- グラフィックソフト
- 透過して画像を背景に貼り付ける方法
背景に写真を切り抜いた画像を貼り付けてHPにUPしたいと思っていますが、自分で色々やってみましたが出来ません。 jpgの背景画像にjpgの写真(綺麗に形を切り抜いた物)を合成はできるのですが、 切り抜いた画像の周りを透過させて、別の背景に貼り付けて、合成したいのです。 透過させると、gifかpngで保存ですよね。でその画像を背景と合成させるのができません。背景にそれを貼り付け、コピーなどすると、透過できなくて、画像の周りに四角く枠ができます。画像編集ソフトで、gifが読み込めません。でpngに変更して、保存すると透過出来なくて! 困っています。最初から素材でpng透過してある物も、出来ません。ソフトはwinxpに標準でついているもの(フォトレタッチとビルダーv6.5ライト)意外はIrfan とPict Bear(ペイントソフト)のようなものしかありません。 あまり、画像処理ソフトの使い方が分からずにいます 上記のフリーソフトも使いこなせずにいる、初心者です。 良い方法があったら教えてください 市販のソフトでないと、このような事は出来ないのですか。 どうぞ宜しくお願いいたします 説明が分かりづらくてすいません
- 締切済み
- Windows XP
- 透過PNGが透過されない!!
こんにちわ。 photoshopで半透明の画像を作り、 PNG(PNG-24)で保存しました。 それを自分のブログのサイドバーの背景にしたところ、 Macでは半透明で表示されたのに(プラウザはIE) Winでは半透明で表示されませんでした(ブラウザはIE) 保存の仕方に問題があるのか、 タグに問題があるのか、、、ちなみにスタイルシートには↓↓ background : url("画像のURL") top left repeat; と 入力しました。 どなたかアドバイスお願いします!!
- 締切済み
- HTML
- IE6以前のバージョンでの透過png表示について
こんにちは。 いくつか同じような質問が出ていますし、IE6以前は透過pngを読まない形式になっていることは知っています。 そしていくつか表示させる方法も掲載されているのを見てはいるのですが、 私の希望に合ったものが探せず困っています。 私自身の環境はMacで、透過は読み込みます。またWindows機も所有していますが、XP proでIEではなくFireFoxを規定のブラウザにしており、透過は問題ありません。 私が持っているブログにて、自作の小さな大小数個の画像(背景透過・本体70%透過)がランダムに上から降ってくるようなjavascriptを組んでいます。 たまたまWindows2000のIE6で見てみたら、透過したはずの画像が全部枠付き、透過無しで、とてもダサくて。 もちろん画像はうっとうしく、記事の文字も相当読みにくい状態でびっくりしてしまいました。 これを解消する方法があれば教えていただきたいのです。 お伝えすることとすれば、 1.表示したいのはレンタルブログ上。(jsファイル等をアップロードってできるのかどうか不明) 2.javascriptで読み込む画像データ(それぞれに大きさ属性指定できない) そんなもの消してしまえばいいじゃん、の一言も有りなのですが、対処法を知っておきたいと思いまして。 簡単なHTMLはわかるレベルです。 宜しくお願い致します。
- ベストアンサー
- HTML
お礼
png-8でやってみたらうまくいきました! ありがとうございました☆☆☆