How to View a YouTube Video Thumbnail

A YouTube thumbnail is the preview image shown before a video plays. The quickest way to view one is to open the video on YouTube. To open the image directly, extract the video ID and place it in this URL:

https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg

Replace VIDEO_ID with the ID from the video URL. If maxresdefault.jpg is unavailable, try sddefault.jpg, hqdefault.jpg, mqdefault.jpg, or default.jpg.

1. View the thumbnail on YouTube

Open the video watch page.
Before playback starts, the large preview image is the thumbnail.
To save what you see, use your browser’s normal save-image command when the image is available as an image element.

This method requires no URL editing, but YouTube controls the presentation and may overlay play controls or other page elements.

2. Open the thumbnail with a direct URL

Copy the video link.
Extract its video ID.
Insert the ID into https://i.ytimg.com/vi/VIDEO_ID/RESOLUTION.jpg.
Start with maxresdefault.jpg.
If that image is missing, retry with the fallback names below.

Variant	Typical use
`maxresdefault.jpg`	Largest standard-video variant when available
`sddefault.jpg`	Standard-definition fallback
`hqdefault.jpg`	High-quality fallback
`mqdefault.jpg`	Medium-quality fallback
`default.jpg`	Smallest, most broadly available fallback

For a normal watch URL such as https://www.youtube.com/watch?v=ABC123xyz, the ID is the value after v=. For https://youtu.be/ABC123xyz, it is the final path segment. A Shorts URL uses the final segment after /shorts/.

3. Extract an ID and download a thumbnail with code

Browser JavaScript

function getYouTubeVideoId(input) {
  const url = new URL(input);
  if (url.hostname === 'youtu.be') return url.pathname.slice(1).split('/')[0];
  if (url.searchParams.get('v')) return url.searchParams.get('v');
  const parts = url.pathname.split('/').filter(Boolean);
  const marker = parts.findIndex((part) => part === 'shorts' || part === 'embed' || part === 'live');
  return marker >= 0 ? parts[marker + 1] : null;
}

const videoUrl = 'https://www.youtube.com/watch?v=VIDEO_ID';
const id = getYouTubeVideoId(videoUrl);
const thumbnailUrl = `https://i.ytimg.com/vi/${id}/maxresdefault.jpg`;
console.log(thumbnailUrl);

cURL

curl -L "https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg" -o thumbnail.jpg

Check a fallback if the first request returns an error or an unusable placeholder:

for size in maxresdefault sddefault hqdefault mqdefault default; do
  code=$(curl -L -s -o "thumbnail-$size.jpg" -w "%{http_code}" "https://i.ytimg.com/vi/VIDEO_ID/$size.jpg")
  if [ "$code" = "200" ]; then
    echo "Saved thumbnail-$size.jpg"
    break
  fi
done

Python

from pathlib import Path
from urllib.parse import urlparse, parse_qs
import requests

def youtube_id(value: str) -> str:
    parsed = urlparse(value)
    host = parsed.netloc.lower().removeprefix('www.')
    if host == 'youtu.be':
        return parsed.path.strip('/').split('/')[0]
    query_id = parse_qs(parsed.query).get('v')
    if query_id:
        return query_id[0]
    parts = [part for part in parsed.path.split('/') if part]
    for marker in ('shorts', 'embed', 'live'):
        if marker in parts and parts.index(marker) + 1 < len(parts):
            return parts[parts.index(marker) + 1]
    raise ValueError('No YouTube video ID found')

video_id = youtube_id('https://www.youtube.com/watch?v=VIDEO_ID')
for size in ('maxresdefault', 'sddefault', 'hqdefault', 'mqdefault', 'default'):
    response = requests.get(
        f'https://i.ytimg.com/vi/{video_id}/{size}.jpg',
        timeout=20,
    )
    content_type = response.headers.get('content-type', '')
    if response.ok and content_type.startswith('image/'):
        Path('thumbnail.jpg').write_bytes(response.content)
        print(f'Saved {size}')
        break
else:
    raise RuntimeError('No thumbnail variant was available')

Node.js

import fs from 'node:fs/promises';

function youtubeId(value) {
  const url = new URL(value);
  const host = url.hostname.replace(/^www\./, '');
  if (host === 'youtu.be') return url.pathname.split('/').filter(Boolean)[0];
  if (url.searchParams.get('v')) return url.searchParams.get('v');
  const parts = url.pathname.split('/').filter(Boolean);
  for (const marker of ['shorts', 'embed', 'live']) {
    const index = parts.indexOf(marker);
    if (index !== -1 && parts[index + 1]) return parts[index + 1];
  }
  throw new Error('No YouTube video ID found');
}

const id = youtubeId('https://www.youtube.com/watch?v=VIDEO_ID');
for (const size of ['maxresdefault', 'sddefault', 'hqdefault', 'mqdefault', 'default']) {
  const response = await fetch(`https://i.ytimg.com/vi/${id}/${size}.jpg`);
  if (response.ok && response.headers.get('content-type')?.startsWith('image/')) {
    await fs.writeFile('thumbnail.jpg', Buffer.from(await response.arrayBuffer()));
    console.log(`Saved ${size}`);
    break;
  }
}

