Thumbnail Generator

How it works

Pick a format (16:9, 4:5, or 9:16), then drag the headline, subtitle, and (optional) image directly in the preview. Layers snap to thirds, halves, and to each other when you get close. The small yellow handles on the sides of the selected text let you narrow or widen the wrap box; the corners of the image resize it.

Export hits an off-screen <canvas> at the full source resolution (1920×1080, 1080×1350, or 1080×1920). The browser draws each slide pixel-for-pixel and hands back a PNG blob. The PDF path lazy-loads pdf-lib only when you click "Download PDF". The page stays light if you never need it.

The Righteous headline font is loaded via next/font/google. Before exporting, the tool calls document.fonts.load("400 64px Righteous") and document.fonts.ready so the canvas never silently falls back to Impact.

When to use it

• Punching out a batch of LinkedIn or Instagram thumbnails in one sitting.
• Keeping a consistent format across multiple slides for a carousel.
• Quickly generating a multi-page PDF deck from the same template.

Multi-slide editing and slide duplication are built in. Everything runs in your browser, no upload, no server.