favicon

local (file://) website favicon works in Firefox, not in Chrome or Safari- why?

by

You can use Base64 data of an image. Put something like this: <link href=”data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD9/f0F/Pz8DP///wD///8P////Dv///xL///8P////A////wD///8A/v7+Cf///wX///8A////APv7+wr9/f0D+/v7Dv///wb///81+vv8i/v7/Iv3+PqL4+nxi+ru9JHy9Piu5+zzru3w9ZD+/v5x/v7+H////wr///8A9/f3H/7+/g7///8J////HNDX5Pyaq8j/m6zJ/5esy/+QpcX/larK/5uwzv+MoMH/mqrG/5qlv+7Q0Nty/f3+Af///wD///8A/v7+A////wz+/v6b2d/q/4abvf+Emr7/jKHD/5Gnyf+Uqsz/fpW5/4mXuP/U1OL/e3ui+MPE0l7///8A////AP///wD///8P////Xa680/9/lrr/kafJ/5yy0/+WrM7/nbPT/52uyv+ktM7/1NTi/8LC1f+lpr3n////AP///wD///8A////AP7+/mDo7PL/ytPi/5yv0fehsuXuuMvl0Kq81drS2uf8+/z9bff3+SG5uM1r8vL1ff///wD///8A////AP///wr+/v4H/v7+jufq8umIg/Sut7L9YKul/W7PzvlMnZn03Ozq/x/+/v4H////AP///wD///8A////AP///wD///8A5OH/IpuS/pF3cfPploz/hH5y/6F/dP+gl47/gkw++e7Hwv9Fta//XPj4/gf///8A////AP///wD///8A+vn/BoyB/pGlnf5vfHfxy4mA/JlIOf/lmZD+f1lK/89kWPrPmZD+f9zY/yu3sP5ar6j/ZP///wD///8A6uj/GbSt/l6imv9yVkf/1HBm+MJ5eOrlhX/1s2JY+dRpYPfPv7/zb4+F/41WR//Uloz/hI6E/47///8A////AOro/xmnn/9teW3/qH5y/6HKxf9B9/n7Fc3N9VfMyvlQraj6cbWv/1zj4f4h2tf/Lks7/+NmWP+/0s7/OP///wCvqP9kjoT/jo6E/46Sif+I+vn/Bt3a/ypsX/+5////AH90/6Dj4f4h0Mz/OrWv/1yyq/9gkon/iNzY/yv///8A19P/MvLx/g////8A////APX0/wxvYv6119P/MtzY/ytmWP+/oZj/df///wBQQP/dt7D+Wv///wD///8A////AP///wD///8A////AKyk/2makf9+UUL/283J/z/l4/8f1dH/M////wD///8At7D+Wv39/gH///8A////AP///wD///8A////AP///wDa1/8u2tf/LtrX/y719P8M////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAOAfAADgBwAA4AMAAPABAADwHwAA8d8AAPAfAADonwAA8CEAAOf5AADGvQAA/bcAAP3/AAD//wAA//8AAA==” rel=”icon” type=”image/x-icon” /> into the <head> section of an html file. Base64 data can be received, for example, by favicon.cc

How to add favicon.ico in ASP.NET site

by

/favicon.ico might do the trick I have tried this on my sample website <link rel=”shortcut icon” type=”image/x-icon” href=”https://stackoverflow.com/questions/9963584/~/ows.ico” /> Try this one in your site put the link in MasterPage,It works 🙂 <link rel=”shortcut icon” type=”image/x-icon” href=”https://stackoverflow.com/questions/9963584/~/favicon.ico” /> I have tested in , FireFox. Chrome. Opera. Some troubleshoots: 1. Check if your favicon is accessible … Read more

Favicon not showing up

by

Suddenly I found answer here You should add “?” to your favicon path and it works! Even with path such as images/favicon.ico. Just try: <link rel=”icon” href=”https://stackoverflow.com/images/favicon.ico?” type=”image/x-icon”> Other browsers works too. Remember to restart mozilla, because of it’s own cache, that is not connected with css and other caching. updated: Another way is set … Read more

Reliably getting favicons in Chrome extensions, chrome://favicon?

by

I’ve seen this problem as well and it’s really obnoxious. From what I can tell, Chrome populates the chrome://favicon/ cache after you visit a URL (omitting the #hash part of the URL if any). It appears to usually populate this cache sometime after a page is completely loaded. If you try to access chrome://favicon/http://yoururl.com before … Read more

How do I Get a website’s favicon using JavaScript?

by

Here are 2 working options, I tested over 100 urls and got different results which each option. Please note, this solution is not JS, but JS may not be necessary. <!– Free –> <img height=”16″ width=”16″ src=”http://www.google.com/s2/favicons?domain=www.edocuments.co.uk” /> <!– Paid –> <img height=”16″ width=”16″ src=”http://grabicon.com/edocuments.co.uk” />

favicon not working in IE

by

Right you’ve not been that helpful (providing source would be have been really useful!) but here you go… Some things to check: Is the code like this: <link rel=”icon” href=”http://www.example.com/favicon.ico” type=”image/x-icon” /> <link rel=”shortcut icon” href=”http://www.example.com/favicon.ico” type=”image/x-icon” /> Is it in the <head>? Is the image a real ico file? (renaming a bitmap is not … Read more