Download favicon from site

OverviewFavicon Explorer extracts the links for favicons and the touch-icons of the current page.Favicon Explorer extracts the links for favicons and the touch-icons of the current page. It displays the current sites' favicons and touch-icons, and provides a direct link, allowing you to effortlessly view the icon or download it.It allows you to extract and download the favicon.ico of any website you visit. And it also gives you the ability to download or view the apple-touch-icon.png or any other files (as and example: android-chrome-192x192.png) that are used as favicon on the currently opened website.DetailsVersion0.1UpdatedNovember 21, 2023Size16.51KiBLanguagesDeveloper Website Email [email protected] developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.PrivacyThe developer has disclosed that it will not collect or use your data.This developer declares that your data isNot being sold to third parties, outside of the approved use casesNot being used or transferred for purposes that are unrelated to the item's core functionalityNot being used or transferred to determine creditworthiness or for lending purposesRelatedGet Favicon5.0(37)This extension displays the current page's favicon as well as the favicon's URL and dimensions.TNP Icon Download5.0(1)Download selected icon from The Noun Project.FaviGrab: Favicon Grabber0.0(0)Quickly grab and download favicons from any websiteNotion Sidebar Tamer5.0(13)Disable the hover sidebar in Notion.Favicon Detector4.8(10)A simple way to detect website icons.Get Site Favicon5.0(2)You can get the favicon for the site by entering a URL.Beautiful Scrollbar5.0(4)The easy way to a more minimal, clean and beautiful scrollbar!Milo5.0(2)Fastest Google drive search engineTabPal0.0(0)Chrome extension for managing tabs and adding shorcuts and behavioursFavicon Changer3.8(163)Lets you change favicons for your bookmarks, single webpages and entire websites.Notion Colorizer1.0(1)Add some style to NotionYour favicon5.0(1)Modify the favicon to locate easily your most important working tabsGet Favicon5.0(37)This extension displays the current page's favicon as well as the favicon's URL and dimensions.TNP Icon Download5.0(1)Download selected icon from The Noun Project.FaviGrab: Favicon Grabber0.0(0)Quickly grab and download favicons from any websiteNotion Sidebar Tamer5.0(13)Disable the hover sidebar in Notion.Favicon Detector4.8(10)A simple way to detect website icons.Get Site Favicon5.0(2)You can get the favicon for the site by entering

I’ll explain more about that later in the post.Here is another example of a blank favicon (and not just the generic globe favicon):Favicon Assistance: When site owners reach out about favicon problems.Every now and then I have site owners reaching out in frustration when their favicons go missing from the search results. When that happens, it can be a very confusing situation for those site owners… Well, I recently just helped a few more site owners over the past several weeks troubleshoot favicon and site name problems in the search results. And based on what I found, I figured I would write a post explaining some of the top reasons I’ve seen that cause favicon problems in Google Search.The problems are relatively easy to fix and changes can be picked up by Google pretty quickly for most sites. For example, one of the latest fixes I helped with was picked up in just a few hours and the SERPs were updated in less than a day (with the new favicon). Here is a quick table of contents if you want to jump to specific sections:Favicons disappearing and questions about quality.Wrong dimensions for the favicon.Robots.txt blocking the favicon.Duplicate favicon references and one didn’t meet the requirements.Location of the favicon image file.Empty favicon code.Platform or CMS botched the favicon.Your old default favicon is causing problems (WordPress theme or CMS favicon).Bonus 1: Don’t push the limits with your favicon.Bonus 2: Creating an adaptive favicon that works well in dark mode.October 20, 2022 – Confirmed bug.October 26, 2022 – Google confirms bug has been fixed.Frequently Asked Questions (FAQs)Favicons Disappearing and Questions About Quality:When favicons go missing, some site owner immediately jump to thinking that Google somehow doesn’t trust their site anymore or that there are quality problems causing Google to stop displaying their favicons (like how rich snippets can be impacted by broad core updates). That’s not the case. Favicons going missing in the SERPs have nothing to do with site quality. Instead, it has everything to do with technical problems with the favicons, or violating Google’s guidelines for providing favicons.So if your favicon goes missing, it’s not that Google has suddenly reevaluated your site quality-wise. It’s probably due to technical issues or other guideline violations (which I’ll cover below). Where did your favicon go? Troubleshooting common favicon problems in Google Search.Below, I’ll cover several common problems I have seen while helping site owners troubleshoot favicons that disappear from the search results (or favicons that just aren’t displayed properly by Google).1. Wrong dimensions, no favicon for you…Update October 2024: Google updated its documentation for favicons and explained a favicon can be 8×8 pixels, but they recommend at least 48×48 pixels. They also explained the

