初心者のためのWEBデザイナーの教科書

favicon(ファビコン)を設定する

ファビコンとは


︎ 資料を見る

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。

引用先:https://ja.wikipedia.org/

お気に入りアイコン
favicon.ico(ファビコン)とは、ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。

注意点

変換方法

Phtoshopに、変換専用のプラグインを入れる。
ICO ファイルフォーマット・プラグイン
http://www.telegraphics.com.au/sw/product/ICOFormat
変換してくれるサイト上で作成した形式(png)のものを参照し、変換させる。
アイコン コンバーター
PNGからICOへのコンバーター
ファビコン作成専用サイトも用意されている。
favicon.cc

※上記いずれかの方法で、変換する。

設置方法

ファビコン用のタグの記述

head内に記述する。
[code]<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.ico"/>[/code]
ブラウザの種類やバージョンによって記述が若干異なりますので、注意しましょう。



本日、こちらのサイトも授業の中でアイコン設定させていただきました^^(2017年11月29日ニクの日)