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

HTMLで<img src=>を使ってロゴ画像を貼り付けました
その後背景の画像をSSCで書いたのですが
ロゴの本来透明な部分が透明になりません

よくわからなかったので、フォーマットはPNGとGIFで試しましたがだめでした
JPGは背景を透明にはできなかったですよね？

そもそも背景を透明のまま保つことは不可能なのでしょうか？

No.3 ベストアンサー 回答者： canaanium 回答日時： 2005/01/18 18:10

こんにちは、再び失礼します。

GIMP
http://hp.vector.co.jp/authors/VA025935/

こちらのヘルプを見てみましたが、PNGもGIFも透明度に対応している、と書かれています。
（GIFはGIMPのバージョンによっては入っていないかもしれないと書かれていましたが）

というわけで、直接の回答でなくて申し訳ありませんが、お使いのソフトは透過処理に対応しているようです、と申しあげておきます。

レイヤーの統合とかは関係ないですよ。
完成した画像の背景が透明になっているかどうか、そしてそれを保存するときのやりかたが問題です。

保存するときに背景の透過、とか透明、とかそういった選択部分はありませんか？
または環境設定などで行うのかもしれませんが、具体的な方法についてはご存知のかたにぜひともお答えいただきたいところです。

この回答へのお礼

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

お礼日時：2005/01/19 23:34

No.4 回答者： sankanbi 回答日時： 2005/01/19 23:22

ロゴを作成したときの画像モードはRGBだったと思うのですが

透明ＰＮＧやＧＩＦは画像モードをインデックスにしなくてはなりません。
最終的に1枚のレイヤーに統合したものを
画像ウィンドウ右クリック→画像→モード→インデックスでインデックス化します。
インデックスは最高256色になりますが透明がある場合は255色と指定します。

この処理をされたでしょうか？

この回答へのお礼

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

お礼日時：2005/01/19 23:33

No.2 回答者： 918BG 回答日時： 2005/01/18 12:51

＞ そもそも背景を透明のまま保つことは不可能なのでしょうか？

可能です。ただし、いくつか条件があります。

まず、質問者さんご自身も言っていらっしゃいますが、JPEGは背景を透明にはできません。それに対してPNGとGIFは背景を透明に「することが可能」です。常に背景が透明になるとは限らない点に注意が必要かもしれません。

もう一つ注意すべき点として、画像を作成するアプリケーションソフトには、PNGやGIF画像の背景を透明にするための「機能を備えたものと、機能が備わっていないものの両方が存在する」という事があります。

極端な例としては、余白部分が透明なフリー素材をダウンロードして手に入れたのは良いけれど、一部分を自分が気に入ったように修正しようとして「機能が備わっていない画像ソフト」で修正を加え、それから保存し直したら、最初は透明だった余白部分が不透明になってしまったという場合もあります。

No.1の回答者さんが仰る通り、HTMLはこの場合関係無さそうです。問題の画像が、入手されたものか質問者さんご自身でお作りになったものかわかりませんが、解決のカギは画像作成に使ったソフトにありそうな気がいたします。

この回答への補足

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

補足日時：2005/01/18 15:25

この回答へのお礼

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

お礼日時：2005/01/19 23:35

No.1 回答者： canaanium 回答日時： 2005/01/18 11:40

こんにちは。

作成されたロゴは透過処理されていますか？
作成された画像自体が透過処理されていなければ意味がありませんので、HTMLは関係ありません。
背景透過された画像を普通の画像と同じように<img src=>で貼り付けるだけです。

なお、仰るとおりにGIFとPNGでは背景透過処理ができます。JPGはできません。

もし、よくわからないということでしたら、参考までにどんなソフトを使用してロゴを作成したのか明記していただくと、ユーザーの方が透過の仕方を教えてくださるかもしれません。