You probably noticed that every major site you ever visited had a small site icon in the upper left corner of the browser title bar. That site icon, or a favicon, helps every business to build brand awareness. The visitors of the site easily connect that tiny image with the brand. Everybody knows that Facebook favicon has a white f inside a blue square, right? In this guide, we will teach you how to add a favicon to your WordPress site, whether you’re using the Classic Editor or the Gutenberg one. If you don’t have an idea of what your favicon should look like, we suggest you check out some of the popular favicon generators and find inspiration. Why Favicons are important As we previously mentioned, a favicon is important for brands that are trying to build their online presence. After all, your website visitors should be able to recall something about the brand you’re building. Having an interesting and unique favicon helps people remember the brand. Also, if you have a generic favicon or no favicon at all, your site won’t be distinguished and seen as a unique, quality website. Although important, favicons are not the only element of your branding. Don’t forget to add the logo to your website and to change your title and tagline. How to add a Favicon to Your WordPress site Step by Step How to create a Favicon If you don’t want to use one of the favicon generators from the list above, you can create a favicon yourself. As you can see in the picture above, the dimensions of your favicon should be no less than 512×512 pixels. You can use Gimp to easily scale the picture to the required dimensions. Also, you should use a GIF, or a PNG file, if you want to have alpha transparency. That way, when your favicon appears in the browser tab, it won’t have the square background behind it. If you use a JPG picture format, the square will appear.Both versions are fine, but the decision on which one looks better for your particular case is up to you. How to add Favicon in WordPress admin If you have your favicon ready, you can upload it to your WordPress website. Again, it doesn’t matter if you’re using Classic or Gutenberg editor. Go to your WordPress admin and in the menu on the left-hand side of the screen choose Appearance. From the drop-down menu click on Customize, as shown in the picture below: After that, you will see a new menu, where you should click on the Site Identity, as shown in the picture below: Right after that, choose the previously created favicon with the Select

Aspect ratio must be 1:1. You can read more about the update below.This is the most common issue I have seen. Google has explained in detail that favicons must be a multiple of 48×48 pixels. So, make sure your favicon is at least 48×48 or a multiple of 48×48. For example, 96×96, 144×144, etc. Don’t have a favicon that’s smaller than 48×48.For example, a site used the following image as its favicon (blurred to avoid calling out the site). It was 50×50 and not a multiple of 48×48 pixels. Google just used the generic globe favicon. Again, meh in the SERPs.Also, the aspect ratio is important. If it’s not a square, it’s not going to work well. Google updated its documentation in October 2024 and explained the aspect ratio must be 1:1. I’ve seen favicons that looked out of whack from an aspect ratio standpoint, or they just didn’t show up in the SERPs. For example, a site used the favicon below, which didn’t have a square ratio. Google forced it to fit the required aspect ratio (and it looked totally warped in the SERPs). Beware.A note about favicon format: You have plenty of options:Your favicon doesn’t have to be in the .ico format. It can be in any supported format, such as jpg, gif, png, and svg. I’ll cover more about svgs later in the post.2. Robots.txt blocking the favicon:Google updated its documentation on October 18, 2023 explaining that site owners should make sure the homepage of the site can be crawled by Googlebot and that the favicon file can be crawled by Googlebot-Image. Do not block either from crawling in order for the favicon to be used in Search. Also, if your homepage is blocked by robots.txt, you clearly have bigger issues to worry about than just the favicon. :) But the favicon image location could cause problems and be confusing from a robots.txt perspective. For example, some directives in robots.txt can be “greedy” and block more than you think.I recommend using the robots.txt Tester in Google Search Console to make sure your favicon and homepage can be crawled. It’s a quick test and can save you some frustration. For example, here is a site with a missing favicon and it’s blocking access to the favicon. It’s a bigger brand by the way, so yes, larger companies can make this mistake too. Note, you can change the user-agent to Googlebot when checking the homepage and Googlebot-Image when checking favicon image file.3. Duplicate favicon references and one didn’t meet Google’s favicon guidelines:This is similar to the first issue I covered, but it includes duplicate favicon references in the homepage code (and one didn’t meet the guidelines). I’ve seen situations

