Content

Thumbnails

A thumbnail is a scaled-down miniature image that gives a small preview of a larger image, a video or other digital content. You use a thumbnail to see quickly what the content is about before you click. The name comes from the idea of an image roughly the size of your thumbnail, and you'll come across thumbnails in image galleries, search results, video overviews, social media and e-commerce, among other places.
→ All articles

What are thumbnails?

A thumbnail is a miniature image that represents a larger piece of digital content. You come across them in image galleries, on product listings, in search results and on social media, where they give you a visual hint of what to expect before you click. The name comes from the size of your thumbnail – in other words, a small image that's easy to load and quick to take in visually.

A thumbnail works as a preview that helps you navigate faster. Instead of spending time loading large images or videos, you can scroll through small overviews and choose what you want to see more of. Thumbnails are scaled down from the original material, so they take up less space both visually and in terms of data, which reduces waiting time and improves the user experience.

On search engines and social media, algorithms automatically choose which image to show as the thumbnail. This is based partly on metadata such as schema markup or og:image tags – elements that tell the system which image best represents the content. As part of your SEO work, you can therefore control which images are used as previews on your pages.

How do you use thumbnails?

You use thumbnails to create an overview, attract attention and make digital navigation easier. When you design or upload content – whether it's a blog post, a video or a product – you can choose an image that represents it. You do this to help the user understand the message straight from the overview.

On platforms such as YouTube or Instagram, thumbnails make up a large part of the communication. A good thumbnail can be what makes a user click, whereas an anonymous image makes them keep scrolling. That's why you use thumbnails strategically when you work with social media marketing or video content.

In e-commerce, thumbnails are used especially for product overviews. They make it possible to show lots of products on one page without compromising on speed or design. When you combine them with solid digital design and optimised image formats such as WebP, you improve both performance and aesthetics.

Why you should use thumbnails

A thumbnail that works well has a big impact on click-through rate. Users see it before they even see your headline. A strong image can therefore lift engagement and traffic, because it catches the eye in a feed or a list of results. On Google Discover or in image search, it can mean the difference between your content being clicked on or ignored.

Thumbnails work as small visual messages. They can signal mood, quality or theme, and they therefore shape the user's expectations. When you work with branding, they become part of your visual identity – a thumbnail should always reflect the company's style and values while also being relevant to the content.

You also get measurable effects. An optimised thumbnail reduces bounce rate, because the user clicks on what they actually expect. In other words, you don't just attract clicks, but the right clicks. That's an advantage in both SEO and paid ads, where the quality of the traffic is crucial to performance.

What types and variants are there?

Thumbnails come in several variants, depending on the medium and the purpose:

  • Image thumbnails: Used in galleries and product overviews. A good thumbnail in this category shows a high-quality image with a clear focal point.
  • Video thumbnails: Used as previews for videos. They should be representative of the content and have a high resolution – typically in 16:9 format.
  • Social media thumbnails: Shown automatically when you share a link on social platforms. You can influence which image is used via metadata on the page.
  • Search thumbnails: Shown in Google Search and Discover, often generated from the image that best matches the search intent.

How do you use thumbnails in practice?

You create an effective thumbnail by choosing an image that clearly represents the content and meets the technical requirements. For web content, images should be at least 1200 pixels wide and have an aspect ratio of 16:9. Google also recommends a total resolution of at least 300,000 pixels to avoid the system rejecting the image for display in search results.

If you work with video, you can add thumbnails through a video sitemap, which helps Google identify the image as an official preview. On social media, you can make sure images display correctly via Open Graph tags. In e-commerce, you should use standard formats such as JPEG or WebP at 100–300 pixels wide, so the images load quickly on category pages.

It's essential that the thumbnail isn't a generic logo or a random picture. Instead, use images with strong contrast, a clear focus and possibly human elements – this increases the likelihood that the user stops to look. When you measure the effect, you can use Search Console to track CTR or use data from Google Ads to see how much your thumbnails affect ad performance.

What should you watch out for?

Thumbnails may seem simple, but small mistakes can make a big difference. You should always make sure the image format matches the platform's recommendations, otherwise the image may be cropped or scaled incorrectly. That affects both the aesthetics and the sender's credibility. You should also check how the image displays on different devices, because it can vary between mobile, tablet and desktop.

Remember that Google chooses the thumbnail based on several signals. If you don't specify an image through metadata, you risk the algorithm picking a random image from the page. That can weaken your message and lower your CTR. That's why you should treat thumbnail optimisation as a standard part of your content and SEO strategy, alongside titles and meta descriptions.

In other words: a thumbnail isn't just decoration. It's a tool that connects design, data and user behaviour. When you work actively with thumbnails, you strengthen both your visibility and your visual communication across channels.

Want help with this?

→ Book a chat