Blog

Favicon is an important element of online branding and improving your website’s user experience. Favicons are small images usually 16×16 pixels which is displayed next to page’s title in the browsers. These favicons helps users to identify your website.

Favicon

Favicon

You can add favicons to your website either manually or with the help of plugins. You can read my previous post about How to add favicon to WordPress without plugins to add Favicon manually.

However, both of these methods are good, but using plugins definitely have a major advantage over the traditional method of writing the code. Plugins make your work much easier.

You can find a large number of WordPress plugins, which are designed for adding favicons to your WordPress blog post. It can be very difficult to search for the best plug-in out of the numerous favicon plugins. Thus, to simplify your plug-in selection process, I am listing the three best favicon plugins, which allows you to add favicon to your WordPress blog very smoothly.

1. Heroic Favicon Generator

Heroic favicon Generator allows you to create your favicon in just few clicks.

This favicon generator allows you to either upload your images or select from the already existing images in your media library.

How to Use Heroic Favicon Plugin?

Go to Settings–>Heroic favicon generator.

Heroic-Favicon

Heroic-Favicon

A dialog box will appear. Click on the Select Favicon button.

Settings

You can either upload the image from your hard drive or you can select an image from your media library.

Once you select an image, click on the save button and your job of adding favicon to your website is done.

 2. All in One Favicon

All in one Favicon is a free WordPress plugin which allows you to easily manage and upload favicons on your WordPress blogs and websites.

Features:

  • This is one of the best favicon plugins as it allows you to upload files in three formats which are .gif which includes animated images, .png and .ico.
  • Another best thing about this favicon plug-in is that it supports Apple touch icons.

How to Use All in One Favicon?

Go to plugins >> Installed plugins >> All in One Settings

All-in-one-favicon

All in One Favicon Settings page will open which has five sections namely frontend Settings, backend settings, settings, tips and delete settings from top to bottom.

Upload your image in the Front End settings section. Since All in One Favicon plug-in supports 3 different image formats, you will see three boxes one for each image format. Upload your image in the appropriate box.

All_in_one_Favicon_settings

 

After uploading the image, click on the Save Changes. You will get this message on the top of your All in One Favicon Settings page.

Successfully

Now you can see your favicon just before the page title in your web browser.

To Delete Favicon:

If you feel that favicon does not suit your blog, you can delete it by going into the delete section of the All in One Favicon settings.

Delete-settings

Check the checkbox and click on delete settings. Your favicon will be deleted.

3. Favicon

Favicon plugin is developed by RealFaviconGenerator. With this plugin, you can create and install your favicon very rapidly.

This plugin allows you to create favicons for your desktop browsers as well as for your Windows 8 tablets, Android devices and iPhones and iPads in juts few seconds.

How to Use Favicon plugin?

After you have installed and activated the plug-in, Go to Appearance >> Favicon

Favicon

Favicon

You will get a dialog box.

Favicon-settings

Favicon-settings

Click on Generate Favicon or select from the Media Library button. You will get a new dialog box. Click on the favicon generator option.

Favicon_Generator

Click on the Select your Favicon Picture. Your picture should be a square image of at least 70X70.

Now, you will get another dialog box asking you to install your favicon. Click on the copy button to copy the text.

Your_generated_favicon

Your_generated_favicon

Paste this copied section in between the <head> </head> tags in your header.php and save it. Refresh your browser and your favicon will be generated and added before the title of your blog in the web browser.

Out of these 3 Favicon plugins, I recommend you Heroic Favicon plugin because this plugin is very easy to use for beginners and experts. If you want to add any Favicon plugin in our list, then please mention in the comment section below.

 

About author

Kriti Jain

Kriti is a passionate blogger and WordPress wanderer. She explores WordPress everyday and shares her findings with the web world.

  1. Hi, I downloaded the app, and upload mi image to generate the favicon but , what I have to do? because I don’t see any favicon when I open my website in any browser.. I follow the steps but is not showing anything… what can I do? Thanks.

    • Hello Deya,

      I have just checked the site and I can see the favicon (same as your logo graphic).
      I would recommend you to clear browser cache or you can try opening your site in a different browser.

  2. I put All In One Favicon Plugin in my site and it just works great. I thought I would need some special knowledge to insert the Favicon but it was super easy.
    It works perfectly with my bilingual blog. Both languages have the same favicon without issues.
    Here are examples of the same pages in two different languages:
    http://foradazonadeconforto.com/como-escolher-e-comprar-seguro-de-viagem/ (Brazilian Portuguese)
    http://outofyourcomfortzone.net/how-to-buy-travel-insurance/ (English)
    Just a great Plugin.

Leave a Reply

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

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>