Yes—you can use a screenshot as your WordPress favicon-like Site Icon. Make a recognizable square image at least 512 × 512 pixels (PNG is the current WordPress.org recommendation), upload it through WordPress, and select it in the Site Icon control. The control’s location depends on your WordPress version and whether you use a block or classic theme.
What WordPress calls a “favicon”
WordPress’s Site Icon is the small identity image shown in browser tabs, bookmark bars and WordPress mobile contexts. It is separate from the Site Logo, which normally appears in your page header. You can use the same image for both, but changing the logo does not automatically change the icon unless you enable the relevant block setting.
WordPress’s built-in feature creates the required icon sizes for different contexts. WordPress.org says you do not need to create a favicon.ico file or edit theme templates when you use Site Icon. See the WordPress.org Create a Favicon guide and the WP_Site_Icon developer reference.
Prepare the screenshot before uploading
Use a square image of at least 512 × 512 pixels
WordPress.org’s current guidance (2025) specifies a minimum of 512 × 512 pixels. A larger square source is acceptable. PNG is the recommended format. If your screenshot is a browser-window capture, crop away browser controls, tabs and large empty margins before selecting it.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstall#1 Best Overall
Keep one subject visible
A full webpage often becomes unreadable at icon size. Choose a single high-contrast subject—such as a product mark, illustration or distinctive interface element—and center it. Avoid tiny text and details that depend on seeing the complete page.
Non-square screenshots can be cropped in WordPress
WordPress can crop a non-square upload when you choose the Site Icon. The crop is convenient, but preview the square carefully so the recognizable part of the screenshot is not cut off.
WordPress 6.5 and later: General Settings route
- Sign in to the WordPress administrator dashboard.
- Open Settings (called General Settings in some releases) and find Site Icon.
- Click Choose a Site Icon (the wording can vary slightly by release).
- Upload the prepared screenshot, or select it from the Media Library.
- If WordPress presents a crop screen, choose a square crop that keeps the subject centered and confirm it.
- Save or update the settings.
Open a page in a new tab and check the tab or a bookmark preview. A browser may continue showing an older favicon until its cached copy is replaced, so also test in a private window.
Block themes: Site Editor and Identity
When a block theme is active, the usual path is Appearance > Editor. In the Site Editor, choose Identity, then click the Site Icon image area. Upload the screenshot or select it from the Media Library and save the change. The Identity panel also contains Site Title, Tagline and Site Logo controls.
Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Fix the driver behind crashes, sound loss and screen glitches3Clear out junk files and repair common Windows errorsThe exact controls can vary with the active block theme and WordPress release. If you do not see Identity, verify that a block theme is active; classic themes use the Customizer route described below.
Classic themes and WordPress 4.3–6.4
- Go to Appearance > Customize > Site Identity.
- Under Site Icon, click Select Image.
- Upload the screenshot or choose it from the Media Library.
- Accept or adjust the square crop when prompted.
- Click Publish.
This route is still the expected interface for many classic themes, even on newer WordPress installations.
Use an existing Site Logo as the icon
If the screenshot is already assigned to a Site Logo block, select that block in the Site Editor and open its settings panel. Enable Use as site icon, then save. WordPress will use that logo image as the icon in browser tabs, bookmark bars and WordPress mobile apps. This links the two roles, so changing the logo later can also change the icon.
Which method should you use?
| Situation | Menu path | What happens to the image | Where visitors see it |
|---|---|---|---|
| WordPress 6.5+ with a settings-based interface | Settings (or General Settings) > Site Icon | Upload/select, then crop if needed | Browser tabs, bookmarks and mobile contexts |
| Active block theme | Appearance > Editor > Identity | Upload/select in the Site Editor | Browser tabs, bookmarks and mobile contexts |
| Classic theme or WordPress 4.3–6.4 | Appearance > Customize > Site Identity | Upload/select and crop, then Publish | Browser tabs, bookmarks and mobile contexts |
| Screenshot already used as Site Logo | Site Logo block settings | Enable “Use as site icon” | Both the page logo and icon, if the image remains assigned to both |
Check the result without mistaking it for a page logo
- Look at a browser tab after saving or publishing.
- Create a bookmark and inspect its favicon preview.
- Check the site in a private window if the old image remains.
- Confirm that you changed Site Icon, not only Site Logo.
WordPress’s documentation confirms the supported display contexts, but it does not promise a fixed cache-refresh time. If the new image is saved correctly and only one browser shows the old image, clear that browser’s cached site data or wait for its favicon cache to update.
Troubleshooting
There is no “Identity” section
The Site Editor Identity section is associated with block themes. Switch to Appearance > Customize > Site Identity for a classic theme, or use the Settings route if your installation exposes it.
WordPress rejects the file or the crop looks wrong
Verify that the source is at least 512 × 512 pixels and preferably PNG. A wide screenshot will be cropped to a square; return to the crop screen and move the selection so the main subject remains visible. Re-export a square image if the automatic crop removes essential content.
The old icon still appears
First confirm that you saved, updated or published the setting. Then reload the tab, test a private window and check another browser. Favicons are cached independently from ordinary page content, so an immediate visual change is not guaranteed.
The page header changed, but the tab did not
You probably changed the Site Logo only. Open the Site Icon control, or select the Site Logo block and enable Use as site icon.
The icon looks blurry or unreadable
Start with a larger, sharp square source and simplify it. A screenshot containing many small labels may be technically valid but unsuitable for a 16–32-pixel browser display. Center one high-contrast shape instead of trying to preserve the whole page.
You cannot find any of these controls
Menu names can differ by WordPress release, theme and administrator permissions. Check the active theme first, then look under Settings for Site Icon or under Appearance for Customize and Site Identity. A managed host or security plugin may also restrict administrator settings.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup: create the screenshot with ScreenshotNeo
If you still need a clean screenshot to use as the source image, ScreenshotNeo can capture a URL through one API request. It accepts consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups and chat widgets before capture. Bot checks, CAPTCHAs, blank pages, timeouts, failed loads and cache hits cost nothing, and each response identifies the result with X-Page-Verdict and X-Billed headers. You can then crop the returned image to a square of at least 512 × 512 pixels and follow the WordPress steps above.
Read the parameter details in the ScreenshotNeo documentation. The same service also offers an MCP server for Claude, Cursor and other MCP clients, with take_screenshot, get_page_info and capture_pdf tools.
Free tools Windows power users keep installed
One-click scans. No signup required.
cURL
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://your-site.example -o shot.webpPython
import requests
r = requests.get(
"https://api.screenshotneo.com/v1/shot",
params={"access_key": "YOUR_API_KEY", "url": "https://your-site.example"},
timeout=90,
)
r.raise_for_status()
open("shot.webp", "wb").write(r.content)Node.js
const q = new URLSearchParams({
access_key: 'YOUR_API_KEY',
url: 'https://your-site.example'
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot failed: ${res.status}`);
const fs = await import('node:fs/promises');
await fs.writeFile('shot.webp', Buffer.from(await res.arrayBuffer()));ScreenshotNeo supports full-page captures with lazy images loaded, element capture by CSS selector, dark mode, device presets and custom viewports, retina scale, custom CSS and JavaScript, click-before-capture actions, waits, request/resource blocking, headers, cookies, user agents, authorization, timezone and geolocation. It also supports PDFs, transparent backgrounds, resizing, selectable cache TTLs, signed image links, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, a usage API and an OpenAPI specification. Parameter names used by other screenshot APIs also work, which can simplify a migration.
The Free plan includes 1,000 screenshots per month with no card. Paid plans start at $5 for 3,000 shots; every feature is included on every plan, and yearly billing provides two months free. Create a free ScreenshotNeo account to get the 1,000 monthly screenshots without a card.
Practical limits and maintenance
- Icon design: The Site Icon is a tiny identity mark, not a miniature web page. A simplified crop will usually remain more recognizable than a complete dashboard screenshot.
- Format: Use PNG unless you have a specific reason to choose another supported image format.
- Generated sizes: WordPress’s Site Icon implementation creates additional sizes for different contexts, so manually maintaining multiple favicon files is normally unnecessary.
- Future changes: If the screenshot contains temporary content, replace the Site Icon when that content becomes outdated; otherwise visitors may see an old interface in their bookmarks long after the page has changed.
Frequently Asked Questions
Does a Site Icon change my site’s title or search-result appearance?
No. It identifies the site in browser and app contexts. Site Title, tagline and search-result presentation are controlled separately.
Can I use a JPG screenshot?
WordPress.org recommends PNG for the Site Icon. If a JPG is accepted by your installation, a square PNG export is still the safer choice for this use.
Do I need to edit header.php to add a favicon?
Normally no. WordPress’s Site Icon feature generates the required icon output and sizes without manual template edits.
Will every browser show the new image immediately?
Not necessarily. Browsers cache favicons independently, so a saved change may require a reload, private-window test or cache refresh.
The Bottom Line
Make the screenshot square and at least 512 × 512 pixels, then use the Site Icon control that matches your WordPress version and theme: Settings, Site Editor > Identity, or Customizer > Site Identity. WordPress handles cropping and icon-size generation for you.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →
