背景が透明なGIF画像をページになじませたい

画像を作成した際、どんな背景であってもなじむように、画像の背景を透明化するということがあると思います。

これを通常手順でやると、透明化しても絵のふちが白っぽくギザギザしてしまいます。
この画像を置くページの背景が白であったら何も問題ありませんが、例えばページにパターンのある背景やグラデーションのある背景が敷かれていた場合。

縁取りがついてしまいます。
というわけで、そんな時の画像処理方法です。

こんな時はPhotoshopの便利機能「マット」を使用します。
背景を透明化した画像をファイル→web用に保存で、GIFにします。
そして「マット」。

この「マット」に指定した色で画像を縁取ってくれます。つまり、前の画像での白い縁取りがここの指定色になるんです。
縁取る色は、事前にカラーコード取得しておくと楽です。
今回は背景のオレンジを取得。

そうすると、このように画像がページになじみました。