ファビコン(Favicon.ico)作成ツール紹介

No Photo

イメージ

Web サイトや Web ページに関連付けられたアイコンのことを Favorite icon と言います。 略してファビコン。今回はファビコンの作成に便利なツールをご紹介します。

エディターを使って一から作成

  • favicon.ico Generator
    海外のサイトですがスタイリッシュで使いやすいオンラインツールです。さらにアカウントを作成すると、公開したり自分が作った作品リストを見ることが可能。一から作りたい人にオススメ。
  • Favicon Japan
    オンラインツールでのファビコン作成と設置方法が紹介されています。
  • IcoFX
    ダウンロードして使用するフリーのソフトウェアですが中身は充実しています。日本語にも対応、メニュー「Options→Languages→Japanese」で変更可。

既存画像を変換して作成

  • Favikon
    画像をアップして、ブラウザ上でファビコンにしたい範囲を指定。作ったらそのままアップロードすることも可能。
  • ファビコン メーカー favicon.ico作成
    対応フォーマット jpeg、gif、png、bmp と幅広く対応。自動的にサイズが縮小されるので安心。

ファビコンの設置方法

html の head 部分に次のタグを加えます。

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="favicon.ico">

片方だけでも効果はあるみたいですが、両方指定するのが望ましいとされています。作成したファビコンをドキュメントルートにアップロードするのを忘れずに。

関連記事

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