The short answer: IE11 is the first version of Internet Explorer to support the direct usage of .png and .gif file format favicons. Why the confusion? As you mentioned, some seem to have implied that .png favicons are supported in IE7+, while others have stated the opposite. I believe the confusion is caused by the … Read more
What you need is a favicon.ico file. Just put it in the root of your site and link to it in the header of your page <head> <title>My Site</title> <link rel=”shortcut icon” href=”https://stackoverflow.com/questions/3103490/favicon.ico” /> </head> You should put it in the root of your site and name it favicon.ico because some browsers look for it … Read more
I tried visiting the site in Safari for the first time (I normally use Chrome) and noticed that it was showing the correct favicon. I tried clearing my cache in Chrome again (twice) to no avail, but after more searching, I found that apparently favicons aren’t stored in the cache. I “refreshed my favicon” using … Read more
For compatibility with all browsers stick with .ico. .png is getting more and more support though as it is easier to create using multiple programs. for .ico <link rel=”shortcut icon” href=”http://example.com/myicon.ico” /> for .png, you need to specify the type <link rel=”icon” type=”image/png” href=”http://example.com/image.png” />
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
It stores the presence or absence of a favicon in History. If you want to reset it, clear your History. Here is a comprehensive FAQ. Edit: Quoting the blog, calling it an extensive answer: why doesn’t the favicon for my site appear in IE7? This is a re-posting of a post originally published on 2007-03-01. … Read more
First, make sure you don’t have a “normal” cache problem by loading the favicon URL directly (put it into the browser’s URL bar) and force-refreshing it. If that does the job, no need for the complicated solution below. IMPORTANT: My original problem cannot have been a cache issue: First, I did clear the cache, second, … Read more
Check out the Project Structure of webpack template: https://vuejs-templates.github.io/webpack/structure.html Note that there is a static folder, along with node_modules, src, etc. If you put some image into the static folder, like favicon.png, it will be made available at http://localhost:8080/static/favicon.png Here is the documentation for static assets: https://vuejs-templates.github.io/webpack/static.html For your favicon issue, you can put a … Read more
Disclaimer: I’m the author of RealFaviconGenerator, which I expect to be up-to-date (mostly, see below). So don’t be surprised if this answer matches what RFG generates. The one-size-fits-all myth There is no “one size fits all” icon. You can’t create a single SVG icon and expect it to work everywhere. From a technical point of … Read more
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