Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Scan for outdated or missing drivers - takes under a minute3Clear out junk files and repair common Windows errorsFor a SharePoint page thumbnail, use a 16:9 image. There is no single required pixel size because modern SharePoint resizes and crops images by page layout, web-part design, column width, and device. Practical starting sizes include 1600 × 900, 1920 × 1080, or the column-specific dimensions below. Set the focal point on the important subject so it survives responsive cropping.
A page thumbnail is different from a square site-logo thumbnail. Microsoft recommends 64 × 64 pixels for that separate logo asset.
Page thumbnail and site-logo thumbnail are different assets
SharePoint uses thumbnails in page search results, news, highlighted-content results, and other cards. The recommendation for this page-thumbnail use is a 16:9 aspect ratio.
The site-logo thumbnail belongs to the site header and other square-logo locations. It should be 64 × 64 pixels. Do not substitute that square logo file for a page thumbnail: the two assets are cropped and displayed differently.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
#1 Best Overall
| Asset | Recommended shape or size | Typical use |
|---|---|---|
| Page thumbnail | 16:9 aspect ratio; no universal pixel dimensions | Page cards, search, news, highlighted content and other page references |
| Site-logo thumbnail | 64 × 64 px, square | Square logo locations, searches and site cards |
| Site logo | 192 × 64 px | Standard site-header logo; can be non-square and transparent |
| Extended-layout site logo | 300 × 64 px | Extended header layout |
| Extended-layout background | 2560 × 164 px | Extended header background |
Why 16:9 does not mean one fixed pixel size
Aspect ratio describes the shape, not a mandatory resolution. A 1600 × 900 image, a 1920 × 1080 image and a 1280 × 720 image are all 16:9. SharePoint’s modern pages are responsive, so the same source image can be rendered at different sizes and cropped differently on a desktop, tablet or phone.
Microsoft Support explains that, because of responsive page design, “there’s not a specific height or width in pixels that will ensure that an image will maintain a specific shape across devices and layouts.”
Use a source at least as wide as the column in which it is expected to fill. Larger source dimensions give SharePoint more pixels to work with, but they do not prevent cropping. The following values are Microsoft’s column-width guidance, with rounded examples for common aspect ratios.
| Column layout | Recommended source width | 16:9 example | 4:3 example |
|---|---|---|---|
| Full-width column | 1920 px | Use a 1920 × 1080 source as a practical 16:9 file | Not stated |
| One column | 1204 px | 1204 × 677 px | 1204 × 903 px |
| Two columns | 586 px per column | 586 × 330 px | 586 × 439 px |
| Three columns | 380 px per column | 380 × 214 px | 380 × 285 px |
| One-third left | 380 px left; 792 px right | Microsoft’s example uses 446 px height | Microsoft’s example uses 594 px height |
| One-third right | 792 px left; 380 px right | Microsoft’s example uses 446 px height | Microsoft’s example uses 594 px height |
These are starting dimensions for images filling a column, not a universal specification for every thumbnail location. If the same page appears in several layouts, prepare the important subject with extra breathing room and verify the actual cards after publishing.
The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Choose dimensions for the placement, not just the page
Different modern SharePoint web parts use different shapes. A page may have a 16:9 thumbnail while an individual component on that page favors another ratio.
| Web part or layout | Ratios described by Microsoft | Practical implication |
|---|---|---|
| Highlighted content | 16:9 in Carousel, Filmstrip and Grid | A 16:9 source is a sensible default for these layouts. |
| Hero | Tiles uses an 8:3 web-part shape with 4:3 images; Layers uses an 8:3 individual layer with images near 16:9; mobile Carousel uses 16:9 | Check the selected Hero layout before composing the image. |
| News | 4:3, 16:9 or 21:9, depending on layout | News layout selection can change the visible crop. |
| Quick links | Compact, List and Tiles use 1:1 or 4:3; Filmstrip, Grid and Button use 16:9 | Do not assume every Quick links design uses the page-thumbnail ratio. |
| Image gallery | Brick and Carousel respect ratios such as 16:9, 1:1 and 4:3; Grid supports 1:1, 16:9 and 4:3 | Use the gallery layout’s ratio when creating a dedicated gallery image. |
How to prepare and set a SharePoint page thumbnail
- Identify the asset. Confirm that you are changing a page thumbnail, not the site’s square logo thumbnail.
- Identify every important placement. Note whether the image will appear in a title area, News, Highlighted content, Hero, search results or another web part. Record the column and selected layout.
- Create a 16:9 master for the page thumbnail. Use 1600 × 900, 1920 × 1080 or another 16:9 size appropriate to the largest target column. For a one-column image that fills the column, 1204 × 677 is Microsoft’s rounded example.
- Keep essential content away from the edges. Leave room around faces, logos, text and other details. SharePoint may trim the sides or top and bottom as the available card changes.
- Upload or select the image in the page’s thumbnail or title-area controls. Modern pages can use a default image or an author-selected override. Use the override when the automatically selected image is not the intended subject.
- Set the focal point. In the image controls, choose Set focal point and drag the marker onto the subject that must remain visible. This is especially important for title-area and Hero images.
- Check real renderings. Inspect the page on a wide desktop view and a narrow mobile view, then open the page anywhere its thumbnail appears. If a face, logo or headline is clipped, move the focal point or create a composition with more margin.
Focal points prevent the wrong part of the image being shown
SharePoint’s crop is not simply a resize. A card may be shorter or wider than the original image, and the responsive layout can change at different breakpoints. A focal point tells SharePoint which part of the image deserves priority when it crops.
- Place the marker on the subject rather than on empty background.
- For a person, keep the face and any essential identifying detail inside the central safe area.
- For a logo or product, include the complete mark when possible and avoid placing it against an edge.
- For text embedded in an image, use short text with generous margins; text near an edge is most likely to disappear.
Quality, file size and responsive checks
Microsoft’s title-area guidance says images look best at 1 MB or larger, but that statement is not a page-thumbnail file-size requirement. Do not inflate a file solely to reach 1 MB. Instead, use a sufficiently large source for the target column, preserve the 16:9 composition and check the rendered result.
A high-resolution source cannot correct a poor crop. Conversely, an enormous source does not guarantee a sharp mobile card if the original subject is tiny or surrounded by empty space. Treat the column-width figures as practical minimum starting points and keep a higher-resolution master when the same image will fill a large area.
Troubleshooting common thumbnail problems
The thumbnail is cut off on one side
Cause: the card’s aspect ratio is narrower or wider than the source, or the focal point is still centered on unimportant background.
Fix: use Set focal point and move it to the subject. If the subject still cannot fit, recompose the source with more side margin or make a crop specifically for that placement.
The image looks soft or pixelated
Cause: the source is smaller than the column in which it is being rendered, or it was enlarged from a low-resolution file.
Fix: export a new 16:9 source at least as wide as the target column. For a one-column placement, start with 1204 px width; for a full-width placement, start with 1920 px.
Free tools Windows power users keep installed
One-click scans. No signup required.
The wrong image appears in search or a news card
Cause: SharePoint can derive a default thumbnail from the page title area or the first web part in page order, such as the top-left web part.
Fix: explicitly override the page thumbnail with the intended 16:9 image, then republish and allow the destination card to refresh.
The image works in one web part but not another
Cause: web-part layouts have different ratios. News can use 4:3, 16:9 or 21:9; Quick links and Hero layouts also vary.
Fix: identify the exact layout and create a crop for that ratio instead of forcing one file into every component.
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 →The mobile version loses the headline or face
Cause: the mobile card applies a different crop to the same responsive source.
Fix: move the focal point, simplify the composition and test at a narrow viewport before treating the image as final.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
If you need a current webpage capture to use as the starting image for a SharePoint thumbnail, ScreenshotNeo can return a screenshot through one GET request. It does not change SharePoint’s 16:9 recommendation: select or crop the returned image to the ratio and placement you need.
ScreenshotNeo accepts cookie and consent banners as a visitor and removes more than 60 known consent platforms, newsletter popups and chat widgets before capture. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed; the response identifies the result with X-Page-Verdict and X-Billed headers. You can also choose full-page capture, an element by CSS selector, a device preset or custom viewport, retina scale, dark mode, custom CSS and JavaScript, clicks before capture, waits, blocked requests, headers, cookies, user agent, authorization, timezone, geolocation, transparent background, resizing, caching, signed links, asynchronous webhooks, bulk capture of up to 100 URLs per call and a usage API.
See the ScreenshotNeo API documentation for authentication and response details.
Best Value
cURL
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}`);Replace the example target URL with the page you are allowed to capture, then crop or resize the result to 16:9 before assigning it as the SharePoint page thumbnail. An MCP server is also available, with take_screenshot, get_page_info and capture_pdf tools for Claude, Cursor and other MCP clients.
| Plan | Included shots | Price |
|---|---|---|
| Free | 1,000 per month | $0, no card |
| Starter | 3,000 | $5 |
| Growth | 15,000 | $15 |
| Pro | 60,000 | $39 |
| Scale | 250,000 | $99 |
| Business | 1,000,000 | $249 |
Every feature is included on every plan, and yearly billing provides two months free. Start with 1,000 free screenshots a month with no card; paid plans start at $5 for 3,000 shots.
Frequently Asked Questions
What image does SharePoint use if I do not override the thumbnail?
It can take the thumbnail from the page title area or from the first web part in page order, such as the top-left web part.
Can I use a 4:3 image for a SharePoint page thumbnail?
Microsoft’s recommendation for an overridden page thumbnail is 16:9. A 4:3 crop can still be appropriate for a specific web-part layout that calls for it, but it is not the general page-thumbnail recommendation.
Does Microsoft require a page-thumbnail file to be at least 1 MB?
No. The 1 MB-or-larger wording is title-area quality guidance, not a stated page-thumbnail file-size requirement.
The Bottom Line
Use a 16:9 source for a SharePoint page thumbnail, size it for the largest column where it will appear, and set the focal point on the content that must survive cropping. Use 64 × 64 pixels only for the separate square site-logo thumbnail.
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.
