Features

Lede is a free, browser-based generator for blog cover images, featured images, and Open Graph cards at 1200×630, 1280×720, 1080×1080, and custom sizes. It renders entirely client-side - no account, no subscription, nothing to install - and exports PNG, JPG, or WebP at up to 4× scale, including zip kits for multiple preset sizes.

Last updated June 2026.

Everything below runs in your browser. Open the editor, design, export. Your work stays on your device unless you choose to share a template URL.

Making a blog cover in two minutes

  1. Open the editor and pick a dimension preset (1200×630 for Open Graph, 1280×720 for a 16:9 blog header).
  2. Type the title and subtitle. Pick a font from the preset row or search the full font catalog.
  3. Click the sparkles icon for a random palette, icon, and background, or set them manually.
  4. Click Export for one image, or open export options to build a kit of selected sizes.

End to end: roughly two minutes for a first pass, faster once you save a template.


Layouts and dimensions

Six layouts to anchor the composition - centered stack, title-only, icon plus title, left-aligned, split, and bottom band. Six dimension presets covering the formats blogs and social platforms usually need:

  • OG / Social - 1200×630 (Open Graph card)
  • Blog 16:9 - 1280×720
  • HD - 1920×1080
  • Banner - 1500×500
  • Square - 1080×1080
  • Story - 1080×1920 (vertical / mobile)

Custom width and height are supported, with an optional aspect-ratio lock.


Typography

Title and subtitle are styled independently: font family, size, color, and text shadow. Pick from a curated preset row or search the full font catalog - around 1,700 families, loaded on demand and deduped, so switching between options is cheap.


Icons

The icon library spans Lucide, Heroicons, Tabler, Iconoir, and FontAwesome via the Iconify API. Search across thousands of glyphs; each pack is cached locally after the first open, so the picker stays responsive offline.


Backgrounds and color

Three background kinds, with the controls each one needs and no more:

  • Solid - any hex value, or a random suggestion with APCA-aware contrast against your text.
  • Gradient - two color stops with adjustable angle. Six presets, plus a generator that picks coherent palettes in OKLCH. An optional noise dither (grain, fine, blue, or pixel) breaks up the color banding that smooth gradients show on 8-bit displays.
  • Image - upload a local file or paste a URL. Fit modes (cover, contain, tile), draggable focal point, overlay intensity, and blur. Useful for laying type over a busy photo.

Generate Random

The sparkles button in the top bar produces a complete cover in one click: layout, dimensions, palette, fonts, icon, copy, background. A 1:1:1 bag-shuffle keeps the distribution even - every three clicks return one gradient, one solid, and one image background. Stage prefs (zoom, rounded preview, export format, scale) are preserved across clicks, so you can keep iterating without losing your setup.


Export

Export as PNG (lossless), JPG, or WebP at 1×, 2×, 3×, or 4× scale. A 1200×630 cover at 2× exports as a 2400×1260 file - useful for retina-density blog headers. Rendering happens in a <canvas> in your browser and the file is downloaded directly, without round-tripping through a server.

Need the same design in several sizes? Export kit bundles selected presets - OG / Social, Blog 16:9, Square, HD, Banner, or Story - into one zip using your chosen format and scale.


Templates, sharing, and offline

  • Autosave - your current design state (text, colors, fonts, layout, dimensions, background) is persisted to localStorage as you edit.
  • Saved templates - keep a library of your own templates in the browser. Open one to load it; export to share with a teammate.
  • Shareable URLs - the Share action encodes the design into the URL itself. Open the link on another device to reproduce the cover. Uploaded images are not included in the link, since they never leave your device.
  • Installable, offline-ready - Lede is a progressive web app. After the first load it works without a network connection and can be added to your home screen on mobile or installed as a desktop app.

What Lede is not

Lede is single-purpose by design. There are no multi-page documents, no team libraries, no brand kits, no cloud sync, no shared workspaces, no project files. There is no account and nothing to log into. If any of those matter for your workflow, a general-purpose design tool will fit better. If you only need a 1200×630 cover for a blog post and want to ship it in two minutes without signing into anything, that is exactly what Lede is for.


Privacy posture

No account, no upload backend, no cookies, no fingerprinting. The privacy page covers the details; the short version is that your designs, uploaded images, and exports stay on your device.


Frequently asked questions

What image sizes does Lede support?

Six presets cover the formats blogs and social platforms usually need: 1200×630 (Open Graph), 1280×720 (16:9 blog header), 1920×1080 (HD), 1500×500 (banner), 1080×1080 (square), and 1080×1920 (vertical / story). Custom width and height are also supported, with an optional aspect-ratio lock.

Which export formats can Lede produce?

PNG (lossless), JPG, and WebP at 1×, 2×, 3×, or 4× scale. The export kit can bundle selected preset sizes into one zip. Rendering happens in a canvas in your browser and the files are downloaded directly.

Can Lede export multiple image sizes at once?

Yes. Export kit renders the current design into selected preset sizes - OG / Social, Blog 16:9, Square, HD, Banner, or Story - and downloads them together as one zip using the chosen format and scale.

Does Lede require a signup or upload my work?

No. Lede has no account system and no upload backend. Background images, exported files, and your current design state stay on your device. Aggregate analytics do not include your text, images, filenames, share hashes, or raw design snapshots.

Can I share a Lede design with someone else?

Yes. The Share action encodes the design (layout, dimensions, text, fonts, colors, gradient stops) into the URL itself. Anyone with the link can reproduce the cover. Uploaded images are not included, since they never leave your device.

Does Lede work offline?

After the first load, yes. Lede is a progressive web app with a service worker that precaches its assets, so the editor and previously opened icon packs and fonts continue to work without a connection.

What does Generate Random do?

Generate Random is a one-click action in the top bar that produces a complete cover: layout, dimensions, palette, fonts, icon, title, subtitle, and background. The background distribution is bag-shuffled, so every three clicks return one gradient, one solid, and one image background.