Free YouTube Thumbnail Downloader (From URL)
Our free YouTube thumbnail downloader makes saving YouTube thumbnails a piece of cake. With just a few clicks, you can download YouTube thumbnails of any quality. Just enter the video’s URL below and click the “Download Thumbnail” button.
YouTube thumbnail downloader
Download Thumbnail
#youtube-thumbnail-grabber {
font-family: Arial, sans-serif;
max-width: 800px;
width: 100%;
margin: 0 auto;
padding: 20px;
margin-top: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#youtube-thumbnail-grabber h2 {
color: #FF0000;
text-align: center;
margin-bottom: 20px;
}
.input-container {
display: flex;
margin-bottom: 20px;
}
#videoUrl {
flex-grow: 1;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
}
button {
padding: 10px 20px;
font-size: 16px;
background-color: #FF0000;
color: white;
border: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #CC0000;
}
#thumbnail-container {
background-color: white;
border: 1px solid #ddd;
border-radius: 4px;
padding: 15px;
margin-top: 20px;
}
.thumbnail-image {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 15px;
border-radius: 4px;
}
.resolution-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 15px;
}
.resolution-button, .google-lens-button {
padding: 8px 12px;
background-color: #f0f0f0;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s, transform 0.1s;
text-decoration: none;
color: #333;
}
.resolution-button:hover, .google-lens-button:hover {
background-color: #e0e0e0;
transform: translateY(-2px);
}
.google-lens-button {
background-color: #4285F4;
color: white;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 10px;
}
.google-lens-button:hover {
background-color: #3367D6;
}
.google-lens-button::before {
content: "🔍";
margin-right: 5px;
}
function getThumbnail() {
const videoUrl = document.getElementById('videoUrl').value;
const videoId = extractVideoId(videoUrl);
if (!videoId) {
alert('Invalid YouTube URL');
return;
}
const containerEl = document.getElementById('thumbnail-container');
containerEl.innerHTML = '';
const imgEl = document.createElement('img');
imgEl.src = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
imgEl.alt = 'YouTube Thumbnail';
imgEl.className = 'thumbnail-image';
const buttonsContainer = document.createElement('div');
buttonsContainer.className = 'resolution-buttons';
const resolutions = [
{ name: 'Webp Format (1920×1080)', url: `https://i.ytimg.com/vi_webp/${videoId}/maxresdefault.webp` },
{ name: '1280×720', url: `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg` },
{ name: '640×480', url: `https://i.ytimg.com/vi/${videoId}/sddefault.jpg` },
{ name: '480×360', url: `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg` },
{ name: '320×180', url: `https://img.youtube.com/vi/${videoId}/mqdefault.jpg` },
{ name: '120×90', url: `https://img.youtube.com/vi/${videoId}/default.jpg` },
];
resolutions.forEach(res => {
const button = document.createElement('a');
button.href = res.url;
button.className = 'resolution-button';
button.textContent = res.name;
button.target = '_blank';
buttonsContainer.appendChild(button);
});
const googleLensButton = document.createElement('a');
googleLensButton.href = `https://lens.google.com/uploadbyurl?url=https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
googleLensButton.className = 'google-lens-button';
googleLensButton.textContent = 'Research This IMG on Google Lens';
googleLensButton.target = '_blank';
containerEl.appendChild(imgEl);
containerEl.appendChild(buttonsContainer);
containerEl.appendChild(googleLensButton);
}
function extractVideoId(url) {
const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
const match = url.match(regExp);
return (match && match[7].length === 11) ? match[7] : false;
}
What is YouTube thumbnail downloader?
A YouTube thumbnail downloader is a tool that lets you download thumbnails from YouTube videos. You just pop in the video link and boom – it serves up the thumbnail image for you to save or use however you want. It’s pretty handy if you’re into making content, need pics for a project, or just want to grab cool images from your favorite videos without the hassle.
Key features of our thumbnail extractor
- Multiple resolution options: From high-res 1920x1080 down to 120x90 thumbnails
- WebP format support: Offers the modern WebP image format for better quality and smaller file sizes
- Google Lens integration: Option to research the thumbnail using Google Lens
- Fast processing: Retrieves thumbnails quickly
- Free and no registration required: Use it instantly without signing up and FOR FREE
How to use our YouTube thumbnail grabber
- Enter the URL of the video from which you want to download the thumbnail
- Click on the “Download Thumbnail” button
- Select the resolution you want to download (the standard maximum quality is 1280×720)
- The thumbnail image file will open in a new window in your browser
- On PC, click right on the image, then “Save image as…” and save your thumbnail. When on mobile, hold your finger on the image and download it.