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

X-Icon Editor

X-Icon Editor

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

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

という感じですね。

X-Icon Editorの使い方


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


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

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


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

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

スポンサーリンク

コメントを残す

メールアドレスは公開されません。
また、コメント欄には、必ず日本語を含めてください(スパム対策)。