How to Add a Favicon to Your WordPress website or blog?
Favicon is the small icon image that appear to your website title in the browser. It helps your users identify your website and more frequent visitors of your site will build an instant recognition for that image.
A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of your server. You can use a favicon with any WordPress blog on a web server that allows access to the root directories.
A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of your server. You can use a favicon with any WordPress blog on a web server that allows access to the root directories.
How to create Favicon
A favicon is a simple square image. Ideally, it can be 32×32 pixels or a 16×16 pixels image. Open Photoshop or another image editor and create a square image of 128×128 pixels so that you can easily work on the image. Once you have created the image you can resize it into a 32×32 pixels and save it as a PNG file.
Even though most modern browsers will display a favicon in PNG format, older versions of Internet Explorer will not. To make sure that your favicon is displayed in most browsers and devices it is recommended that you convert it to a 16×16 pixels .ico file. To convert a PNG file into .ico you can use Dynamic Drive’s favicon genrator
Install a Favicon in wordpress
- Go to your WordPress Administration Panel.
- Click on Appearance.
- Click on Theme Editor.
- Select the file called Header or header.php to edit the file.
- Search for the line of code that begins with <link rel="shortcut icon" and ends with /favicon.ico" />. Overwrite it, if it exists, or add the following code below the <head> HTML tag.
- Save the changes.