• 締切済み

背景が透明な画像をwebサイトに貼り付けたい

Photoshopでpng形式、gif形式どちらでも背景を透明にしたのですが、いざ制作中のwebサイトに貼り付けると、不要な背景部分がグレーとなって表示されてしまいます。wordpressでサイトを構築中です。 どなたか、考えられそうな原因をご存知の方がいらっしゃいましたらどうかよろしくお願いいたします。

  • CSS
  • 回答数2
  • ありがとう数7

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

その画像が本当に透過になっているか、 完成した画像ファイルをPhotoshopで開くと目視で確認できます。 1、 古いパソコンで、例えばIE6などでは透過pngの透過部分がグレーになる。 2、 画像の後ろ部分になる背景自体がグレーなら、当然ですが透過部分がグレーになる。

  • nana_coco
  • ベストアンサー率66% (56/84)
回答No.1

CSSのimgのバックグラウンドにグレーの色指定がありませんか?

関連するQ&A

  • 画像の背景色とHTMLファイルの背景色

    私がWebページを制作している環境は下記のようになっています。 OSはWindowsXP。 モニターは液晶モニター。 DreamWeaver3でWebページを制作。 FlashMX、FireworksMXを使って、ムービーコンテンツ、画像を作成。 Fireworksで制作した画像をPhotoshop7でJPG形式に変換。(最高画質・低圧縮率で変換) 【ここからが質問です】 DreamWeaverで設定したHTMLファイルの背景色&Flashコンテンツの背景色と PhotoshopでJPGに変換した画像の背景色を 同じカラーコードにしても、 ウィンドウズのプロパティで画面の色を16ビットにすると Webブラウザ上で違った色に見えてしまいます。 (32ビットだと大丈夫) Fierworksで制作したPNG形式の画像をUPすると 色の違いが無くなるのですが JPG形式に変換した画像だとダメです。 このブラウザ上での色の見え方の違いを解決することは出来ないのでしょうか? 仕方のないことなのでしょうか? お分かりになる方、教えてくださると助かります。 よろしくお願いします。

  • JPGやPNGの画像の背景を透明にするには?

    オリジナルTシャツを作ろうと思い、AzPainterというフリーソフトを使ってデザインを作っています。 デザインをアップロードする(jpg.png形式で)時に背景を透過させて表示したいのですが、どう設定すれば背景を透過させられるのかわかりません。 色々調べてみてgif形式だと透過させることが出来るようなソフトがあるようですがgif形式だとアップロードできません。 AzPainterで背景を透過するにはどうすれば良いのでしょうか?

  • photoshop cs3で web用の半透明画像を作りたい

    web用の半透明画像を作りたいのですが、方法がわかりません。 具体的には、ただの塗りつぶした薄いグレーの長方形(少しテクスチャーを加えてあります)が半透明になってくれればよいのですが・・・。それをボックスの背景画像に使って、その下の背景が透けて見えるようにしたいのです。 しかし、透明度を半分にしてから「web用に保存」で保存しようとすると、gifでもpngでも透明にならないか、あるいはテクスチャーが非常に粗くつぶつぶ状になってしまいます。 方法をご存知の方、ぜひ教えてください! よろしくお願いします。

  • gif画像でたまに背景がグレーになってしまいます。

    はじめまして。 現在、ホームページの画像を作成しています。 photoshopで作成しているのですが、「web用に保存」でgifでしたところ、背景に色がついてしまうときがあります。 ちなみに、背景に色がついてしまうときはかなり小さい範囲の背景を残した時です。 たとえば、四角の枠に画面いっぱいの角丸長方形を作成したときの角の部分などです・・・ これはphotoshop側の問題なのでしょうか? それともWEB表示上の問題なのでしょうか? また、1px単位の境界線を引いた時もカーブがかかっているとかなりギザギザに表示されるときとされないときがあります。 同じレイヤースタイルのものを文字だけ変えて画像にしたときなどにも起こるのですが、これも原因不明で困っています。 どなたか原因と解決方法に心当たりのあるかたはどうかよろしくお願致します。

  • GIF、JPEG、PNGの背景、画像サイト

    GIF、JPEG、PNGの背景や画像を配布しているサイトさんを探しています。楽天でHPを作っているのですが、GIF、JPEG、PNGの画像しか取り入れられないんです。どなたか教えていただけないでしょうか。よろしくお願いします。

  • Photoshop Webサイトの背景

    Photoshop cs6で、今作成中のWebサイトの背景にしようとしている画像が完成しました。 それをWebサイトの背景として設定するにはどうすればいいですか? HTML5です。

    • ベストアンサー
    • HTML
  • WEBサイトの背景に画像を付けたい

     今晩は、HTML初心者です、宜しくお願いします。  WEBサイトの背景に画像を付けたいのですが、そのサイトにテキストボックスとかがあると、背景 画像を付けることは出来ないのでしょうか。  何故かうまく表示されません、出来るとすれば何か、特別なやり方(HTMLの書き方)があるので しょうか。  宜しくお願いします。

    • ベストアンサー
    • HTML
  • iMovie pngの画像の透明部分が真っ黒になる

    iMovieのpngの画像の読み込み方についての質問です。 iMovieにPhotoshopで背景を透明にした画像を読み込みたいと思い、 pngで保存し読み込んだところ、透明にした部分が真っ黒になって表示されました。 pngの画像は、Photoshopで「Web用およびデバイス用に保存」でPNG-24、透明部分にチェックを入れて保存しました。 どのような方法で保存すれば、背景が真っ黒にならずに画像を読み込むことができるのでしょうか? iMovieは10.0.3、PhotoshopはCS5を使用しています。 よろしくお願い致します。

    • 締切済み
    • Mac
  • 画像透過について

    透過した写真の画像をpngファイルで保存したのですが、ウェブにアップするとグレーっぽい色の背景がついてしまいます。gifファイルで保存する以外はウェブでは背景がついてしまうのでしょうか?

  • 画像の背景を透明にしたい

    HTMLで<img src=>を使ってロゴ画像を貼り付けました その後背景の画像をSSCで書いたのですが ロゴの本来透明な部分が透明になりません よくわからなかったので、フォーマットはPNGとGIFで試しましたがだめでした JPGは背景を透明にはできなかったですよね? そもそも背景を透明のまま保つことは不可能なのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう