1つのPNG画像から、ファビコン(favicon)を簡単に作る方法 【マルチアイコン】

X-Icon Editor

・X-Icon Editor

上記のサイトを使うと簡単に作成できるかと思います。

・PNGで透過にした部分は、そのまま透過になる
・大き目の画像PNGを１つ用意するだけで、マルチアイコンにしてくれる

という感じですね。

X-Icon Editorの使い方

「Import」ポタン-＞「Upload」ボタン-＞ファイル選択で、用意したPNGファイルをアップロードします。
アップロード後に、画像のトリミング（切り取り）ができるので、必要な個所をしてします。今回はファビコン用に作成したPNG画像なので、一部分（切り取り）でなくて、画像全体を指定します。


トリミングすると、こういう感じの画面になります。
画像の編集とか修正も可能です。

一番下の「Export」ボタンをクリックすると、「favicon.ico」というファイルがダウンロードできます。これがファビコンファイルです。


「Preview」ボタンをクリックすると、どういう感じで表示されるかを確認することもできます。

■参考
・[favicon]1枚の画像から簡単にマルチサイズの透過ファビコンを生成する『X-Icon Editor』が絶対オススメ！ | Cappee Design
・複数サイズのサイトアイコン(ファビコン)を簡単作成 [ホームページ作成] All About