How to get larger favicon from Google’s api?
looks like there is size parameter in google now. https://www.google.com/s2/favicons?sz=64&domain_url=yahoo.com
favicon
How to have multiple favicon sizes, yet serve only a 16×16 by default?
Update: My original answer is below, however, since writing this post I believe there may be a better way to handle Favicons with HTML 5. I would create a 32×32 favicon (only that size) for Internet Explorer 9 and below but use other methods for creating higher resolution favicons (PNG file type) for other browsers … Read more
Where do I put my favicon with Hugo
Put the favicon inside of the static directory. The static directory sits in the root of your hugo site. When you generate your site, the favicon will be copied into public, the root of the generated site.
How to add a favicon to a Next.js static site?
Create a /static folder in project root. This will be added to the static export folder. Add favicon file in /static folder. Add _document.js to /pages/ folder according to documentation (nextjs.org) or documentation (github.com). Add <link rel=”shortcut icon” href=”https://stackoverflow.com/static/favicon.ico” /> to head. npm run build && npm run export P.S. Thanks to the previous answer … Read more
How to set-up a favicon?
With the introduction of (i|android|windows)phones, things have changed, and to get a correct and complete solution that works on any device is really time-consuming. You can have a peek at https://realfavicongenerator.net/favicon_compatibility or http://caniuse.com/#search=favicon to get an idea on the best way to get something that works on any device. You should have a look at … Read more
Favicons – Best practices [closed]
Favicon is way more complex than what it sounds. 10 years ago, favicon.ico was the only needed item. Then, there was the touch icon, then multiple touch icons dues to the various iOS devices screen resolutions, then there was the tile icon for Windows… Some answers here are very comprehensive – and overwhelming (all this, … Read more
Use Font Awesome Icon As Favicon
EDIT: I suggest you use http://gauger.io/fonticon I’ve created an online Font Awesome Favicon Generator to do just that! See Font Awesome Favicon Generator.
Does a favicon have to be 32×32 or 16×16?
Update for 2020: Sticking to the original question of 16×16 versus 32×32 icons: the current recommendation should be to provide a 32×32 icon, skipping 16×16 entirely. All current browsers and devices support 32×32 icons. The icon will routinely be upscaled to as much as 192×192 depending on the environment (assuming there are no larger sizes … Read more
favicon.png vs favicon.ico – why should I use PNG instead of ICO?
All modern browsers (tested with Chrome 4, Firefox 3.5, IE8, Opera 10 and Safari 4) will always request a favicon.ico unless you’ve specified a shortcut icon via <link>. So if you don’t explicitly specify one, it’s best to always have a favicon.ico file, to avoid a 404. Yahoo! suggests you make it small and cacheable. … Read more
How to prevent favicon.ico requests?
I will first say that having a favicon in a Web page is a good thing (normally). However it is not always desired and sometime developers need a way to avoid the extra payload. For example an IFRAME would request a favicon without showing it. Worst yet, in Chrome and Android an IFRAME will generate … Read more