- いせき けんじ
- 株式会社ファーストニード
- ITコンサルタント
対象:ホームページ・Web制作
- 原島 洋
- (Webプロデューサー)
- 井上 みやび子
- (Webエンジニア)
ファビコン(favicon.ico)を簡単に作成する
-
Webデザイン
ファビコン(favicon.ico)
2008-03-03 11:00
ファビコン(favicon.ico)とは?
アドレスバーやお気に入りに表示されるファビコン、
これがあるだけで格好良いし、なんとなくサイトとしての信頼感があがるものです。
ブランド作りにも効果的ですね。
他には、ユーザーが「お気に入り」からアクセスしてもらうときにアイキャッチになって便利だと思います。
さて今回は、そのファビコンを簡単に作成するツールをご紹介します。
普通の 16x16px のファビコンじゃありません。
デスクトップに置いたときには、32x32px のアイコンに自動で変わる、マルチアイコンの作成方法です。
ファビコン(favicon.ico)を作成する方法。(マルチアイコン)
まず、
32x32
16x16
のサイズの2つの画像を作ります。
拡張子は、.png .bmp などで良いでしょう。
次に、こちらのツール ↓
http://www.vector.co.jp/soft/win95/amuse/se201729.html
@icon変換を使って、
32x32
16x16
の2つの画像を、ツール内にドラッグします。
シフト押しながら2つとも選択すると、「マルチアイコンに保存」ボタンを押せます。
保存ファイル名は、「favicon.ico」 としてください。
「マルチアイコンに保存」だと、
2つの画像を、1つのアイコンにすることができ、
デスクトップなどのショートカットには、32x32
ステータスバー・お気に入りなどには、16x16
を、表示することができます。
2つの画像を全く違うものにしたり、16x16 のほうだけ透過処理をかける、といった使い方もできますよ。
さて、次回はファビコンをサイトに楽に設置する方法をご紹介したいと思います。