In my post, I show you how to upload and change the favicon on Astra, step by step.
The favicon is the small image you see in browser tabs. You can have a favicon for your blog in minutes with my step by step guide.
Step One – Create A Favicon For Your Website
If you have a favicon for your blog, continue to step two.
To create a favicon for your website, I recommend Canva.com (*paid link). You can design a beautiful free logo for your site in minutes.
To learn how to design an icon on Canva.com. Go to my ‘How To Create A Free Favicon On Canva.com‘ blog post.
Step Two – Resize Your Favicon
Your favicon should be a square image of 512 by 512 pixels. You can use resizeimage.net to resize your image.
Go to resizeimage.net and select the ‘Upload An Image’ link.
Once uploaded, scroll down to #4 Resize Your Image.
My uploaded image is 1200 by 628 pixels. Too big for a favicon. It also isn’t square. To resize this image to 512 by 512, I must untick the Keep Aspect Ratio box and enter 512 into the two boxes.
Next, scroll to the bottom of the screen and select the Resize Image link.
After a few seconds, a download link appears.
Click on the Download Image link to save your favicon to your computer.
Step Three – Upload Your Favicon To Astra
Hover your mouse over Appearance and select Customize from the menu on your WordPress admin dashboard.
In the customizer, select Header from the menu.
Next, select the Site Identity tab.
Scroll to the bottom of the page and click on the Select Site Icon link.
Don’t forget the ideal size for your site icon is 512 by 512 pixels. If you haven’t resized your image yet, do that before uploading.
On the next screen, select the Upload Files link.
Click on the Select Files link and choose the favicon image you saved to your computer.
Once uploaded, complete the Alt Text and Title fields before clicking on Select.
Now you have a favicon for your site.
Your favicon shows in browser tabs.
Step Four – Publish Your Changes
To make the favicon live on your website, click on Publish.
Go to the homepage of your website to view your favicon.
Now you have successfully changed the site icon on Astra for your WordPress website.
How To Add Or Change The Astra Theme Favicon Video Tutorial
Frequently Asked Questions
Now you can upload and change a favicon on the Ashe WordPress theme.
If you don’t have a favicon for your site, I recommend using Canva.com (*paid link) and opening a free account. You can design a beautiful favicon for your blog.
If you have an image you want to use for your site icon, ensure it is square and 512 by 512 pixels. If it isn’t, go to resizeimage.net to resize the image before uploading.
To upload your image, go into the theme customizer and select Header. Next, click on Site Identity and scroll to the bottom.
Upload your image by clicking on the Select Site Icon link. Once uploaded, publish your changes.
If you have any questions about favicons, please leave them in the comments. Do you have a favicon for your blog? How did you design yours?