How to Add a Favicon to WordPress (Correct Size +

What a Favicon Is (and Why It Matters)

A favicon (favourites icon) is the small image browsers show in tabs, bookmarks and phone home screens — and adding one to WordPress is a two-minute job once the image is ready.

Key points:

• Prepare a square image, at least 512×512 pixels, PNG or SVG-friendly.

• Upload via Appearance → Customize → Site Identity → Site Icon (classic themes).

• Block themes manage it under Settings → General → Site Icon instead.

• WordPress generates the browser, tile and app-icon sizes automatically.

• If it will not update, clear caches — the old icon is cached, not missing.

Do it on staging first if your host offers it — WordPress hosting with staging makes icon and logo experiments zero-risk, and editing WordPress content covers the rest of the Site Identity screen.

Preparing the Image: Size, Format, Shape

Preparing the Image: Size, Format, Shape. Do the change this heading names on one site first, then check it in a private browser window or in the mail client, depending on the topic. Change one setting at a time, and undo it if the result is wrong before you try the next. If you want the Jaipur desk to look with you, email support@webji.services — that mailbox is staffed 24/7 in Hindi and English. Phone +91 141 4941811 is business hours only.

Adding It via Site Identity (Classic Themes)

For classic themes, the setting lives at Appearance > Customize > Site Identity, and the steps are:

1. Open the Customizer and select Site Identity.
2. Click Select Site Icon and upload your prepared square image (512×512 or larger).
3. Crop if prompted — WordPress centres the square automatically.
4. Publish, then hard-refresh the browser; check the tab for the new icon.

WordPress generates every derivative — 16×16 favicon, 180×180 Apple touch icon, tile sizes — from the one upload, so no manual sizing is needed. Block-theme users find the same field under Settings → General → Site Icon, and the result is identical across themes.

Block Themes: Where Site Icon Lives Now

Update plugins and themes on a copy or straight after a backup, one at a time if the site is a shop. A white screen after an update is usually one plugin: rename its folder via the file manager to disable it. Remove plugins you do not use — they are unpatched code.

Using Your Logo to Make a Favicon

Using Your Logo to Make a Favicon. Do the change this heading names on one site first, then check it in a private browser window or in the mail client, depending on the topic. Change one setting at a time, and undo it if the result is wrong before you try the next. If you want the Jaipur desk to look with you, email support@webji.services — that mailbox is staffed 24/7 in Hindi and English. Phone +91 141 4941811 is business hours only.

When the Favicon Won't Update (Caching)

How this plays out with browser tab and bookmark icons: settings that look cosmetic usually decide page speed and uptime under real traffic. The defaults WebJi® ships are tuned for Indian network conditions, and support can review your setup on request.