Embed a YouTube Thumbnail Downloader on Your Site
Try the tool here, then copy the free widget snippet below to put the same downloader on your own website.
Try the tool here, then copy the free widget snippet below to put the same downloader on your own website.
Run a blog, a creator community, a tools directory, or an internal wiki and want a YouTube thumbnail downloader on it without writing one? Paste the snippet below. The widget is a small self-contained page served from thumbnailsgrabber.com that you drop into an <iframe>. Visitors paste any video or Shorts link and get the thumbnail in every size the video has, downloaded straight from YouTube's image servers. It needs no API key, sets no cookies, loads no analytics, and is free to use on any site as long as the small "Powered by" link stays.
This is the actual widget, loaded exactly the way it would be on your page. Paste a YouTube link into it:
Copy this one line into your HTML, a WordPress Custom HTML block, a Ghost HTML card, a Webflow embed element, or any page builder that accepts raw HTML:
<iframe src="https://thumbnailsgrabber.com/embed-widget"
title="YouTube Thumbnail Downloader"
width="100%" height="420"
style="max-width:640px;border:0"
loading="lazy"></iframe>Optional parameters go on the src:
| Parameter | Effect | Example |
|---|---|---|
theme=dark | Dark background and inputs for dark sites | /embed-widget?theme=dark |
shorts=1 | Also offers the vertical 9:16 oar2.jpg image when a Short has one | /embed-widget?shorts=1 |
| both | Combine with & | /embed-widget?theme=dark&shorts=1 |
Sizing: the widget is responsive and fills whatever width you give the iframe, up to 640px. Before a thumbnail is shown it is about 120px tall; once one is shown it needs about 420px at full width, which is why the snippet reserves 420. If your column is narrow (under 400px) allow 480px so the size buttons have room to wrap.
<iframe src="https://thumbnailsgrabber.com/embed-widget?theme=dark"
title="YouTube Thumbnail Downloader"
width="100%" height="420"
style="max-width:640px;border:0"
loading="lazy"></iframe>i.ytimg.com URLs for that video, and checks which sizes really exist (a missing maxresdefault.jpg comes back as an HTTP 404 whose body is still a 120x90 placeholder image, so the widget checks the real pixel width rather than trusting the load event; the thumbnail statistics study has the numbers behind that).i.ytimg.com for the thumbnails a visitor asks for. Your visitors' pasted links never leave their browser.i.ytimg.com; on most browsers that saves the file, on some it opens the image in a new tab and the visitor saves it from there (a cross-origin download attribute is advisory only).The widget is free for personal and commercial sites. Keep the "Powered by ThumbnailsGrabber" link visible; do not hide it with CSS or crop it out of the iframe. Do not present the widget as your own product. We may update the widget page at any time (it is versionless on purpose so fixes reach every embed at once), but the URL, the parameters above, and the no-tracking promise will not change. Thumbnails remain the copyright of the video's creator; the thumbnail copyright guide explains when reuse is fine.
If you just need a specific video's image rather than a downloader for your visitors, you do not need the widget at all. hqdefault.jpg (480x360) exists for every public video, so this zero-script snippet always renders:
<a href="https://www.youtube.com/watch?v=VIDEO_ID" target="_blank" rel="noopener">
<img src="https://i.ytimg.com/vi/VIDEO_ID/hqdefault.jpg"
alt="Watch: the video title" width="480" height="360" loading="lazy">
</a>To get the sharper 1280x720 maxresdefault.jpg when it exists (about 88% of videos) and keep hqdefault.jpg when it does not, start with the safe file and upgrade after a width check. A <picture> element cannot do this on its own, because the missing file still returns an image body, so a few lines of script are required:
<img id="thumb" src="https://i.ytimg.com/vi/VIDEO_ID/hqdefault.jpg"
alt="Watch: the video title" width="1280" height="720">
<script>
(function () {
var img = document.getElementById('thumb')
var hd = new Image()
hd.onload = function () { if (hd.naturalWidth > 121) img.src = hd.src }
hd.src = 'https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg'
})()
</script>The embed a YouTube thumbnail guide covers the clickable-link, click-to-load facade, and og:image patterns in more depth, and the thumbnail URL guide lists every file YouTube stores. Developers who want the same fallback logic in Node or a build step can use the open-source youtube-thumbnail-url package.
The widget is the same downloader that runs on this site's YouTube thumbnail downloader homepage, trimmed to a single box. If you would rather link to a full page than embed one, the extractor, the bulk downloader, and the Shorts downloader each handle a different input. If you want a button on the YouTube page itself, the Chrome extension guide explains why a web tool is usually the safer choice.
Yes. The widget is free for personal and commercial websites. The only condition is that the small "Powered by ThumbnailsGrabber" link inside the widget stays visible.
No. YouTube thumbnails are public images at fixed i.ytimg.com addresses, so the widget builds those addresses from the video ID in the browser. There is no API key, no quota, and nothing to register.
No. The widget page loads no analytics, no fonts, no cookies, and no third-party scripts. The only network requests it makes are to i.ytimg.com for the thumbnails a visitor asks for.
Set the width and height on the iframe to fit your layout; the widget is responsive up to 640px wide and needs about 420px of height once a thumbnail is shown. Add ?theme=dark to the src for a dark background. There is no custom color option beyond light and dark.
Yes. Shorts links work the same as regular video links and return the standard 16:9 thumbnails. Add ?shorts=1 to the src and the widget will also offer the vertical 9:16 image (oar2.jpg) when YouTube stores one for that Short.
Yes. If you only want to show a specific video's thumbnail, use a plain <img> tag pointing at i.ytimg.com. hqdefault.jpg exists for every video; maxresdefault.jpg is sharper but missing for about one video in nine, so use the small width check above before upgrading to it.
Need the thumbnail right now instead? Paste a link above, or open the YouTube thumbnail grabber homepage.