透過gif
このサイトの画像は 透過gif という形式で作成しています。
透過gifといっても特別なものではありません。Webページに使われているアイコンやリストマークなど比較的小さな 画像は透過処理がされていることが多いです。
画像はもともと矩形（長方形や正方形）ですので●や▲を描いていても画像そのものは矩形なわけですね。 どんな背景に配置してもその形が維持されるようにするには ●の余分な部分、▲の余分な部分を透明にすることで可能となるのです。
上の鉛筆を例にすれば、削った斜め部分が透過色になっています。

透過色 について



アンチエイリアス
ただし、気をつけなければならないのはアンチエイリアス処理です。
アンチエイリアス処理は、背景色と融合させて輪郭をなめらかに見せるようにする手法なのですが、 たとえば「真っ白な背景に融合させて作った画像」を「真っ黒な背景に配置」すると輪郭が白く浮き出てしまう。 つまり、輪郭をなめらかにしたい場合は「配置する背景色を想定してアンチエイリアス処理をする必要」があるのです。

こんなややこしいのがイヤならアンチエイリアス処理をしなけらばいいのですが、輪郭のなめらかさは期待できません。 どっちをとるかですが、画質にこだわるなら少し面倒でも輪郭をきれいにしたいものです。

アンチエイリアス について

グラフィックツールをダウンロード して使ってみよう