ロゴなどの画像ファイル内の余白に背景を表示させる方法

Question

HTMLやCSSにおいて
私が持っている画像ファイルをweb制作のロゴとして使用したいのですが、ロゴの背景には他の画像データを用いようと考えています。

しかし、ロゴとして使用する画像はロゴの周りに白い余白がありますがその白の余白部分も背景で使用した色で表示したいです。

例としては、上のようなロゴの
画像を背景が黄緑のところに
配置したときの白の部分もすべて黄緑の背景にするようなHTMLやCSSのコードの書き方を知りたいです。

よろしくお願いします。

Answer 1

画像編集ソフトで周辺の白い部分を透明（透過度１００％）にしてpngやgifで保存すれば可能ですが、ロゴの権利者（提供者）がそういった改変や表示上の変更を許可されているか確認したほうが良いと思います。
追記：HTMLやCSSだけでは対処できないように思えます。

Comments

[1mzmk]

ご回答ありがとうございます。
そういうことなのですね。
画像編集ソフトを用いて試してみます。
ありがとうございました。