Everybody knows how to set up a favicon.ico link in their HTML: <link rel=”shortcut icon” href=”http://hi.org/icon.ico” type=”image/x-icon”> But it’s silly that for only a several-byte-tiny icon we need yet yet another potentially speed-penalizing HTTP request. So I wondered, how could I make that favicon part of a usable sprite (e.g., background-position=0px -200px;) that doubles as, … Read more
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? 21 Answers 21
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 successfully done this before? I’m picturing … Read more
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. 9 s 9 replaced (and turned Community Wiki) due to numerous updates and notes from various others in this thread: ICOs and PNGs … Read more
I have uploaded some PDFs to the Media Library. I cannot find a way to set the browser favicon for the PDF media files. Where does WordPress get the favicon from? Is there anyway to control the PDF Media file favicon? 2 s 2 To summarize the discussion in the comments, the answer for the … Read more
How can I add favicon to my WordPress site in both front end, and admin panel. I’ve tried many ways, but failed. I know, to show favicon the code is: <link rel=”shortcut icon” href=”https://wordpress.stackexchange.com/questions/138098/images/favicon.ico” /> How can I implement it? 2 s 2 Update The following workaround is necessary for users who are using WordPress … Read more
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? 18 s 18 I will first say that having a favicon in a Web page is a … Read more
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 set … Read more
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 were? I have read up … Read more
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? 2Best Answer 21 Update for 2020: Sticking to the original … Read more
