Recommended Free Tools
WordPress has no single setting called “website thumbnail.” The correct control depends on where you want the image to appear:
- On a post, page, archive, or blog list: set that item’s Featured image (also called a Post Thumbnail).
- In browser tabs, bookmarks, and mobile apps: set the site-wide Site Icon (favicon).
- When someone shares a link: set the social or Open Graph image generated by your SEO or social plugin.
- In the site header: set the Site Logo.
These images are independent. Changing a featured image does not automatically change your favicon, logo, or every social preview.
Choose the WordPress image setting that matches the thumbnail you mean
| Where the image appears | Setting to change | Typical scope | What controls the result |
|---|---|---|---|
| Post, page, archive, or blog index | Featured image (Post Thumbnail) | One post or page at a time | Your active theme decides whether and where it is displayed. |
| Browser tab, bookmark, or mobile app | Site Icon (favicon) | Site-wide | WordPress and the browser’s cached icon. |
| Facebook, LinkedIn, or other link card | Social/Open Graph image | Usually one URL, with defaults available | The SEO or social plugin that outputs metadata, plus the sharing service. |
| Header, navigation, or branding area | Site Logo | Site-wide | Your theme or Site Editor layout. |
Use the section below that describes the location you care about instead of changing settings at random.
How to set a featured image in WordPress
A featured image belongs to an individual post or page. WordPress documentation also calls it a Post Thumbnail. Themes commonly use it on the blog index, category archives, related-post cards, and at the top of the article, but a theme can omit it or place it differently.
#1 Best Overall
- Open the post or page in the WordPress editor. A custom post type may use a different editor label.
- If the settings sidebar is hidden, click the gear icon in the upper-right corner.
- Select the Post or Page tab. Custom post types can show their own tab name.
- Find Featured image and click Set featured image.
- Upload a file or select an existing image from the Media Library. Add useful alternative text in the media details when the image conveys information.
- Confirm with Set featured image, then save or publish the content.
To replace it, open the same panel and choose a new image. To remove it, use the panel’s removal control and update the post. If the image is set correctly but does not appear in an archive, inspect the theme’s template: featured-image display is theme-dependent, not guaranteed by WordPress itself.
Featured-image checks before publishing
- Use a clear subject that still works when the theme crops it into a card or banner.
- Check the editor preview and the public post at the same width your readers use.
- Keep important text away from edges; responsive cards can crop sides or top and bottom.
- Do not assume this image controls a shared-link preview. That depends on the metadata provider described below.
How to change your WordPress favicon (Site Icon)
The Site Icon is the small square image used in browser tabs, bookmarks, and some mobile app surfaces. It is not your visible header logo and it is not a post thumbnail.
WordPress 6.5 and later
- From the dashboard, open Settings > General.
- Choose the Site Icon control.
- Upload an image or select one from the Media Library.
- Use a square file at least 512 × 512 pixels. WordPress recommends PNG for this purpose.
- Save the settings and open your site in a new tab to verify the icon.
WordPress 4.3 through 6.4
On these versions, the documented route is Appearance > Customize > Site Identity. Choose or upload the Site Icon, confirm the crop if WordPress requests one, and click Publish.
Block themes and the Site Editor
With a block theme, open Appearance > Editor and select Identity. That section can contain the site title, tagline, logo, and icon. The icon serves browser tabs, bookmarks, and apps; the logo is the mark rendered in the site layout.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →Browsers cache favicons aggressively. If the old icon remains after saving, test a private window or another browser before changing the image again. That observation does not indicate that the WordPress setting failed.
How to set the thumbnail shown when a WordPress link is shared
Social cards normally read metadata such as og:image. They do not use the favicon. A featured image may be selected automatically, but an SEO plugin can supply a custom image or a fallback instead.
Yoast SEO’s image selection
Yoast’s documented hierarchy uses the first available choice in this order: a social image set specifically for the page, the post’s featured image, a prominent image in the content, a content-type social default, and finally a site-wide fallback. The exact controls depend on whether you are editing a post, page, homepage, or a global content-type setting.
- Open the page or post in the WordPress editor.
- Open the Yoast SEO panel and its social appearance controls.
- Set the Facebook or other social image field if you want a value different from the featured image.
- Configure content-type and homepage defaults in Yoast’s global social settings so pages without a custom image still have a fallback.
- Update the page, then inspect its generated HTML for the actual
og:imagevalue.
Other SEO plugins can use different priorities. Treat Yoast’s order as vendor-specific, not as a universal WordPress rule. If a shared card shows the wrong picture, inspect the page source or metadata first and then adjust the plugin that generated it. Changing the favicon or Site Logo will not correct an incorrect og:image.
Social-image preparation
- Choose an image that remains understandable when a social service crops it to its card shape.
- Keep the file readable and reasonably sized so metadata fetchers can download it.
- Set a page-specific social image when the featured image is unsuitable for sharing; retain a global fallback for pages without one.
Preview services can cache metadata, and there is no universal refresh interval across social networks. Verify the generated metadata before troubleshooting a platform’s cached card.
Rank #4
Site Logo versus Site Icon versus Featured Image
The names are easy to confuse because a theme can display several of these images near one another. The Site Logo is a branding element in the header or navigation. The Site Icon identifies the site outside the page, while a Featured Image describes one piece of content. A social image is metadata selected for a link card. Give each placement its own asset when the crops or purpose differ.
Image preparation and accessibility
Choose dimensions for the destination
Use a square file of at least 512 × 512 pixels for the Site Icon. For featured and social images, follow the visual ratio used by your theme or social template and keep the focal point near the center. WordPress and plugins can create intermediate sizes, so uploading an extremely large original only increases storage and processing without guaranteeing a sharper card.
Use meaningful alternative text where it is read
Alternative text belongs to the image’s purpose in the page, not to the filename. A decorative thumbnail can use empty alternative text when your accessibility setup permits it; an informative image should describe the information a reader would otherwise miss. Site Icons normally function as identification rather than page content.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Repair Windows errors before they cause bigger problems3Scan for outdated or missing drivers - takes under a minuteBest Value
Troubleshooting: the image is set but the result is wrong
The featured image does not appear on the blog page
- Confirm the image is saved on the correct post or page, not merely uploaded to the Media Library.
- Check whether the active theme’s archive or single-post template outputs featured images. A theme can intentionally omit them.
- Clear a page-cache layer only after confirming the template and image URL are correct.
- If a custom post type is involved, verify that its editor and theme template support featured images.
The favicon is still the old image
- Confirm that the Site Icon was saved in the route matching your WordPress version.
- Use a square image of at least 512 × 512 pixels and check that the Media Library file loads directly.
- Test a private window or a different browser because favicon caches can outlive the change.
- With a block theme, check Appearance > Editor > Identity for an icon set in the Site Editor.
The shared link uses the wrong thumbnail
- View the page source and locate the generated
og:image; this identifies which image the site is publishing. - Check the active SEO or social plugin’s page-level image and its global fallback settings.
- Remember that a featured image can be lower in a plugin’s priority order than a custom social image.
- After correcting metadata, allow for the sharing platform’s own cache; refresh behavior differs by service.
WordPress will not accept the icon
Verify that the file is square, at least 512 pixels on each side, and a supported image type such as PNG. If the upload fails, try selecting a file already present in the Media Library to distinguish an upload problem from a setting or theme problem.
Or skip the browser setup
If you need a rendered screenshot of a WordPress page for documentation, QA, or a social workflow, ScreenshotNeo returns an image or PDF from one GET request. It removes cookie-consent banners, newsletter popups, and chat widgets before capture; bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and response headers identify the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients.
See the full parameter list in the ScreenshotNeo documentation. The following examples use the same request with a WordPress URL.
cURL
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpPython
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://example.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://example.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);Every feature is available on every plan. The Free plan includes 1,000 shots per month without a card; paid plans start at $5 for 3,000 shots, with yearly billing providing two months free. Create a free ScreenshotNeo account to get the 1,000 monthly shots.
Screenshot capture reliability, performance, and cost notes
- Use a wait-for-selector, delay, or network-idle condition when WordPress loads the thumbnail or hero image lazily.
- For a long page, enable full-page capture so content below the initial viewport is rendered.
- Set a viewport or device preset that matches the layout you are checking; retina scale changes pixel density, not the WordPress image setting.
- Use caching with a chosen TTL for repeated checks, and bulk capture for up to 100 URLs per call when processing a site inventory.
- Custom headers, cookies, user agents, timezone, and geolocation help reproduce protected or localized WordPress views. Failed loads and bot checks are reported in headers and do not consume billed clean shots.
These capture settings document what the page looks like; they do not replace WordPress’s Featured image, Site Icon, Site Logo, or social metadata controls.
The Bottom Line
For a post or page thumbnail, set its Featured image. For a browser favicon, use Site Icon; for link previews, set the social image that generates og:image; and for header branding, use Site Logo. They are separate settings, so verify the exact placement you want to change.
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.
