If budget is no issue, you could even hire a professional designer. You can design a favicon image by using an editor like Photoshop or open-source software like Canva. It doesn’t copy any other icon or image.Your customers should be able to remember the image easily. Use the same colors, typography, and shaping. When it comes to finding a suitable icon for a website, the brand’s logo is the most obvious place to look.īut you can choose any image to represent your site. Do you want to do it yourself, or have a favicon generator do the work for you?Īs it’s a useful skill to learn, let’s first run through the steps you should take to manually give your site a favicon. It’s one of the easiest ways to make your business memorable to internet users, and it’ll give you a professional-looking edge, too.Īnd if you want to know how to create a favicon, there’s not much to it. Now that you know what a favicon is, you’ll probably want one for your own website.

Sure, there are meta titles next to each favicon that you could read, but who has time to constantly do that? How to create a favicon What you can see is a row of tiny logos, so that as you compare items and prices, it’s easy to switch between stores. Imagine that the dozen tabs you have open on your browser represent a shopping mall. They’re used as helpful visual signifiers for users, so that they can browse multiple websites with ease. The word ‘favicon’ is a shortened version of ‘favorite icon’, but it also goes by other names:Įntering into life way back in 1999, favicons were introduced to internet users with the launch of Internet Explorer 5.īusinesses usually use a scaled-down version of their logo as a favicon, shrunk down to as small as 16×16 pixels.

Favicons are the small icons displayed in tabs and on favorite or bookmark lists on browsers such as Chrome, Mozilla, and Safari.

How to make a favicon in code.org