Favicon | 九十九.org

更新日: 2012.08.23 Faviconを追加

データベース

名前

Favicon

コメント

2012.08.23現在

『Favicon』はウェブサイト（ホームページ）に関連づけしたアイコンの事で、主にウェブブラウザのアドレスバーやタブブラウザのタブ部分、お気に入り（ブックマーク）に表示される。

Tips

『Favicon』とは

『Favicon』は「Favorite icon」を短縮した造語で「ファビコン」と呼ばれている。

ファイル形式

『Favicon』の主なファイル形式は「ICO形式」「PNG形式」「GIF形式」等があるが、IE（Internet Explorer）は「ICO形式」にしか対応していない。
「ICO形式」のファイルを作成する場合は、まず「PNG形式」か「GIF形式」でアイコンを制作し、『favicon.cc』等のico変換サービスを利用すれば「ico形式」のファイルを作成する事ができる。

サイズ

「ICO形式」「PNG形式」「GIF形式」で共通しているサイズは16×16サイズ（縦16ピクセル、横16ピクセル）なので、「png形式」で16×16サイズで制作しておいて、『favicon.cc』等で「ICO形式」に変換すれば良い。

Faviconの指定

head要素内でlink要素で指定する必要がある。ファイル形式によってアイコンのMIMEタイプ（type属性）の指定が変わってくる。

XHMTLでは「shortcut icon」と「icon」を指定する必要があったが、HTML5では「icon」の指定だけよくなりサイズも指定できるようになった。

「ICO形式」の場合（HTML5）

「32×32」サイズや「48×48」サイズなど複数のサイズが存在する場合は、半角スペースで区切って記述する。

「ICO形式」の場合（XHTML）

「PNG形式」の場合（HTML5）

「PNG形式」の場合（XHTML）

「GIF形式」の場合（HTML5）

「GIF形式」の場合（XHTML）

1 2 3 4 .. 230

WEB制作会社総覧2015

2,700 円

紀伊國屋書店ウェブストア

【日本のウェブデザインを元気にする、旬な制作会社のポートフォリオ】広く一般の人にアピールするだけでなく、企業ビジネスのさまざまな課題を解決するデザイン的にも機能的にも優れたWEBサイトを作るには、パートナーとして企業の抱える課題や目的を理解し、WEBに反映し..

WEB制作会社総覧2016

4,320 円

紀伊國屋書店ウェブストア

【日本のウェブの未来を担う、旬な制作会社のポートフォリオ。】企業活動のさまざまな課題を解決するために、今やWEBサイトにも多岐にわたる役割が求められています。デザイン的にも機能的にも優れたWEBサイトを作るには、パートナーとして企業の抱える課題や目的を正しく..

Web制作会社年鑑　2017　Web　Designing　Year　Book

5,184 円

紀伊國屋書店ウェブストア

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。企業のWebサイトをバージョンアップさせるプロたちの制作実績を網羅この..

Webサイト、これからどうなるの？　キーワードから探るWeb制作の未来像

2,200 円

紀伊國屋書店ウェブストア

【古くなった「知識」や「情報」を短時間でアップデート！】「いま・これから」のWeb制作の現場で必須となる情報を、キーワード別に解説した書籍。「Webデザイン・コーディング」「Webディレクション」「SEO・Webマーケティング」「システム・プログラミング」「制作ワー..

Web制作会社年鑑2019

5,184 円

紀伊國屋書店ウェブストア

この1年間で話題となったWebサイト、Webマーケティング施策、スマートフォン／タブレット向けアプリ施策などを制作会社ごとにアーカイブ化したインタラクティブコンテンツ集。時代の先端をいくインタラクティブな制作事例はもちろん、ビジネスの目的・課題の解決に成果を上..

演習で学ぶWebサイト・Webアプリケーション制作入門 / 楠神沙緒里〔本〕

2,640 円

Yahoo!ショッピング(ヤフーショッピング)

発売日:2014年04月 / ジャンル:物理・科学・医学 / フォーマット:本 / 出版社:共立出版 / 発売国:日本 / ISBN:9784320123618 / アーティストキーワード:楠神沙緒里 <br><br>内容詳細:目次:Ｗｅｂサイト・Ｗｅｂアプリケーション概論/ Ｗｅｂサイト制作の基礎/ ＧＩＭＰによ..