ブラウザの問題

IEでfaviconが表示されない!そんな時の原因は恐らくこれ。

Pocket

2014-05-05 10_14_04-ie - Google Search

Faviconを表示させようとしたけど、なぜかInternetExplorer(IE)だと表示されない。

そんな方に試していただきたい方法です。

ちなみにFaviconとはURLバーやタブに表示されるサイト独自のアイコンのことです。

Chromeのタブの例
2014-05-05 09_58_58-Mashable

IEのURLバーの例
2014-05-05 10_02_16-Mashable - Internet Explorer, enhanced for Bing and MSN

通常はICOファイルをドキュメントルートに配置するか、メタタグで

link rel="icon" href="http://[Domain name]/favicon.png" type="image/png"

と書くと表示されますが、まれにIEでだけ表示されないケースがあります。

そんな時は恐らく使用されているicoファイルのフォーマットがIEでサポートされていないことが原因です。

見分け方は簡単でicoファイルをwindowsのフォルダに置いてみて、iconが表示されればサポートされているフォーマット。真っ白だったらサポートされていないフォーマットです。

pngやJpgからicoファイルを生成するサイトは多数あるので、googleで”ico convertr”とかで検索するとたくさん出てきます。
例えばこういったサイトです CONVERTICO

この記事が誰かの一助となりますように。

Ads by Google

Ads by Google

-ブラウザの問題
-

© 2021 みる米技術部 Powered by AFFINGER5