A favicon is that small icon in browser tabs, bookmarks, and home screens. It’s a tiny detail, but it’s one of the first things that makes a site look finished — or unfinished.
Creating a proper WordPress favicon in 2026 is more complex than dropping a 16×16 .ico file in your root directory. Modern browsers and devices expect multiple formats and sizes.
What Favicon Formats Do You Actually Need?
Here’s the full list of icons a modern website should provide:
- Standard .ico — 16×16, 32×32, 48×48 for browser tabs and bookmarks.
- Apple Touch Icon — 180×180 PNG for iOS home screens.
- Android Chrome Icons — 192×192 and 512×512 PNG for Android home screens and PWA.
- Windows Tiles — For pinned sites on Windows.
- site.webmanifest — A JSON file that tells Android browsers about your icons and theme colors.
- browserconfig.xml — A config file for Windows tile icons.
That’s a lot of files and meta tags for something that should be simple.
The Manual Way to Add a Favicon to WordPress
You could use an online generator, download a zip of files, upload them to your server, and add the HTML tags to your theme’s header manually. Every time you rebrand, repeat the whole process. And hope you don’t miss a format.
WordPress has a built-in “Site Icon” feature in the Customizer, but it only generates a limited set of sizes and doesn’t create manifest files.
How to Generate All Favicon Formats Automatically
Activate the Favicon Generator module in Blaminhor Essentials.
Step 1: Upload One Image
Upload a single high-resolution square image — at least 512×512 pixels. Your logo on a transparent or colored background works best.
Step 2: Set Your Colors
Choose a theme color (the browser bar color on mobile) and a background color (for Windows tiles and Android splash screens).
Step 3: Save
The plugin generates every format automatically, creates the site.webmanifest and browserconfig.xml files, and injects the correct HTML tags into your site’s .
That’s it. One image in, perfect WordPress favicon everywhere out.
Updating Your Favicon Later
If you change your logo, upload the new image and everything regenerates. No files to manage manually, no code to edit, no meta tags to update.
The module is included in Blaminhor Essentials, free to download.
Leave a Reply