What is a favicon?
Every time I make a conference or a course, look at me down the websites of the attendees. To do this, the organization of the event sent me a list of your URL and will open in the same browser but in different tabs. Unfortunately, when I have opened pages and I can see favicons around the world, I note that a large part of them are favicons CMS used to build your web pages (usually Joomla or WordPress), not a favicon corporate, which is what it should be.
So here's this short article explaining what is a favicon Y what is it forTo see if in this way, I get that people give the importance it deserves.
That little icon
A favicon is a small icon (usually 16×16 pixels or 32×32 px) that is used to identify a website in a browser tab, in a bookmark list, or anywhere else that requires a small identification. In fact, favicon stands for “favorites icon”. It is the element created to identify our web page when someone includes it in a list of favorites.
In this blog you are reading, the favicon It is a "MP" with fuchsia background you can see next to the URL or the page tab on your browser.
What is a favicon On a website
It is a symbol that conveys corporate image and used to:
- Transmit our brand image when someone browsing our website and fixes his gaze on the area of the browser URL.
- For our page is easily identifiable when someone has open multiple tabs in your browser.
- For our page is easily identifiable when someone keeps it in their favorites.
How can we create a favicon to our website
There are many programs that will help you create it. This is the one I use to create them: creator of favicons.
My advice is to think your favicon in 32×32 pixels and that is similar to your logo. You can create them from images… maybe this can help you, but pixel by pixel it is also easy to create. Another tip: before designing yours, take a look favicons other companies in Google imagesThis can help inspire you to yours and make sure inadvertently, do not use any favicon which it has already been created by someone else.
When you have already created, you must save it using the name favicon.ico and upload it by FTP to the root directory of your web page.
Some content managers like WordPress have a section in the administration panel for you to indicate the exact URL of the favicon… although it still works if you don't indicate anything there but you have a favicon in your root directory.
Also some WordPress templates and take an area in which you indicate the URL of your image favicon and it is already.
Shopify also contemplates that you can easily manage your favicon: go to Theme settings -> Favicon and select your logo or upload the favicon you like the most.
Idem that in the rest of content managers. Look in the theme administration and there you should find how to change the default one and include yours.
What is a favicon in HTML
For your favicon look as soon as possible, you can make known their existence through the source code of your web page, using meta tags in the following line of code:
<link type=”image/x-icon” href=”favicon.ico” rel=”shortcut icon” />
Although again, if you do not use the line of code, the browser will see it on its own at some point. In Firefox and Chrome is almost immediately in Explorer takes a little longer.
This is all.
I go all right ... (and when you have a moment, please ensure that your website has its own favicon ;-)
I hope this article has been helpful.
We talk to each other.