Skip to content Skip to main navigation Skip to footer

How to Change Favicon in WordPress Site? 5 Easy Steps

‌WordPress gives very easy and simple steps to change Favicon or set Site Icon.‌

How to Change Favicon in WordPress Site

There is something important, you need to know before jumping in.

Log in to your WordPress site installation as an Administrator. No other roles like Editor or Contributor etc. can perform this activity.

According to WordPress “Site Icons should be square and at least 512 × 512 pixels”, of course, image cropping is also available for large images in WordPress.

5 Steps to change Favicon or Set Site Icon


Step 1: Login to your WordPress site as an Administrator.

And get access to your site’s Administration Screen. It should look like:

Step 2 : Go to Customize option

Now in the Main Navigation menu (black colored, left SideBar ) click on Appearance > Customize sub-option.‌

Now you are on the WordPress Customizer screen.‌

Click on the Default Setting option to get the Site Identity option.‌ (Generally, Site Identity may be as a parent option)

Step 3 : Navigate to Site Identity

Click on the Site Identity option. Select Site Icon option (Last Option) in the left-hand panel is WordPress site icon aka Favicon selecting an option.‌

Click on the Select site icon. Now select image screen will appear with two options Upload Files and Media Library.‌

Step 4 : Upload Favicon

Upload Files – Here someone can upload a new image by selecting or dropping the image in the work area.‌

Media Library – If images are already added to the Media Library then the option Media Library can be chosen.‌


‌If someone opts for the Upload Files option and selects any image then the selected image will appear immediately in Media Library with some setting options. It will look like…‌

Now you can select any image for your site Favicon. (in our case the first image with a checkmark), the image you selected will appear in Crop Image screen

‌Here you can crop the image and preview the same as an icon in the preview panel (Right SideBar). Adjust the crop selector in different ways and you can get your desired icon.

Step 5 : Publish

As a final point, the Site Icon or Favicon will appear in the Site Identity Setting screen.

change Favicon in wordpress

Finally, click on Publish button and check your Favicon with your site in a browser, bookmarks, home screen on a mobile phone or tab.‌

Favicon
Favicon

Was This Article Helpful?

0
0 Comments

There are no comments yet

Leave a comment

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