b2KIT

Thumbnail Preview Tool

Preview how thumbnails and OG images will appear on YouTube, social platforms, and search engine results.

How to Use Thumbnail Preview Tool

  1. 1

    Upload your image

    Select the image to preview as a YouTube or video thumbnail.

  2. 2

    Add title text

    Type the video title to see how it appears with the thumbnail.

  3. 3

    Preview in context

    See how the thumbnail looks in a search result or feed.

Tested tool guide Tested browser tools Checked August 16, 2026

What Thumbnail Preview Tool does and how it behaves

Paste a page URL and the tool builds the preview cards that platforms will generate from your page's meta tags: the YouTube 16:9 thumbnail, Facebook's 1.91:1 share card, X's 2:1 card, and a search-result snippet with title and description. Each destination crops and scales the same image differently, so a thumbnail that looks right at full size can lose its edges, its text, or its subject on another card. The surprise most people hit: the preview is only as honest as the og:title, og:description, and og:image tags on the page. When those are missing, platforms - and the preview with them - fall back to scraped guesses.

How the result is produced

1

Reads the page's meta tags

The tool extracts og:title, og:description, og:image, and twitter: card fields from the URL you entered, then renders each platform layout from those exact values. If a tag is missing, it substitutes what the platform would scrape instead - the page's own title or a description drawn from the page content - so the preview shows what will actually be posted, not what you hoped would be.

2

Applies each platform's crop and size

Every destination has its own frame: YouTube cards are 1280x720 (16:9), Facebook share cards are 1200x630 (1.91:1), and X cards sit at 2:1. The preview scales the same image into each frame and shows where the crop falls. That is why the preview usually does not match the raw file you uploaded: the same edges, faces, and text end up cut differently in each card.

Good uses

  • You finished a YouTube thumbnail with bold text on it and want to confirm the words still read when the card renders small in search results and the suggested-video rail.
  • You changed the og:image on your site and want to check the new artwork and crop before posting the link on a brand account or sending it to a client.
  • A link you share keeps showing the wrong image in the feed, and you want to tell whether the cause is a bad og tag on your page or an image the platform cached long ago.

Limits and checks

  • The preview simulates platform rules; it is not a card fetched from the platform. Facebook and X cache og images, so a live share can keep showing old artwork for days until you force a re-scrape with Facebook's Sharing Debugger or X's Card Validator.
  • The preview reflects the page at the moment it is fetched. If you edited the og tags but have not deployed them, or the URL is not live yet, the preview shows the old state.
  • Snippet truncation is approximate. Search engines and social platforms cut titles and descriptions at lengths that have changed over time and differ across devices, so treat any cut-off point the preview shows as a guide, not a guaranteed character count.

Common questions

The preview shows my new thumbnail, but the live post still shows the old one. Why?

Because the platforms cache images. Facebook and X reuse the og:image they scraped the first time the URL was shared, sometimes for weeks, and no preview tool can override that. Open the URL in Facebook's Sharing Debugger or X's Card Validator to force a fresh scrape, then share again.

What image size should I use so nothing gets cropped?

There is no single size that survives every card, because each platform frames the image differently: YouTube wants 1280x720, Facebook recommends 1200x630, and X prefers 2:1. Put the important content - faces, logos, text - in the center of the image, and check each frame in the preview.

References and verification

The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.

Related Tools