Questions tagged [favicon]

An icon associated with particular website. It is often displayed in a web browser in address field (usually left to the URL), on tab bar, or in bookmarks.

A favicon is an icon associated with a particular website. It is often displayed in a web browser in the address field (usually left of the URL), on a tab bar, or in bookmarks.

Originally, favicons had a size of 16x16 pixels, though now they can be larger. How large the favicon is depends on the user agent. Favicons were introduced by Internet Explorer 5, which was using those small graphics for ed websites. Bookmarked websites were called favorites in IE5, which led to the name "favicon".

Favicons were originaly produced in format, but now they can use other types of image files (ie. or ). The benefit of using ".ico" files is that these can hold images in multiple sizes (usually 16x16, 32x32 and 48x48 pixels) for different contexts such as in the browser or on the desktop.

Favicons help give a website identity. They are often a scaled-down version of a website logo.

1602 questions
1592
votes
31 answers

How do I force a favicon refresh?

I have a Grails application running locally using its own tomcat and I have just changed the favicon for a new one. Problem is that I can not see it in any browser. The old favicon shows up or I get no favicon at all, but not my new one. I do not…
Simon
  • 70,546
  • 25
  • 83
  • 117
723
votes
18 answers

Adding a favicon to a static HTML page

I have a few static pages that are just pure HTML, that we display when the server goes down. How can I put a favicon that I made (it's 16x16px and it's sitting in the same directory as the HTML file; it's called favicon.ico) as the "tab" icon as it…
TheLegend
  • 11,612
  • 10
  • 54
  • 89
719
votes
10 answers

Does a favicon have to be 32x32 or 16x16?

I'd like to use a single image as both a regular favicon and iPhone/iPad friendly favicon. Is this possible? Would an iPad-friendly 72x72 PNG scale if linked to as a regular browser favicon? Or do I have to use a separate 16x16 or 32x32 image?
Alex G
  • 7,229
  • 3
  • 14
  • 4
663
votes
13 answers

How to add a browser tab icon (favicon) for a website?

I've been working on a website and I'd like to add a small icon to the browser tab. How can I do this in HTML and where in the code would I need to place it (e.g. header)? I have a .png logo file that I'd like to convert to an icon. Related: HTML…
knookie
  • 6,991
  • 4
  • 33
  • 27
648
votes
14 answers

How to prevent favicon.ico requests?

I don't have a favicon.ico, but my browser always makes a request for it. Is it possible to prevent the browser from making a request for the favicon from my site? Maybe some META-TAG in the HTML header?
Daniel Silveira
  • 37,165
  • 32
  • 96
  • 120
473
votes
9 answers

favicon.png vs favicon.ico - why should I use PNG instead of ICO?

Other than the fact that PNG is a more common image format, is there any technical reason to favor favicon.png vs. favicon.ico? I'm supporting modern browsers which all support PNG favorite icons.
Jon Galloway
  • 50,160
  • 24
  • 120
  • 192
399
votes
16 answers

Changing website favicon dynamically

I have a web application that's branded according to the user that's currently logged in. I'd like to change the favicon of the page to be the logo of the private label, but I'm unable to find any code or any examples of how to do this. Has anybody…
SqlRyan
  • 30,939
  • 32
  • 109
  • 190
359
votes
10 answers

Favicon dimensions?

I have a favicon with the dimensions of height=26px / width=20px named favicon.png However, in my browser, my favicon.png is all distorted. Question: Is my favicon.png…
b2000zinger
  • 3,599
  • 3
  • 14
  • 3
337
votes
14 answers

How to save up another precious HTTP-request for the tiny favicon?

Everybody knows how to set up a favicon.ico link in their HTML: But it's silly that for only a several-byte-tiny icon we need yet yet another potentially speed-penalizing…
Sam
  • 15,156
  • 23
  • 85
  • 134
258
votes
9 answers

Serving favicon.ico in ASP.NET MVC

What is the final/best recommendation for how to serve favicon.ico in ASP.NET MVC? I am currently doing the following: Adding an entry to the very beginning of my RegisterRoutes method: routes.IgnoreRoute("favicon.ico"); Placing favicon.ico in the…
Simon_Weaver
  • 120,240
  • 73
  • 577
  • 618
255
votes
3 answers

Favicon: .ico or .png / correct tags?

In a HTML5 document, which favicon format do you recommend and why? I want it to be supported by IE7 and all the modern browsers. Also, when using .png, do I need to specify the type (type="image/png")?
Richard
  • 3,509
  • 5
  • 25
  • 33
225
votes
5 answers

Do you have to include ?

I didn't include the following line of code in my head tag, however my favicon still appears in my browser: What's the purpose of including it?
user784637
  • 13,012
  • 31
  • 83
  • 144
176
votes
2 answers

HTML 5 Favicon - Support?

I was reading the Favicon page on Wikipedia. They mention the HTML 5 spec for Favicon: The current HTML5 specification recommends specifying size icons in multiple sizes using the attributes rel="icon" sizes="space-separated list of icon…
L84
  • 42,350
  • 55
  • 167
  • 243
169
votes
14 answers

How can I get a favicon to show up in my django app?

I just want to drop the favicon.ico in my staticfiles directory and then have it show up in my app. How can I accomplish this? I have placed the favicon.ico file in my staticfiles directory, but it doesn't show up and I see this in my log: 127.0.0.1…
jononomo
  • 12,340
  • 25
  • 77
  • 134
160
votes
3 answers

Correct MIME Type for favicon.ico?

According to the Internet Assigned Numbers Authority (IANA), all .ico file falls under the MIME type image/vnd.microsoft.icon. (Source) E.g. However, savvy internet guru, Paul…
Chuck Le Butt
  • 43,669
  • 58
  • 179
  • 268
1
2 3
99 100