If you’re serious about branding your business, favicons really should be part of your marketing arsenal. They’re not the most important aspect of a website, but details like these make you remembered by potential customers and set you apart from the competition.
This guide will show you how to create a favicon and how to use it can boost your marketing efforts.
Reading: How to create a favicon from a logo
Of course, before we get into the guide, to get a website online and add a favicon, you’ll need web hosting.
Take a look web hosting solutions – we have packages for every taste, plus you can get a 10% discount with the code LCNBLOG10.
See also: How to Make Logo in Illustrator?
What is a favicon?
Favicons are the small square images that typically appear before the URL in a browser’s address bar, in browser tabs, and next to the site name in a user’s bookmarks list.
p>
See also: How to Make Logo in Illustrator?
See also: How to Make Logo in Illustrator?
Usually they are just the brand or website logo shrunk to 16×16 pixels , but any image can be used to represent a trademark.
Favicon, short for “favorite icon,” was originally a new feature in Internet Explorer browsers in 1999. When users browse a website over Internet Bookmarked Explorer, they displayed the icon next to the site name in the Favorites list.
See also: How to Make Logo in Illustrator?
The Importance of Favicons
While favicons are not directly related to By contributing to Search Engine Optimization (SEO), they help with brand awareness.
See also: How To Make Your Kids Channel on YouTube?
When someone bookmarks your site, your favicon will appear next to your site title in their bookmarks list, which helps others navigate to your content.
See also: How to Make Logo in Illustrator?
See also: How to Make Logo in Illustrator?
Besides increasing visibility, it ultimately gives your brand a more professional look and boosts your credibility digkeit .
Even if users do not intend to visit your site, a clean favicon design that stands out from the rest can make users revisit your site.
Related: Tips to make your website look more professional
See also: How to Make Logo in Illustrator?
How to create a favicon for your website
See also: How to Make Logo in Illustrator?
Step 1: Create your image
You can design a favicon image using an editor like Fireworks, Photoshop, Corel Paint, or a free, open-source alternative like GIMP.
To support a consistent brand identity, many companies simply use their company logo.
See also: Private Mortgage Insurance (PMI): What is it and how is it calculated?
To make editing easier, start with a 64×64 pixel square and you can later expand it to 16x Scale down 16 pixels. Then you need to save the file as .jpg, .png, .gif, .bmp or .tif.
See also: How to Make Logo in Illustrator?
Step 2: Convert the image
Once you are happy with the image, it needs to be saved as favicon.ico. This is the recommended format supported by most web browsers.
To convert your file to .ico format you may need to use an online tool such as iconifier.net, prodraw.net or faviconer .com .
There are many available. Simply upload your image, choose the icon size and you can then download your brand new .ico file.
See also: How to Make Logo in Illustrator?
Step 3: Upload the image to your website
The .ico file must be uploaded to the root of your website. Then the image should be visible when you go to www.yoursite.co.uk/favicon.ico.
See also: How to Make Logo in Illustrator?
Step 4: Add basic HTML code
To help older browsers find your favicon image, you can edit your website’s HTML page.
Most modern browsers will find your favicon file without adding any code, but to ensure all browsers display them correctly, add the following to your header within your page’s tags:
See also: How to Make Logo in Illustrator?