4. Retrieve thumbnail URLs through the YouTube Data API

Applications that already use YouTube’s official Data API can read thumbnail metadata from the video resource. The API represents thumbnails as an object with named variants such as default, medium, high, standard, and maxres. Each available variant includes a URL and may include width and height.

Read the URL returned by the API instead of assuming that every video has every size. Availability and dimensions can differ by video and by the resolution of the uploaded source. This approach is useful when you need metadata, batching, or a stable application workflow; the direct i.ytimg.com pattern is simpler for one-off viewing.

5. Standard videos, Shorts, and image dimensions

YouTube’s current creator guidance recommends a 16:9 aspect ratio for standard video thumbnails and 9:16 for Shorts. It recommends 3840 × 2160 pixels for standard video thumbnail uploads and 2160 × 3840 for Shorts, subject to current file-size and account or device conditions.

Those are upload recommendations. They do not guarantee that a public URL exposes an image at those exact dimensions. Shorts also use a separate YouTube Studio thumbnail workflow, so a Shorts URL may not provide the same set of public variants as a standard video.

6. Save, inspect, or embed the image

Save: Open the direct URL and use “Save image as,” or download it with cURL, Python, or Node.js.
Inspect: Check the response status, Content-Type, and actual pixel dimensions. A successful HTTP response alone does not prove that the requested high-resolution variant exists.
Embed: Use the direct URL in an image element when your use case permits remote images. For long-term reliability, download a permitted copy and host it yourself.

Do not confuse a thumbnail still with the video or the creator’s original design file. The image URL gives you the preview image only.

7. Troubleshooting

Problem	Cause	Fix
Image does not load	The video ID is wrong or the selected variant is unavailable.	Recheck the ID and try `sddefault`, `hqdefault`, `mqdefault`, then `default`.
URL shows an unexpected image	Extra characters, a playlist parameter, or a copied timestamp was included in the ID.	Use only the ID, which is normally 11 characters, and remove query parameters from the path.
Shorts URL fails	The ID was extracted from the wrong path segment.	Use the segment immediately after `/shorts/`.
Image is smaller than expected	The source upload or public variant does not support the requested size.	Use the API’s returned dimensions or select the best available fallback.
Downloaded file is not an image	A proxy, error page, or placeholder was saved.	Check HTTP status and `Content-Type` before writing the file.
Thumbnail cannot be republished	Viewing access does not grant reuse rights.	Check the creator’s rights or obtain permission before redistributing it.

8. Performance and reliability

Cache thumbnails by video ID and chosen variant when your application requests the same image repeatedly.
Try the largest variant first only when resolution matters; a fallback chain reduces failures but adds requests.
Use the Data API when you need dimensions and variant availability in one structured response.
Set connection and read timeouts in automation, and validate the content type before processing bytes.
Expect thumbnails to change when a creator updates a video’s thumbnail. Re-fetch when freshness matters.

9. Rights and responsible reuse

Viewing or saving a thumbnail is technically different from having permission to republish it. Before placing a downloaded thumbnail in a product, article, advertisement, or social post, check the creator’s rights or obtain permission for that use. A direct URL is not a license.

10. Or skip the browser setup

If you need a rendered capture of the thumbnail URL instead of managing browser automation, ScreenshotNeo can return a PNG, JPEG, WebP, or PDF from one GET request. It can capture the direct thumbnail URL, and its options cover full-page or element captures, custom CSS, waits, headers, cookies, device presets, resizing, caching, and more. See the ScreenshotNeo API documentation.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg -o shot.webp

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg"}, timeout=90)
open("shot.webp", "wb").write(r.content)

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before a capture. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and each response identifies the result with X-Page-Verdict and X-Billed headers. Its MCP server lets Claude, Cursor, and other MCP clients call take_screenshot, get_page_info, and capture_pdf. The Free plan includes 1,000 screenshots each month with no card; paid plans start at $5 for 3,000 screenshots. Create a free ScreenshotNeo account.

11. FAQ

Can I view a thumbnail without opening YouTube?

Yes. Open the direct i.ytimg.com URL with the video’s ID and a resolution name.

Why is `maxresdefault.jpg` missing?

That high-resolution variant is not available for every video. Try sddefault, hqdefault, mqdefault, or default.

Does the URL work for private videos?

Do not assume a public thumbnail URL will work for private or restricted videos. Use an authorized YouTube workflow and handle access errors in your application.

Can I use a thumbnail in my own project?

Only when your intended use is permitted. Permission to view or download does not automatically grant permission to republish.

What is the best method for an application?

Use the direct URL pattern for simple retrieval. Use the official Data API when you need returned URLs, dimensions, and structured variant data.