this is a favicon

What is a Favicon and what is

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 fav icons 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 and what is, to see if in this way, I get that people give the importance it deserves.

What is a favicon

It is a small icon (usually 16 × 16 pixels or 32 × 32 px) used to identify a website on the tabs of a browser, a list of favorites, or anywhere else that requires a small identification.

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

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.

this is a favicon

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 32 × 32 pixels and is like your logo. You can create favicons from images ... maybe this can be of help, but one pixel is also easy to create. Another tip: before designing your favicon 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 via FTP to the root directory of your website. Some content management systems like WordPress have a section in the admin panel for the exact URL you indicate the favicon... But it works even if there not indicate anything but you do have favicon in your root directory. WordPress also some templates already carry a zone in which you indicate the URL of your image favicon and it is already.

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 ;-)

We talk to each other

Summary
What is a favicon and what is
Article Name
What is a favicon and what is
Description
A favicon is a small icon (usually 16x16 pixels or 32x32 px) used to identify a website on the tabs of a browser, a favorites list, or anywhere else that requires a small identification.
Author
Publisher Name
3isic.com
Publisher Logo
19 replies
  1. Carmen
    Carmen says:

    Montse hello que tal! There is a photoshop plugin that lets you save the photo in .ico format, you can also do something in motion a gif with your favicon and save .gif, an example of this website that I have under construction is this http://colourlaboratory.com

    Regards!!

    Carmen

    :-)

  2. Montse
    Montse says:

    Thank you very much Carmen!
    (Hey, the link to laboratory color gives me error 500, guess that's why you're working on it ... my'll look back in a little while) -> I've already arranged (pillava the parentheses, so I have taken from your link) now works.

    I've seen the animated gif favicon you used. I like it ! :-)

    A big hug.
    M.

  3. Montse
    Montse says:

    Thanks Jordi, knowing this can be useful to many people. For Joomla also the logo is well known !!! so when you open a page made using this CMS immediately see the favicon of Joomla. I do not understand how some web developers do not take into account and are able to deliver the web to a customer without this icon personalized :-(

  4. Miguel
    Miguel says:

    Please you I could make a favicon with the letters LO green and black color background, I appreciate and have placed one but not convince me, if you're so kind to let me please send him my email which attached you, thank you very much in advance, I hope your answer thank you very much.

  5. Montse
    Montse says:

    Hahaha, are you kidding Miguel !!!
    Making a favicon is very easy ... so do it yourself, please. Create an image of 32 × 32 pixels and save it with the name "favicon", and ".ico" extension impossible ... easier.

  6. Pablo Urani
    Pablo Urani says:

    Hello, Montse, very interesabte this post. I followed your advice, and it works with Firefox, but not with Explorer.

    Can you tell me where I have to copy and paste this line of code?

    Thank you!

    Pablo Urani

  7. Montse
    Montse says:

    Paul in Explorer takes a few hours to show up.
    As few days ago you posted this comment may now have it resolved. If not, let me know please ....
    A hug.

  8. Xavi
    Xavi says:

    Hi Montse,
    We met during Igualada.
    It is very interesting what you tell me and I have stuck, but this time I have not left. The favicon I look good in Chrome but not IE.
    Instead your website is the M everywhere.
    I put the line in the source code, and for days! and still is not.
    The web: http://www.dyneke.com
    favicon exists: http://www.dyneke.com/favicon.ico
    I created the line in the source code is modified lleuregament your proposal gave me around, because I accidentally changed the kinds of kites and I deleted the space before / Final

    Can you help me? Thank you Montse, I send you a hug!
    Xavi

  9. Montse
    Montse says:

    Xavi, Internet Explorer sometimes takes a while to show the favicon (typically hours). We will do the same when changing: see the new favicon Chrome and Firefox now, but still show the old Explorer for a while.

    Wait 24 hours and see how you see it.
    A hug.

  10. Jordi Oliver
    Jordi Oliver says:

    Hello

    I see that the issue has favicon tail ...
    Xavi, if you have problems with IE tries to delete history and cookies and then restart the browser; usually works.

    Hello.

  11. Franklin
    Franklin says:

    Hi Montse,

    Some inquiries:
    there is a problem if I think the favicon in photoshop?
    Because you should always carry as favicon name because I want to put the domain name?

    Thank you,
    a greeting!

  12. Montserrat
    Montserrat says:

    Franklin, no problem. For the browser automatically detects whether to call favicon.ico, but if you use a WordPress your template will be able to tell the browser you use another file with the name you want.

  13. Julio Suarez
    Julio Suarez says:

    Thank you very much doubted that was a favicon I saw a tutorial and wanted to know that it serves me very well and to create one. Thank you.

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *