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

Question

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

canaanium · Accepted Answer

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

sankanbi · Answer

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

918BG · Answer

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

canaanium · Answer

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

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

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

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

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

この回答への補足

こんにちは。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

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