新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

favicon(ファビコン)って一つじゃなかったのね?デバイスによって色々変えられたらしい

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

個人的にはあまり設定したこと無いのですが、favicon(ファビコン)ってのがWebサイトにはあって、何かというとアイコンのことですね。
ブックマークとかしたときに、タイトルの前に表示される奴。

「ちほちゅう」だったらこんな感じ。(設定してるじゃねーかw)

favicon

スポンサーリンク
 

ただですね。
どうも、ブラウザのタイトル横のアイコン以外にもたくさんのfavicon(ファビコン)と呼ばれるものがあるようなんです。

□ Webサイトに必要なfaviconが21個になっていた – IT探検記

例えばわかりやすいところでは、iPhoneのデスクトップ(「待ち受け画面」とも言うのか?)に表示されるアイコン。
あれも、favicon(ファビコン)の一種です。

そもそも、(ファビコン)とは何なのか?

□ Favicon – Wikipedia

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

なるほど、お気に入りアイコンの略だとのこと。であれば確かに色々あってもいいですよね。

にしても多いです。先ほどの記事から引用してみます。

  1. favicon.ico: IE用
  2. favicon-16×16.png: タブ表示用
  3. favicon-32×32.png: Mac版Safari用
  4. favicon-96×96.png: Google TV用
  5. favicon-160×160.png: Opera 12 までのスピード・ダイアル用
  6. favicon-196×196.png: Android版Chrome用
  7. mstile-70×70.png: Windows 8 用
  8. mstile-144×144.png
  9. mstile-150×150.png
  10. mstile-310×310.png
  11. mstile-310×150.png
  12. apple-touch-icon-57×57.png: iOS用
  13. apple-touch-icon-60×60.png
  14. apple-touch-icon-72×72.png
  15. apple-touch-icon-76×76.png
  16. apple-touch-icon-114×114.png
  17. apple-touch-icon-120×120.png
  18. apple-touch-icon-144×144.png
  19. apple-touch-icon-152×152.png
  20. apple-touch-icon.png
  21. apple-touch-icon-precomposed.png

サイズ違いだけで被ってるのも結構ありますが全部で21個もあります。
ファイル名で分けると通常のfavicon(ファビコン)とWindows8用とApple(iPhoneやiPad)用の3種類に分かれます。
通常のfavicon(ファビコン)は大きさによってGoogleテレビ用やAndroid用などと分かれているようですね。

もちろん、全部を揃えなければならないというわけではないのですが、こんなサイトもあるので有効利用してあげるといいと思います。
□ Favicon Generator for all platforms: iOS, Android, PC/Mac….

ブランディングになるし、実はWordPress(ワードプレス)高速化にもなったりしますので、できるだけ全種類用意してあげるほうがいいかもしれないです。

最近ではインターネットをする媒体もパソコンだけではなく、タブレットやスマホなどバリエーションが豊富になっています。
これからもこの傾向は続いていくと思われるので、より、多くの媒体に対して適応させてあげるのがいいでしょう。

冒頭、あまり設定したこと無いのですがと言いましたが、機会をみて、設定しておこうかなぁとちょっと感じました。
favicon(ファビコン)の設定に関しては機会があったら解説していきます。

 - Webデザイン, 雑談 , , , , , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
まだ5周年なんですね

1年以上前の記事です。内容が古い可能性があります。livedoorブログまだ5周 …

新語・流行語大賞は「じぇじぇじぇ」「倍返し」「今でしょ!」「お・も・て・な・し」の4語

1年以上前の記事です。内容が古い可能性があります。いやぁ。。これは読めませんでし …

スマホ(スマートフォン)は正しい姿勢で使おう。そうしないと死ぬよ

1年以上前の記事です。内容が古い可能性があります。自分もけっこうな猫背なのですが …

no image
モリサワ主催AdobeCS3セミナーに参加

1年以上前の記事です。内容が古い可能性があります。モリサワ主催の「Adobe C …

着信後、自動音声で「9」を押せ。インバウンド架電詐欺(振り込め詐欺)が発生中

1年以上前の記事です。内容が古い可能性があります。マーケティング手法にインバウン …

no image
ツイッターで「1000RTで都知事選出馬」の実業家「家入一真」氏、正式に東京都知事選挙出馬

1年以上前の記事です。内容が古い可能性があります。かつてのpaperboy(ペパ …

docomoの「GALAXY S5」からソフトバンクの「iPhone 7 Plus」に変えました。

1年以上前の記事です。内容が古い可能性があります。今日は純粋に単なる日記を書かせ …

no image
今やスマホはナンパツールにもなりつつある

1年以上前の記事です。内容が古い可能性があります。□ 飲み会盛り上げる …

今年の漢字は「水」だと思う(12/12追記)

1年以上前の記事です。内容が古い可能性があります。娘が学校で出された課題の今年の …

RSSを登録しているタレントさんを紹介

1年以上前の記事です。内容が古い可能性があります。なんとなく、RSSリーダーに登 …

血液型オヤジ