透過したファビコンを作る



他のウェブページなどを見てみると四角くないファビコンが多々見られます。これは画像の使われていない周りの空白部分を透過してアイコンを作成しているのです。

簡単にいうと周りを透明にしたいんですね。四角が似合わないファビコンを考えているなら必要となってきます。

試しに透過したファビコンを作成してみました。作成にはフリーソフトのGIMPを使用しました。GIMPは無料で画像の処理や加工ができるのですが、使いこなせれば有料のソフト並みの機能を使えるそうです。

GIMP

GIMPから作成したファイルを開きます。ツールボックスの右上あたりにあるファジー選択を選び透過させたい所をクリックすると、選択した所で枠が作られます。

 

透過ファビ2

 

ファジー選択をした枠内で右クリックをし、編集→消去とすると下のようなグレー色になります。これで透過が完了です。.png形式での保存でもいいですが、GIMPだとそのまま.icoでの保存も可能です。

 

透過ファビ1

 

あとはファビコン作成と同じ方法でファビコンを表示させると、下のような透過のファビコンを作ることができます。

オリジナルのファビコンを作る

 

透過ファビ