Get a Free Quote

Fill out this form and receive a free, no-obligation quotation for your website design.

Edit Template

How to Change Your Website’s Favicon on WordPress

A unique and recognisable favicon is an important aspect of branding your website. A favicon is a small icon in the browser tab when someone visits your website. It helps users identify your site and adds a professional touch to your online presence. In this guide, we will walk you through changing your website’s favicon on WordPress.

Step 1: Choose or Create Your Favicon

The first step is to choose or create a favicon for your website. A favicon is typically a square image with dimensions of 16×16 pixels or 32×32 pixels.

You can use an existing logo or create a new design that represents your brand. Many online tools and graphic design software are available to help you create a favicon.

Step 2: Resize and Optimise Your Favicon

Once you have your favicon ready, you need to resize and optimise it for the web. Several online tools can help you resize and compress your image without compromising its quality. 

Step 3: Access Your WordPress Dashboard

Log in to your WordPress website by entering your username and password. Once you are logged in, you will be redirected to the WordPress dashboard.

Step 4: Go to the Appearance Menu

In the WordPress dashboard, locate the “Appearance” menu on the left-hand side. When you hover over it, a submenu will appear. Click on “Customize” to access the WordPress Customiser.

Step 1 - Appearance - Customise

Step 5: Open the Site Identity Settings

You will see a list of options on the left-hand side within the WordPress Customiser. Look for the “Site Identity” option and click on it to open the settings.

Step 2 - Site Identity

Step 6: Upload Your Favicon

In the Site Identity settings, you will find an option to upload your favicon. Click the “Select Site Icon” button to open the media library. From there, you can upload your favicon or choose an existing image from your media library.

Step 3 - Select Icon

Step 7: Crop and Save Your Favicon

After selecting your favicon, WordPress will prompt you to crop the image to fit the required dimensions. Adjust the cropping area as needed and click on the “Crop Image” button. Finally, click on the “Save & Publish” button to apply the changes to your website.

Step 4 Preview Confirm

Step 8: Test Your Favicon

Once you have saved your changes, open your website in a new browser tab to test your new favicon. If everything is working correctly, you should see your new favicon displayed in the browser tab.

Additional Tips

Here are some additional tips to consider when changing your website’s favicon:

  • Make sure your favicon represents your brand effectively.
  • Keep the design simple and easy to recognise, even in small sizes.
  • Test your favicon on different browsers and devices to ensure compatibility.
  • Consider creating multiple versions of your favicon for different screen resolutions.


Changing your website’s favicon on WordPress is a simple process that can significantly impact your branding. By following the steps outlined in this guide, you can easily upload and display your custom favicon, enhancing your website’s overall look and feel.

Leave a Reply

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

About Us

WiseOwl.Design offers custom web design services by a friendly team of owls.

Most Recent Posts

Get your website design now

Design Your Website With Wise Owl

Our Products

Graphic Design

Content writing

 © 2024 TMS Consultants Ltd trading as  Wise Owl Design and SEO Secrets, registered in England. No. 8190796. ICO No. ZB136784