Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
  • ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • canaanium
  • ベストアンサー率47% (106/224)
回答No.3

こんにちは、再び失礼します。 GIMP http://hp.vector.co.jp/authors/VA025935/ こちらのヘルプを見てみましたが、PNGもGIFも透明度に対応している、と書かれています。 (GIFはGIMPのバージョンによっては入っていないかもしれないと書かれていましたが) というわけで、直接の回答でなくて申し訳ありませんが、お使いのソフトは透過処理に対応しているようです、と申しあげておきます。 レイヤーの統合とかは関係ないですよ。 完成した画像の背景が透明になっているかどうか、そしてそれを保存するときのやりかたが問題です。 保存するときに背景の透過、とか透明、とかそういった選択部分はありませんか? または環境設定などで行うのかもしれませんが、具体的な方法についてはご存知のかたにぜひともお答えいただきたいところです。

tisnora
質問者

お礼

ありがとうございます 方法がわかりました

すると、全ての回答が全文表示されます。

その他の回答 (3)

  • sankanbi
  • ベストアンサー率75% (3/4)
回答No.4

ロゴを作成したときの画像モードはRGBだったと思うのですが 透明PNGやGIFは画像モードをインデックスにしなくてはなりません。 最終的に1枚のレイヤーに統合したものを 画像ウィンドウ右クリック→画像→モード→インデックスでインデックス化します。 インデックスは最高256色になりますが透明がある場合は255色と指定します。 この処理をされたでしょうか?

tisnora
質問者

お礼

インデックスモードにするのですか。ありがとうございました。早速試してみたいと思います

すると、全ての回答が全文表示されます。
  • 918BG
  • ベストアンサー率48% (476/984)
回答No.2

> そもそも背景を透明のまま保つことは不可能なのでしょうか? 可能です。ただし、いくつか条件があります。 まず、質問者さんご自身も言っていらっしゃいますが、JPEGは背景を透明にはできません。それに対してPNGとGIFは背景を透明に「することが可能」です。常に背景が透明になるとは限らない点に注意が必要かもしれません。 もう一つ注意すべき点として、画像を作成するアプリケーションソフトには、PNGやGIF画像の背景を透明にするための「機能を備えたものと、機能が備わっていないものの両方が存在する」という事があります。 極端な例としては、余白部分が透明なフリー素材をダウンロードして手に入れたのは良いけれど、一部分を自分が気に入ったように修正しようとして「機能が備わっていない画像ソフト」で修正を加え、それから保存し直したら、最初は透明だった余白部分が不透明になってしまったという場合もあります。 No.1の回答者さんが仰る通り、HTMLはこの場合関係無さそうです。問題の画像が、入手されたものか質問者さんご自身でお作りになったものかわかりませんが、解決のカギは画像作成に使ったソフトにありそうな気がいたします。

tisnora
質問者

お礼

ありがとうございます できました

tisnora
質問者

補足

失礼ですがNO.1さんへの補足も兼ねます 使っている編集のソフトはGIMPです (ほかの話題のあるフリーソフトも入れていますが、ほとんどGIMPしか使っていません) 保存するときに注意してみてみると、レイヤーの統合をしますか?のようなメッセージがでました 無視、エクスポートを試しましたが、結果は同じです。  編集時には透明な背景も使えるので、保存するときに作業が必要なのかもしれません。  そのあたりのことを知っていたら教えてください。

すると、全ての回答が全文表示されます。
  • canaanium
  • ベストアンサー率47% (106/224)
回答No.1

こんにちは。 作成されたロゴは透過処理されていますか? 作成された画像自体が透過処理されていなければ意味がありませんので、HTMLは関係ありません。 背景透過された画像を普通の画像と同じように<img src=>で貼り付けるだけです。 なお、仰るとおりにGIFとPNGでは背景透過処理ができます。JPGはできません。 もし、よくわからないということでしたら、参考までにどんなソフトを使用してロゴを作成したのか明記していただくと、ユーザーの方が透過の仕方を教えてくださるかもしれません。

すると、全ての回答が全文表示されます。

関連するQ&A