ファビコン(favicon.ico)を簡単に作成する - ホームページ・Web制作全般 - 専門家プロファイル

いせき けんじ
株式会社ファーストニード 
ITコンサルタント

注目の専門家コラムランキングRSS

対象:ホームページ・Web制作

三井 博康
三井 博康
(Webプロデューサー)
原島 洋
原島 洋
(Webプロデューサー)
小菅 太郎
小菅 太郎
(ITコンサルタント)
原島 洋
(Webプロデューサー)

閲覧数順 2024年04月26日更新

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

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

- good

  1. 法人・ビジネス
  2. ホームページ・Web制作
  3. ホームページ・Web制作全般
Webデザイン ファビコン(favicon.ico)

ファビコン(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 のほうだけ透過処理をかける、といった使い方もできますよ。


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