What is a Favicon?
Let us begin with this: what is a Favicon? A Favicon is a small computer icon used to customize and represent a website in particular. This term is made up of two words: favorite and icon.
When you browse the internet, you likely notice a small icon used to represent the website. For example, we can find them in Google search results and the web page tabs. They are handy when you have several web page tabs open and need to navigate from one to another. Every official and important website has a Favicon.
What is the size of a Favicon?
As you may have noticed, a Favicon is an icon with a small size. More precisely, we are talking about 16 x 16 pixels or 32 x 32 pixels most of the time. Regarding the file format to use, there are many options. It is possible to use a PNG, JPG, and SVG file. We recommend using a PNG or SVG file since they often have better quality and give you a transparent background.
Why is it important to use a Favicon?
Why should you take the time to add a customized Favicon to your website? To start with, using a customized Favicon is proof of your credibility and professionalism. Indeed, if you use a website builder like WebSelf, the Favicon that comes with your site will be the builder’s and not yours. It could say you are an amateur or do not care about the details. Remember to change it.
You might also notice that all important businesses have a Favicon. Sometimes, their logo is their Favicon, and sometimes they use a special version of their logo for it. Finding your website will also be easier if you use a Favicon that represents it well.
How to create a Favicon for your website?
Is it very complicated to create a Favicon for a website? We believe it is not; let us advise you on this.
First, as we mentioned before, most of the time, businesses use their logo for their Favicon. Unfortunately, since the size is limited, you might need to modify your logo in order to use it as a Favicon. Do not worry; many businesses had to do it, whether Facebook or Amazon. Even WebSelf uses a simplified but representative version of its logo for its website Favicon.
What should you keep in mind when creating a Favicon? First, we should find all the crucial components of your brand image, like the color palette or typography. You can decide only to use the symbol part of your logo or the first letters of your business name. Only keep the essential details of your brand image and remove everything that is superfluous or could become blurry because of the size. The vital thing to remember here is that people should be able to link your Favicon and your website easily.
In addition, consider having a picture with a transparent background. A white square around your logo will not make your Favicon look the best. Online converters can help you create a Favicon from your logo files if needed. Many converters exist when you search for them on Google.
How to add a Favicon to your WebSelf website?
How can we proceed to add a Favicon to a website created with WebSelf? Here is how to do it.
Connect to your website and click on the settings located bottom left. Several relevant settings are on the General page, including the Favicon management section. Click on Modify. Please note that customized Favicons are available with every premium plan. On their side, free websites come automatically with WebSelf’s Favicon. It is not possible to change it.
WebSelf provides dozens of generic Favicon you can use if you do not have a logo yet. There are Favicons for many fields of activities, whether related to housing, restaurants, or fashion. To add your own Favicon, you only need to click on Add and select the file to use. Save your Favicon and then click the Save button on the settings page. The Favicon will be automatically updated when you click on the Publish button in the builder.
In conclusion, remember to add a Favicon before publishing your website. You only need to use your logo or a simplified version of it to increase your website or online store’s credibility. Among the things you must not forget before publishing your site, there is also the action of not testing the links and buttons and not proofreading every text to avoid mistakes. Do not ruin the first impression with a non-optimized website with many spelling errors.