How to Convert PNG to Icon?

One of the main reasons you need .ico file is none other than Favicon.ico. You may attach favicon.ico to your web pages so visitors can easily see a small icon on the address bar of your site and when they have bookmarked your site.

Icon images should be added in Windows icon files in around 3 sizes, 64×64, 16×16 and 32×32. Well, 16×16 is enough for favicon.ico. In this article, we are going to discuss how to convert PNG into an icon without any problem and as easily as icing on a cake.

What is Favicon?

Favicon is actually a small graphical icon associated with a website or a page. It is displayed in bookmarks and tabs of many browsers. As the name suggests, Favicon was initially developed by Internet Explorer where it termed bookmark sites as ‘favorites’. Later on, it was named as favicon.

Steps to Convert PNG to Icon

  • Find the image you want to use as Favicon and be sure dimensions are square (100p x 100p).
  • Go to the location of file on your PC and choose the image.
  • Press the button “Generate Favicon”
  • Right click on your ‘Favicon’. Download, rename and upload favicon.ico to the root directory.
  • Copy and pass the following code to <head> section of webpage –

<link rel=”icon” href=”/favicon.ico”>

Keep in mind that this code will work in all latest browsers, including Chrome and Internet Explorer 11. You may use phrase shortcut instead of simply an icon to be compatible to older versions of Internet Explorer – <link rel=”shortcut icon” href=”/favicon.ico”>.

You may also use Favicon Converter png to icon for retina favicon for Apple Touch devices. You just have to do some additional works. You have to stick to certain resolutions and choose background color for metro UI tile favicons in Windows 8 and Windows 10.

What is Favicon? Why do you need it?

A favicon is simply a 16×16 image visible on the left of address bar of a lot of browsers. It is basically a picture, letter, or a solid color which represents website. You may follow a few simple steps to add a Favicon. You just have to create 16×16 favicon image in Photoshop and save as ‘favicon.ico’. You need ico plugin to save as ico. Once it is saved, you have to upload the same to root directory of the site.

Once it has been uploaded, a lot of latest browsers can navigate to it automatically and set as icon for the website. There is no problem if you don’t have Photoshop. You can also use online favicon generator to create an appealing favicon for a website.

Now that you might be thinking why should you use favicon? Favicon gives some substance to your site. You don’t have to use it but your site looks boring without favicon. They don’t just come in ico format, it also allows you to upload png file as favicon. However, these favicons won’t work in outdated browsers like Internet Explorer 6.

Why Favicons?

Favicons are very vital as they can help create your presence and give your site a kind of identity. They appear on the site when it is opened and one can associate your site with these signs. It is very vital as it helps improve sales as once the sign has been imprinted on the mind of clients, they can always refer to the site to reach the products they need.

Looks of the site also matter as it is the initial contact one can have with a site. This is why you need to find designers who take time to ensure everything is right and in place to help improve your organization.