Favicon Generator

According to abeautifulsite – a favicon (pronounced “fave-icon”) is a small, iconic picture that represents your website. Favicons are most frequently discovered within the handlebar of your internet browser, however, they may also be utilized in lists of bookmarks in internet browsers and feed aggregators.

Favicon Generator

From dynamicdrive website – A favicon is a small, 16×16 picture that’s proven contained in the browser’s location bar and bookmark menu when your website is known as up. It’s a good solution to model your website and enhance its prominence in your visitor’s bookmark menu.

Effectively-designed favicons are styled to match the logo or theme of your website, that method users have a fast and simple strategy to acknowledge your website at a look.

What sort of image is a favicon?

Though most trendy browsers will acknowledge PNG, GIF, and JPG codecs for favicons, Web Explorer presently doesn’t. It is strongly recommended to make use of the Microsoft ICO format, which works in all browsers.

What size should my favicon be?

One other good purpose to make use of the ICO format is as a result of it may well comprise a number of favicons of various sizes in a single ICO file. It’s best to have, at minimal, a 16×16 pixel model. I normally embrace 32×32 and 48×48 variations as nicely. That approach, if customers drag the bookmark to their desktop they may see a properly scaled model of the icon as an alternative to the 16×16 model stretched out.

The commonest sizes for favicons are:

16×16
32×32
48×48
64×64
128×128

Create a favicon

Though there are numerous methods to create favicons, the simplest is to make use of a web-based software. We occur to have a favicon generator that is solely free. It is known as Favikon. To create your favicon utilizing Favikon, merely add a picture, crop it, after which obtain the ensuing icon.

How to link your favicon

Now that you have created a pleasant little favicon, it is advisable to inform internet browsers and different functions the place to search out it. Including this line to the <head> part of your HTML will be sure that your favicon will likely be discovered: