W3C準拠 世界WEB標準によるSEO対策とSEM - ファーストニード

W3C準拠 世界WEB標準 による SEO対策 と SEM

株式会社 ファーストニード

世界WEB標準 とは?

HOME > Web標準 コラム一覧 > ファビコン(favicon.ico)を簡単に作成する

ファビコン(favicon.ico)を簡単に作成する

ファビコン(favicon.ico)とは?

ファビコン(favicon.ico)アドレスバーやお気に入りに表示されるファビコン、
これがあるだけで格好良いし、なんとなくサイトとしての信頼感があがるものです。
ブランド作りにも効果的ですね。

他には、ユーザーが「お気に入り」からアクセスしてもらうときにアイキャッチになって便利だと思います。

さて今回は、そのファビコンを簡単に作成するツールをご紹介します。

普通の 16x16px のファビコンじゃありません。
デスクトップに置いたときには、32x32px のアイコンに自動で変わる、マルチアイコンの作成方法です。


ファビコン(favicon.ico)を作成する方法。(マルチアイコン)

まず、
@icon変換でマルチアイコンを作る方法32x32
16x16
のサイズの2つの画像を作ります。
拡張子は、.png .bmp などで良いでしょう。

次に、こちらのツール ↓
http://www.vector.co.jp/soft/win95/amuse/se201729.html
@icon変換を使って、

32x32
16x16
の2つの画像を、ツール内にドラッグします。

シフト押しながら2つとも選択すると、「マルチアイコンに保存」ボタンを押せます。

「マルチアイコンに保存」だと、
2つの画像を、1つのアイコンにすることができ、

デスクトップなどのショートカットには、32x32
ステータスバー・お気に入りなどには、16x16

を、表示することができます。

2つの画像を全く違うものにしたり、16x16 のほうだけ透過処理をかける、といった使い方もできますよ。

さて、次回はファビコンをサイトに楽に設置する方法をご紹介したいと思います。


▲Web標準 コラム一覧