favicon背景が透明なfavicon(ファビコン)を作る
2013/09/10
まずファビコンはブラウザのお気に入りやアドレスバー、タブ部分に表示される小さなアイコン画像のことです。
今回は背景を透明にした画像をファビコンにします。
① ファビコン用画像作成
まずPhotoshopなどで背景を透過させたPNG形式の16px×16pxと32px×32pxの画像2枚を制作します。
② ico形式に変換
次にhttp://ao-system.net/alphaicon/←こちらのwebサービスにアクセスし「.png」形式から「.ico」形式に変換します。
2枚の画像をアップロードし変換できたらダウンロードします。
③ htmlに記述
ダウンロードしたファビコンの名前を「favicon.ico」とし、任意の場所にアップロードして、下記のコードを<head>から</head>の間に注入します。
<link href="ファビコンまでのパスをここに記入/favicon.ico" rel="shortcut icon" />
「ファビコンまでのパスをここに記入」はご自身のファビコンの置いた場所を指定してください。
Related Posts関連記事
- 関連する記事は見当たりません…