Create and Manage Your Hostinger Favicon
TL;DR:
- Upload favicons through the Hostinger Website Builder settings panel
- Use square images (32×32 pixels) in PNG or ICO format for best results
- Update favicons by replacing the old file with a new one
- Clear your browser cache after changes to see updates immediately
- Favicons improve brand recognition and site professionalism
A favicon is that tiny icon that appears in browser tabs and bookmarks next to your site name. It's a small detail that makes your site look more professional and helps visitors recognise your brand at a glance.
Getting your favicon set up in Hostinger Website Builder is straightforward. Here's how to do it properly.
Adding Your Favicon
Start by logging into your Hostinger account and opening the Website Builder for your site. Look for the settings section, which is usually found in the main menu or dashboard area.
Once you're in the settings, you'll see an option for uploading your favicon. Click the upload button and select your image file from your computer.
Your image needs to be square and ideally 32×32 pixels, though most modern browsers can handle larger sizes. Stick to PNG or ICO format for the best compatibility across different browsers and devices.
Updating Your Favicon
To change your favicon later, go back to the same settings area where you uploaded the original. You can either remove the old favicon first or simply upload a new one to replace it.
After updating, clear your browser cache to see the change straight away. Otherwise, you might still see the old favicon for a while.
This is something you can do whenever your branding changes or you want to refresh your site's look. Some businesses update their favicons seasonally or for special campaigns.
Technical Requirements
Keep your favicon file small. A 32×32 pixel PNG file works well for most situations. If you want to be thorough, you can create an ICO file that contains multiple sizes, but this isn't necessary for most websites.
Make sure your image looks clear at a tiny size. Complex logos or detailed graphics often don't work well as favicons because they become unreadable when scaled down.
Test your favicon across different browsers and devices to make sure it displays properly everywhere your visitors might see it.
FAQs
Can I use any image as a favicon in Hostinger Website Builder?
You can upload most common image formats, but PNG and ICO work best. The image should be square and clear enough to read at a small size.
What happens if my favicon doesn't meet the size requirements?
Hostinger will usually resize your image automatically, but it's better to prepare the correct size yourself to maintain image quality.
Will my favicon appear immediately after uploading?
It should appear fairly quickly, but browsers sometimes cache the old version. Clear your browser cache or wait a few hours for the change to show everywhere.
Jargon Buster
Favicon: The small icon that appears in browser tabs, bookmarks, and sometimes in search results next to your website name.
PNG: A common image format that supports transparency and works well for favicons.
ICO: A Windows icon format that can contain multiple image sizes in one file, useful for favicons that need to display at different sizes.
Browser cache: Temporary files stored by your web browser to make websites load faster, which can sometimes show old versions of updated content.
Wrap-up
Setting up a favicon in Hostinger Website Builder takes just a few minutes but makes your site look more professional and recognisable. Keep your favicon simple, make sure it's the right size, and update it when your branding changes.
The key is making sure your favicon represents your brand clearly even at a tiny size. Once it's set up, your visitors will see it every time they have your site open in a browser tab.
Ready to take your website skills further? Join our community at Pixelhaze Academy for more in-depth tutorials and expert guidance.