Changing the default Blogger favicon is actually very simple, but there are a few requirements you need to follow before uploading your image.
First, make sure your favicon image is less than 100KB. If the file size is too large, you can compress it using tools like CompressJPEG or iLoveIMG or Squoosh.
If you encounter the error message:
This file is too large. You can upload a file up to 100KB in size.
You may need to resize or convert your image into a proper favicon format such as 16×16 pixels. You can do that using tools like Favicon Generator.
Legacy Blogger
Here’s how to change the default favicon in the older Blogger dashboard.
1. Go to your Blogger Legacy Dashboard > Layout > Favicon > Edit.
2. After clicking Edit, the Configure Favicon window will appear. Choose your image file (less than 100KB), then click Save.
3. Refresh your blog. If the default Blogger favicon is still showing in the browser tab, try manually refreshing the favicon using this URL format:
https://yourblogname.blogspot.com/favicon.ico
Replace yourblogname with your actual Blogger site name.
Then press:
- CTRL + F5 on Windows
- CMD + Shift + R on Mac
If your new favicon appears on that URL, the update was successful.
Modern Blogger
Here’s how to change the favicon using the newer Blogger dashboard.
1. Go to Blogger Dashboard > Settings > Favicon.
2. After clicking Favicon, the upload window will appear. Select your image file (less than 100KB), then click Save.
3. If the old Blogger favicon still appears in your browser tab, repeat the manual favicon refresh method mentioned in Step #3 above.
Final Thoughts
Changing your Blogger favicon is a small customization, but it helps make your blog look more personal and recognizable in browser tabs and bookmarks.
If the favicon does not update immediately, don’t worry because browser caching sometimes delays the change. Usually, refreshing the favicon URL and clearing the browser cache solves the issue.
