Quote Image Generator

Design quote images for every social media format — Story, Post, Square, Pinterest and more. Pick gradients, fonts, and decorations, then download as full-resolution PNG.

quote image generator social media image instagram story quote card motivational quote image creator quote maker png download
Free Client-Side Private
Quote text
Attribution
Canvas size
Background
Custom start → end
Text style
Quote size 16 px
Author size 16 px
Alignment
Decorations
Padding 10 %
Vertical position 50 %
Line spacing 1.35 ×
1080 × 1920 px
🔒 This tool runs entirely in your browser — your files are never uploaded to any server.

Create beautiful quote images sized perfectly for every social media platform — entirely in your browser, no account required.

How to use

  1. Type your quote in the Quote text area.
  2. Add attribution (e.g. — Albert Einstein) in the Attribution field.
  3. Pick a canvas size from the preset buttons — Story, Portrait, Square, Landscape, and more.
  4. Choose a background — select a gradient preset or dial in custom colors.
  5. Adjust text style — font family, color, size, and alignment.
  6. Toggle decorations such as decorative quote marks, a separator line, text shadow, and a frosted card behind the text.
  7. Fine-tune padding, vertical position, and line spacing with the sliders.
  8. Click Download PNG to save the image at full resolution.

Canvas size presets

  • Story (9:16) — 1080 × 1920 px: Instagram Stories, TikTok, Facebook Stories
  • Portrait (4:5) — 1080 × 1350 px: Instagram Feed, Facebook
  • Square (1:1) — 1080 × 1080 px: Instagram, Facebook, Twitter
  • Landscape (16:9) — 1280 × 720 px: Twitter / X, YouTube Community
  • Facebook Post — 1200 × 630 px: Facebook link previews
  • LinkedIn Post — 1200 × 627 px: LinkedIn feed
  • Pinterest Pin (2:3) — 1000 × 1500 px: Pinterest

Decoration options

Option Effect
Quotes Adds a large decorative opening quotation mark (")
Separator Draws a thin line between the quote and the author name
Shadow Applies a soft drop shadow for legibility on light backgrounds
Card bg Renders a semi-transparent rounded rectangle behind the text

Use the Padding and Vertical position sliders to control text placement, and Line spacing to breathe air between lines of a longer quote.

Use cases

  • Sharing motivational quotes on Instagram Stories or Reels covers
  • Creating branded quote cards for LinkedIn thought leadership posts
  • Designing Pinterest pins with compelling typography
  • Making Twitter / X images for viral quote threads
  • Building content for TikTok text overlays or thumbnails

FAQ

Does this upload my text or image to a server?

No. Everything runs entirely in your browser using the HTML5 Canvas API. No data is sent anywhere.

What resolution does the downloaded image have?

The PNG is exported at the full native resolution of the selected preset — for example 1080 × 1920 px for Story — regardless of how small the preview appears on screen.

Can I use a transparent background?

Not currently. The tool creates opaque PNG images. Gradient and solid color backgrounds are supported.

What fonts are available?

The tool uses fonts installed on your system: Georgia, Palatino, Times New Roman, Arial, Trebuchet MS, Verdana, Helvetica Neue, Impact, and Courier New.

Can I use more than two gradient colors?

The current version supports two-stop linear gradients. Select a preset swatch or pick custom start and end colors using the color pickers.

Why is the font size slider measured in preview pixels?

The sliders control the font size on the preview canvas. When you download, the font is automatically scaled up to match the full export resolution, so layout proportions remain identical.

Report an issue