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.

1781 questions
1668
votes
34 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
  • 78,655
  • 25
  • 88
  • 118
831
votes
21 answers

Does a favicon have to be 32×32 or 16×16?

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 72×72 PNG scale if linked to as a regular browser favicon? Or do I have to use a separate 16×16 or 32×32 image?
Alex G
  • 8,349
  • 3
  • 16
  • 4
789
votes
17 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
  • 41,125
  • 36
  • 100
  • 121
786
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…
legendary_rob
  • 12,792
  • 11
  • 56
  • 102
765
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
  • 8,023
  • 4
  • 33
  • 29
519
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
  • 52,327
  • 25
  • 125
  • 193
485
votes
18 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
  • 33,116
  • 33
  • 114
  • 199
359
votes
0 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,607
  • 3
  • 16
  • 3
353
votes
14 answers

How to prevent an HTTP request just for a 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,254
  • 25
  • 90
  • 145
285
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,839
  • 5
  • 28
  • 34
270
votes
7 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
  • 15,392
  • 32
  • 93
  • 156
260
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
  • 140,023
  • 84
  • 646
  • 689
209
votes
19 answers

How to 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…
tadasajon
  • 14,276
  • 29
  • 92
  • 144
202
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
  • 47,570
  • 62
  • 203
  • 289
196
votes
17 answers

How can I get a web site's favicon?

Simple enough question: I've created a small app that is basically just a favourites that sits in my system tray so that I can open often-used sites/folders/files from the same place. Getting the default icons from my system for known file types…
Steven Evers
  • 16,649
  • 19
  • 79
  • 126
1
2 3
99 100