Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →There is no single correct website thumbnail size. The right dimensions depend on where the image appears: a CMS card, a social link preview or Google Discover. Choose the display surface first, then create a large enough source image, compose for its crop and configure the relevant metadata or CMS setting.
| Use case | Working dimensions | Shape or rule |
|---|---|---|
| Google Discover large image | At least 1,200 px wide and more than 300,000 total pixels (1,280 × 720 px is a safe example) | 16:9; allow max-image-preview:large or AMP |
| LinkedIn shared-link preview | At least 1,200 × 627 px; maximum file size 5 MB | Recommended ratio 1.91:1 |
| Facebook shared-link image | 1,200 × 630 px is a commonly published guide value | Check Facebook’s current specifications before publishing |
| WordPress or other CMS card | Set by the theme or component | May be scaled, center-cropped or position-cropped |
Start with the placement, not a magic number
A thumbnail is a presentation role, not a universal file type. A news-card thumbnail might be rendered at 320 × 180 px, while the same article’s social image is downloaded at 1,200 px or more. Search and social systems may also select an image automatically rather than using the file you consider the thumbnail.
Keep a high-resolution master and generate derivatives for each important surface. Compare the target’s minimum width, aspect ratio, crop behavior, file size and metadata. A 16:9 Discover image and a 1.91:1 LinkedIn image are close, but a subject near the edge can be clipped when one image is used for both.
WordPress thumbnail size: what the settings actually control
Media settings
In WordPress, open Settings → Media. The Thumbnail size fields specify a width and height. The option to crop thumbnails to exact dimensions determines whether WordPress preserves the whole image by scaling it or fills the box by cropping it. Exact cropping is useful for uniform card grids, but it can remove faces, product labels or text at the edges.
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
WordPress’s Media “thumbnail” size is separate from a theme’s post-thumbnail (featured-image) size. A theme can register its own dimensions and use those in templates, so changing Media settings may not alter the image you see on an archive page.
Theme-registered sizes
A theme can register a post-thumbnail size with PHP:
set_post_thumbnail_size(640, 360, true);The third argument enables a centered hard crop. With cropping disabled, the image is scaled to fit. An array can choose a crop position, for example:
set_post_thumbnail_size(640, 360, array('center', 'top'));The exact function call belongs in the theme’s setup code, not in a page editor. Check the theme documentation or template files for the actual size used by your card component.
Changing a size does not fix old files
Registering a new size affects future derivative generation. Existing uploads do not automatically gain the new dimensions, so they may continue to use old crops until your site regenerates image derivatives with an appropriate WordPress tool. Always test a newly uploaded image after changing the setting, then regenerate older media if the layout requires consistency.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
Google Discover image dimensions and eligibility
For Google’s large-image treatment in Discover, use an image at least 1,200 px wide, with more than 300,000 total pixels, and a 16:9 ratio. A 1,280 × 720 image contains 921,600 pixels and clears the pixel threshold. These are Discover image recommendations, not a requirement for every website thumbnail.
Enable the large preview with the max-image-preview:large directive (or use AMP where applicable). A compliant image still does not guarantee that Google will show the page in Discover, display a large preview or select that particular image. Google chooses image previews automatically from multiple sources. Give it a relevant, representative, high-resolution image rather than a generic logo, and avoid an extreme aspect ratio.
Set a preferred image without assuming control
Use an og:image value and schema.org image properties to identify a preferred representative image. These signals help crawlers understand your choice, but Google’s selection remains automated. Ensure the image is crawlable, stable and closely related to the page’s subject. Keep important text and faces away from the outer edges because another surface may crop the file.
Social link-preview sizes are platform-specific
LinkedIn’s sharing module lists a minimum of 1,200 × 627 px, recommends a 1.91:1 ratio and specifies a maximum file size of 5 MB. That image is for a link preview, not for your site’s small card component. Add the image URL to the page’s Open Graph metadata and inspect the resulting preview after publishing.
A Canva size guide lists 1,200 × 630 px for Facebook shared-link images. This is a secondary guide rather than a universal contract, so verify Facebook’s current documentation if the preview is business-critical. The ratio is close to LinkedIn’s; a carefully composed 1,200 × 630 master can often be adapted, but do not assume identical cropping.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Open Graph implementation
A minimal page head can identify the intended preview:
<meta property="og:type" content="article">
<meta property="og:title" content="Your article title">
<meta property="og:url" content="https://example.com/article">
<meta property="og:image" content="https://example.com/images/article-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">Use an absolute, publicly reachable URL. If you replace the file while keeping the URL, a platform may continue showing a cached version; changing the filename or using the platform’s preview debugger can force a refresh.
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 minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11How to choose dimensions for several surfaces
- List every destination. Record the card component, featured-image slot, Discover target and social networks that matter to your audience.
- Find the real rendered box. Inspect the CSS or theme template at desktop and mobile widths. A component advertised as “thumbnail” may use a different crop at each breakpoint.
- Create a master with headroom. Start with at least the largest required width; 1,280 × 720 works for a 16:9 Discover composition, while a separate 1,200 × 630 crop suits many social previews.
- Protect the focal area. Keep faces, logos and text inside the central safe area. Do not put essential information in corners that a hard crop can remove.
- Export appropriately. Use JPEG for photographic images, PNG for sharp transparency or line art, and WebP when your delivery stack supports it. Balance quality against transfer size; a larger pixel dimension is not useful if compression makes text unreadable.
- Configure the signal. Set the WordPress/theme size for on-site cards, add Open Graph metadata for sharing and permit
max-image-preview:largewhen Discover large previews are desired. - Inspect the result. Check the actual card, a mobile layout and each social preview. Look for unexpected letterboxing, clipped subjects, stale caches and a platform choosing a different image.
Design and crop rules that prevent bad thumbnails
- Use a clear subject with strong contrast; details that look good at 1,200 px may disappear at 160 px.
- Leave breathing room around text and faces. Center crops usually remove equal amounts from opposite edges, but a theme may crop from a selected position.
- Do not bake small, essential copy into an image unless it remains legible at the smallest display size. Put the explanation in the page title and metadata too.
- Keep the same subject and visual identity across derivatives, but allow a separate crop when a ratio change would otherwise remove the subject.
- Use descriptive filenames and meaningful alternative text for accessibility. Alt text does not force a search or social preview, but it helps users when the image cannot load.
Performance, caching and reliability
Serve derivatives close to their display dimensions instead of sending a multi-megapixel original to every card. Responsive HTML with srcset and sizes lets browsers choose an appropriate width. Lazy-load below-the-fold cards, but keep the main article image discoverable and avoid delaying it unnecessarily.
Cache generated files with a long-lived immutable URL. When an image changes, publish a new filename or version so browsers and social crawlers do not keep the old bytes. Verify that your CDN sends the correct content type and that robots rules, authentication or hotlink protection do not block crawlers.
Or skip the browser setup
If you need rendered screenshots rather than manually prepared thumbnail files, ScreenshotNeo returns a PNG, JPEG, WebP or PDF from one request. It accepts cookie and consent banners before capture and removes more than 60 known consent platforms, newsletter popups and chat widgets; each step can be disabled. Bot checks, CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and response headers identify the page verdict and billing result.
Use the API documentation at https://screenshotneo.com/docs/. A basic cURL request is:
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpPython:
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js:
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);For thumbnail workflows, relevant options include full-page capture with lazy images loaded, a CSS-selector element capture, dark mode, 12 device presets or a custom viewport, retina scale, image resizing, transparent backgrounds, custom CSS and JavaScript, click-before-capture, hidden selectors, waits for a selector, delay or network idle, ad/tracker/request blocking, custom headers, cookies, user agent, Authorization, timezone and geolocation. You can choose PDF paper settings, cache TTL, signed links for public <img> tags, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, usage reporting and an OpenAPI specification. Parameter names used by other screenshot APIs also work, easing migration.
ScreenshotNeo also provides an MCP server with take_screenshot, get_page_info and capture_pdf for Claude, Cursor and other MCP clients. The Free plan includes 1,000 shots each month without a card; paid plans start at $5 for 3,000 shots. Create a free ScreenshotNeo account to get started.
Troubleshooting thumbnail problems
The image is the wrong shape
Inspect the component’s CSS and the theme’s registered size. If exact crop is enabled, create a deliberate derivative at that ratio or change the crop position; merely uploading a wider original will not prevent clipping.
WordPress still shows the old dimensions
Changing a registered size does not resize existing uploads. Regenerate derivatives, clear the page/CDN cache and verify that the template is using the intended image-size name rather than the Media thumbnail.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Social sites show an old or unrelated image
Confirm the absolute og:image URL, dimensions and crawler access. Remove conflicting tags from plugins, then request a fresh scrape using the platform’s debugging tool. Google may still select another relevant image because its preview selection is automated.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Discover shows a small image or none at all
Check width, total pixels, 16:9 composition and the max-image-preview:large directive. These conditions support eligibility but cannot guarantee Discover placement or a large treatment.
The screenshot contains popups or a blank page
For a browser-based workflow, wait for the page’s stable state, dismiss consent UI and hide transient selectors before capture. With ScreenshotNeo, enable the consent, popup and chat-removal steps, add a selector or network-idle wait, and inspect the X-Page-Verdict and X-Billed response headers.
Final checklist
- Identify the exact display surface before choosing pixels.
- Keep a high-resolution master and make intentional crops for materially different ratios.
- For Discover large imagery, use at least 1,200 px width, more than 300,000 pixels and 16:9, then allow
max-image-preview:large. - For LinkedIn, use at least 1,200 × 627 px, a 1.91:1 ratio and no more than 5 MB.
- Treat 1,200 × 630 px for Facebook as a guide value and recheck the platform’s current rules.
- Check whether WordPress’s theme overrides the Media thumbnail setting and regenerate old derivatives after changes.
- Preview the rendered card and metadata on real mobile and desktop layouts.
Frequently Asked Questions
Is 300 × 200 px a universal website thumbnail size?
No. That size may fit one card design, but CMS themes and components define their own boxes. Use the component’s rendered dimensions and crop rules.
Recommended Free Tools
Can one image serve WordPress, Discover and social previews?
Sometimes, but the ratios differ. A single image can work when its focal subject stays central; separate crops are safer when text or faces sit near an edge.
Does meeting Google’s image dimensions guarantee Discover traffic?
No. The dimensions and preview directive support large-image eligibility. Google still decides whether to show the page and which image to use.
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.
