This tutorial explains us the most simplest way to download any website’s favicon image. It is somehow easy to download Favicon from site. There are already many Download Favicon Generator sites online. But we will grab favicon online from live websites.
Downloading favicon may not be truly useful. But, it comes handy if you want to design your website with buttons of your favorite social networking sites.
What are Favicons?
The name Favicon is the short form for “Favorites Icon“. As the name says, it is a small icon image with an extension .ico. This image is usually of the size 16×16 pixels. This small image is used by the web designers to display it on the webpage/website while browsing, while bookmarking and while viewing.
We need to understand that all the old browsers and new browsers support the .icon image format for adding a favicon to the website. Formats like .png, .gif and .jpeg may not be supported by old browsers like IE 6.
Simplest Way To Download Favicon From Website:
1st Way : Download Favicon from a Website When Favicon is in Root Directory
Step 1: Go to the target website. Lets say Blogger.com.
Step 2: Just enter /favicon.ico in front of that website’s URL as shown below:
Click and check it out.
Step 3: Right click on the favicon and save the image to your hard disk.
As easy as that 🙂
What if the file is not in the root directory of the website?
This indicates that the file is placed somewhere else on the webserver and they have linked the image.
How to Download Favicon from the Website?
Then what to do?
Step 1: Go to the target site.
Step 2: View the page source (Right click on the page and click on “View Page Source.”)
Step 3: Search(Ctrl+F) for “shortcut icon”
Step 4: You should see something like this:
<link rel=”shortcut icon” href=”http://www.sitename.com/images/favicon.ico”/>
Step 5: Right click on the link http://www.sitename.com/images/favicon.ico and save the icon.
You can copy the link if it doesn’t allow you to the right click and save. Open a new tab in your browser and go to the target favicon image to save it.
Trick to Directly Download Favicon from a Website using Google S2 Converter
So, if you don’t know we have chrome extension here is the name: Google S2 Converter. It’s the best and simplest way to download Favicon of any website. So Thanks to Google who provide & developer this extension. So all you have to do it
Copy & Paste the following link in your browser with the respective SITENAME.com you want to replace with.
Here, I tried with google.com and saw the result.
Complementary Tip: Download the Best Favicons Online Custom Made for you
I am with one of the bonus tips which can help you Download Unique Favicon custom done for you from www.freefavicon.com. So using this website you can download favicon & also you can create a custom favicon for your site.
How to generate Favicons Online?
If you Don’t want to download & don’t want to make your Favicon? then you need to be an artist else you can do it with the help of best Designer 😀
- Well, that Dynamic Favicon generator is called as icons! Yup iconj.com provides you with the best facilities to download favicon the way you like in the size you like. And not just a simple Favicon, using iconj.com you can create some cool animated Favicons.
- Another excellent favicon generator is favicon.cc which helps you design your favicon just as if you are creating a PSD file in Photoshop. Well if you don’t believe us, you should go and give it a try.
And guess what, it is completely free! So what are you waiting for go and Download favicon Have a go with your favorite icon aka Favicon and thank us later? Or Wait, Why don’t you subscribe us?
This is a small tutorial and very simple tutorial. With using this method you can also grab the favicon of wordpress, joomla, drupal cms websites as well as blogger.com hosted site. This trick is not known to many. Hope you will find it useful somewhere in the journey of blogging and web designing. Enjoy and keep tuned.