Image Thumbnail
Create a thumbnail from an image. Choose size or longest side, optional square crop. Upload or drag-and-drop. Max 12 MB. Processing in your browser only.
Create a thumbnail from an image. Upload or drag-and-drop an image (max 12 MB). Choose a size (e.g. 64×64, 128×128, 150×150, 200×200) or set a maximum longest side. Optionally crop to a square. Processing is done in your browser. Use Download to save the thumbnail.
Loading…
Examples
- Photo → 150×150 square thumbnail → download
- Image → longest side 200 px, keep ratio → download
FAQ
Why is SVG not supported?
SVG is vector-based. This tool creates thumbnails from raster images (PNG, JPEG, WebP) by resizing on a canvas.
What is the maximum file size?
12 MB per image.
Is my image sent to a server?
No. Thumbnail generation runs in your browser. Your image never leaves your device.
What is square crop?
Square crop centers the image and crops to a square of the chosen size. Without it, the image is scaled to fit inside the box while keeping aspect ratio.
What are common thumbnail sizes for different platforms?
Open Graph / social sharing: 1200×630 px. YouTube thumbnail: 1280×720 px. Favicon: 32×32 or 16×16 px. App icon (iOS): 1024×1024 px. Twitter card: 800×418 px. Instagram square: 1080×1080 px.
What is a retina or 2× thumbnail?
Retina displays have twice the pixel density. For a thumbnail displayed at 150×150 CSS pixels, generate a 300×300 thumbnail and set its display size to 150×150. This ensures sharpness on high-DPI screens.
Should I use JPEG or PNG for thumbnails?
Use JPEG or WebP for photographic thumbnails (smaller file size). Use PNG if the thumbnail has text, a logo, or transparency. WebP supports both and is generally smaller than JPEG or PNG.
Why use square thumbnails vs rectangular?
Square thumbnails (1:1 ratio) are easier to arrange in grids and work across platforms like Instagram and profile photos. Rectangular thumbnails (16:9 for video, 4:3 for traditional photos) preserve more of the original composition.
What is letterboxing vs cropping for thumbnails?
Letterboxing (pillarboxing) fits the entire image into the thumbnail, adding colored bars on the sides or top. Cropping cuts off the edges to fill the thumbnail completely. Square crop in this tool crops the center of the image.
How do I create a thumbnail for e-commerce?
Use a consistent square size (e.g. 800×800 px) with white or neutral background. Crop the product to fill 80% of the frame. This ensures a clean, professional grid layout on product listing pages.
What is lazy loading and how does thumbnail size affect it?
Lazy loading delays loading offscreen images until the user scrolls to them. Smaller, correctly-sized thumbnails load faster when they enter the viewport. Always serve thumbnails at the display size, not the full image.
How do I batch create thumbnails?
This tool handles one image at a time. For batch thumbnail generation, use command-line tools like ImageMagick (convert -thumbnail 150x150^ -gravity Center -extent 150x150 input.jpg output.jpg) or Sharp in Node.js.