Image button: When you’re finished, just click on the Publish button, and you should be able to see your favicon in the left corner of the title bar. How to pick the best Favicon for your WordPress website Now that you know that favicon is an important part of your brand, you also know it’s not the best idea to download a free, generic favicon from some random site. Before you pick a design direction, the first step you should take is to think about your industry. Must you play by the book, or can you be creative and let your imagination loose? Are there any prerequisites that your favicon must fulfill before you can complete the design?When you answer those questions, you should take a look at your competitors’ favicons. The more favicons you memorize, the better and more unique your favicon should be.Creating a perfect favicon for your business doesn’t end the creative process. Before you settle on a design, you should check how it looks on different platforms and web browsers. If you don’t have access to all devices and browsers, use a free favicon checker and let it decide instead of you. We hope this article was helpful. If you liked it, feel free to check out some of these articles as well!

Update: October 25, 2024Google updated its favicon documentation clarifying aspect ratio and dimensions. And it’s important for those having favicon issues. The favicon no longer needs to be a minimum of 48×48 pixels, but Google still recommends higher resolutions. Also, it must have a 1:1 aspect ratio. See the update below for more information.Update: October 19, 2023Google just clarified in its documentation that site owners should allow crawling of the homepage by Googlebot and the favicon image file by Googlebot-Image. View the section of this post about robots.txt for more information. Update: May 5, 2023Added information from Google about default favicon problems (like default WordPress theme or CMS favicons appearing in the search results versus the favicon that should show up).Update: March 9, 2023Google finally rolled out favicons and site names in the desktop search results after heavy testing in 2022 and early 2023.Update: February 24, 2023Google explained you do NOT have to host the favicon file on the same domain as the homepage. Update: October 26, 2022Google confirms they have fixed the favicon bug.Update: October 20, 2022Google confirms there is a bug with favicons not showing up in the search results for some sites.———————-They say “a favicon is worth a thousand words”. OK… they really don’t say that, but favicons can definitely be important from a Search perspective. In 2019, Google started displaying favicons and site names in the mobile search results as part of a mobile redesign. And after heavy testing in 2022 and early 2023, Google finally rolled out favicons and site names in the desktop search results on March 8, 2023. Note, if you are looking for site name help, then check out my post about troubleshooting site names issues in the SERPs. This post is about favicons.It ends up that those little graphics in the SERPs can sure help on several levels. For example, a favicon can help reinforce your brand, it can attract eyeballs in a crowded SERP, and it can also help with click-through rate. So you definitely want to make sure your favicon game is strong. Google published guidelines for defining a favicon in order to make sure they can be properly displayed in the SERPs. If you don’t adhere to those guidelines, Google can choose to ignore your favicon and provide a generic one for you. And there’s nothing more “meh” than the generic globe favicon Google provides. Let’s just say you won’t stand out in the SERPs with their generic favicon showing…In addition, you can end up with a blank favicon, which is super-awkward. The space for the favicon is reserved, but nothing shows up. It’s a just a blank white space where a favicon should appear. So sad… and