ショートカットキーfavicon.icoについて
よくwebサイト等で見られるアイコンファイルがあります。
↓の図のグーグルやニコニコのマーク等がそうですね。
webサイトを見ていてこういったマークがあると小さいながら差別化が図れます。
当サイトでは指定してませんので見慣れた通常のマークですね（汗）
このショートカットアイコンの作り方を簡単に説明します。
まずは、アイコン様に画像を一枚用意してあげます。
そして、ico拡張子に変換しなければいけません。
オススメなのがFavIcon from Picsです。
web上で画像を変換してくれるので重宝します。
この他にも幾つかありますが、試してみた結果、これが一番画質もよかったです。
通常はfavicon.icoという名前にします。
そしてHTMLの<head>と</head>の間に、
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<ink rel="icon" href="/favicon.ico" type="image/x-icon">
を挿入します。
通常はこのタグは挿入しなくても認識されるはずですが、念の為、挿入しておく方がベターです。
そしてこれらのファイルをサーバーのディレクトリファイルに放り込んだら完成です。
href=の後はicoファイルの場所を指定しています。ですので他の場所に放り込むなら指定し直してあげれば個別のページ事にアイコンも変える事が可能になります。
↓の図のグーグルやニコニコのマーク等がそうですね。
webサイトを見ていてこういったマークがあると小さいながら差別化が図れます。
当サイトでは指定してませんので見慣れた通常のマークですね（汗）
このショートカットアイコンの作り方を簡単に説明します。
まずは、アイコン様に画像を一枚用意してあげます。
そして、ico拡張子に変換しなければいけません。
オススメなのがFavIcon from Picsです。
web上で画像を変換してくれるので重宝します。
この他にも幾つかありますが、試してみた結果、これが一番画質もよかったです。
通常はfavicon.icoという名前にします。
そしてHTMLの<head>と</head>の間に、
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<ink rel="icon" href="/favicon.ico" type="image/x-icon">
を挿入します。
通常はこのタグは挿入しなくても認識されるはずですが、念の為、挿入しておく方がベターです。
そしてこれらのファイルをサーバーのディレクトリファイルに放り込んだら完成です。
href=の後はicoファイルの場所を指定しています。ですので他の場所に放り込むなら指定し直してあげれば個別のページ事にアイコンも変える事が可能になります。
trackback
comment
Powered by FC2 Blog
Copyright © アダルトアフィリエイトでお金儲け！ All Rights Reserved.
