ホーム » ブログ » 背景が透明な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関連記事

  • 関連する記事は見当たりません…

BLOGブログのカテゴリー

HOMEPAGEホームページ制作

SEOSEO対策

OTHERその他のサービス

to Top