favicon.icoの作り方
ホームページを開いたときやお気に入りに追加したときに見えるアイコンのようなものをfavicon（ファビコン）と言います。有無によって特別何かあるわけでもないのですが、サイトのブランド力をアップさせるために導入するのはいいことだと思います。
Googleのfaviconはこんな感じ。
さ、実際の作り方ですが、まず、ペイントソフトを準備して16×16ピクセルのfavicon.icoになる元画像を作ります。（私の場合はphotoshopを使いますがなんでもOK）。
拡張子はjpg,gif,png,bmpなんでもOKです。
次に、FavIcon from Picsというfavicon.icoを作ってくれるサイトに移動して、
ここで、さっき作ったファイルを選んで、「Generate Favicon.ico」ボタンをクリックして「Download FavIcon」ボタンをクリックしてデスクトップにダウンロードすればfavicon.icoの生成は完成です。
似たサービスでFavicon Japanというのもありますので、お好きな方で。
そして、できあがったfavicon.icoを任意に場所にアップロードして、あとはHTMLファイルのタグ内に下記のようなソースを書きます。
<link rel="shortcut icon" href="favicon.ico">
もし、表示されなかったら、favicon.icoのパスが間違っているか、キャッシュが貯まっていると思うので、キャッシュをクリアしてみて下さい。
favicon.icoの作り方 の関連記事
No related items.
コメント
No comments yet
コメントする
次項 【HTML】改行による空白（スペース）を除去する方法
前項 CSSは全ての要素について記述する
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
