How to insert a site icon on WordPress

Site icon or another word Favicon is, actually, a small image appearing next to the title of your website in your browser. In general, site icon aids users in identifying your site and your frequent customers can help you build up an instant realization for this small image. This action is effective to increase users’ brand recognition and build trust for your visitors.

Therefore, in this article, you will be shown how to insert a site icon on WordPress.

How to insert a site icon on WordPress

The reasons why you should insert a Favicon on WordPress site

In this part, you will be explained clearly why you had better insert a Favicon on your WordPress site. As it is mentioned previously, a favicon plays a critical role in identifying your website. In addition, a site icon can enhance your user experience and its usability.

In fact, most users can have lots of tab opening in their browser window. Although it hides the website’s title, the favicon still helps visitor identity your site and switch quickly to the tab they really want to see.

Users can have one more option which is to insert your site into their home screen on their mobile devices. Also, your favicon is used as a user is adding your site to the home screen on their mobile devices.

How to create a site icon

If you do not know how to create your own favicon, do not ignore this part. Take note that a brand’s logo can be created to use as your site icon.

Regarding the size, you are highly recommended to create your own icon with 512 pixels in height and width at least. Furthermore, the icon should be square or even rectangular in shape, and WordPress allows you to crop this image once you add it.

Adobe Photoshop or Gimp is strongly suggested to help you create a favicon of 512 x 512 pixels if you want to use an image editing program. You can opt for your transparent picture or you can get the image fulfilled with your favorite background color. And one more thing to remember is the image needs to be in jpeg, gif or png format.

How to insert a site icon on WordPress site

You should bear in mind that WordPress version 4.3 already allows you to create a site icon or a favicon from your WordPress admin.

  • Step 1: Head to Appearance -> Customize.

  • Step 2: Choose Site identity tab.

  • Step 3: This section of site identity in customizer will help you modify your site’s title and description, then manage if you want to show them in the header or not. Additionally, it lets you upload the site icon. All you need to do is to click on the selected file button, then get your image you want to apply as your site icon uploaded.

  • Step 4: In case your uploading image exceeds WordPress’s recommended size, it will ask you to crop it. If your image matches the size recommended, you can continue to save this image.

  • Step 5: Don’t forget to click on Save & Publish to make it active on your site. If you want to hide your title and description, simply uncheck the box labeled Display Header Text.

  • Step 5: After that, you can preview your site icon or your site in action. Your site can also be seen on the mobile devices. Another way is to click on Add to home screen from your browser menu. You will get instantly informed if your favicon appears on your home screen.


We hope that with this article on how to insert a site icon on Wordpress, you can feel more confident in performing those above simple steps. It is also nice to incorporate some of your branding into your website. If you have any difficulties or questions, don’t hesitate to leave us a comment as well as share this tutorial on your social channels if you find it useful to every WordPress user.