ファビコンをデザイン

オリジナルのファビコンをデザイン

ファビコンとはブラウザのアドレスバーやお気に入りリストに表示される、小さなアイコン画像のことです。最近は多くのウェブサイトで表示されており、サイトの個性をアイコンで主張されています。16×16の小さな画像にあなたの画像を設置してみよう。ファビコンの設置方法を紹介します。

ファビコンを作成する場合は、GIFやPNG形式等で16×16の正方形の画像を用意し、favicon.icoとすればＯＫです。ファビコンの表示サイズは小さいため、あまり複雑な画像で作ってもうまく表示されません。シンプルでインパクトのある画像を作成しましょう。

ファビコンの設置は最上位ディレクトリにfavicon.icoファイルをおきます。トップページをおいているルートです。後はfavicon.icoというファイルをブラウザが自動に読み取ってくれます。ブラウザのキャッシュの関係でしばらく表示されないことや、消したあともしばらく表示されることがあります。

GIFアニメーションを使うことや、LINKタグによって複数の異なるファビコンを表示することもできます。

関連記事

• 被写体に影をつける方法
• フリーのイメージ素材
• 引用符を使ったblockquoteのデザインとCSS
• おしゃれなメニューのデザイン方法
• 立体感のあるアイコンのデザイン方法