Quote Card Maker: Make a Quote Image
Written by Quotes Giant Editorial TeamPublished on
A quote image works when the words are large, the contrast is high and the author is credited. This maker draws your quote on a canvas at 1200 × 630 for link shares or 1080 × 1080 and 1080 × 1350 for posts, fits the text to the card, shows the WCAG contrast ratio of your colors, and downloads a PNG. It all happens in your browser.
Make your quote card
Start from one of our verified quotes or type your own. If you type one, make sure you can name who said it. The preview updates as you type, and the PNG is made on your device.
How the maker works
It fits your words to the card by trying font sizes from large to small until the wrapped text and the credit line fit inside the margins. Then it measures the contrast between your two colors with the formula the W3C defines for WCAG. The image is drawn at full size on a canvas and the preview is that canvas scaled down.
margin = 9% of the shorter side of the card size = the largest font size where wrapped lines + credit fit in the margins contrast = (L1 + 0.05) ÷ (L2 + 0.05), L1 the lighter and L2 the darker luminance
- luminance L
- 0.2126 R + 0.7152 G + 0.0722 B, after converting each sRGB channel (WCAG definition, source 3)
- pass level
- 4.5:1 for normal text, 3:1 for large text (source 3)
Worked example
Given: dark plum text #1f1a24; on paper #fbf9f6.
- Luminance of the paper:
about 0.95 - Luminance of the text:
about 0.012 - Contrast:
(0.95 + 0.05) ÷ (0.012 + 0.05) = about 16.2:1
Answer: About 16.2:1, which passes both the 4.5:1 normal-text and the 3:1 large-text levels.
Sizes in the maker
| Where it goes | Platform guidance | In this maker |
|---|---|---|
| Link share (Facebook, Open Graph) | At least 1200 × 630; about 1.91:1 | Preset 1 |
| Instagram feed, square | 1080 wide; 1:1 is inside 1.91:1 to 3:4 | Preset 2 |
| Instagram feed, portrait | 1080 wide; 1080 × 1350 is inside the range | Preset 3 |
Facebook: source 1. Instagram: source 2. Sizes are in pixels.
Assumptions and limits
- The maker does not check your quote. If you type your own, confirm the wording and who said it before you share. Our verified quotes in the list are checked against their sources.
- Platforms resize and recompress images, so text that is very small on the card may blur online. Keep the quote short.
- The contrast figure covers the two colors you choose. It does not judge a photo or pattern behind text, and this maker uses a solid background.
- Playfair Display and Lora are bundled with this site. Other fonts are not offered.
- Platform guidance as read on 2026-11-14. Platforms change their recommendations.
Frequently asked questions
What size is a quote image?
It depends on where it goes. Facebook recommends link-share images of at least 1200 × 630 pixels, with an aspect ratio close to 1.91:1. Instagram keeps photos up to 1080 pixels wide when the aspect ratio is between 1.91:1 and 3:4. This maker offers 1200 × 630, a 1080 × 1080 square and a 1080 × 1350 portrait, all inside those ranges.
Do I need to credit the author?
Credit the author, and the work when you know it. No law sets one rule for a quote image, but a name makes the card honest and lets readers check the source. Only credit a quote you can trace, since many popular quotes are misattributed. This site’s verified quotes list the author, work and source link, and the picker fills them in.
Are quotes copyrighted?
Words can be protected by copyright, and short quotes are not automatically free. The U.S. Copyright Office says fair use allows limited portions of a work, including quotes, for purposes such as commentary and criticism, that there is no legal rule on a number of words, and that it depends on all the circumstances. Public-domain works, which our verified quotes come from, are free to use.
What is the best font for a quote image?
Pick a font that stays legible at a distance and at small sizes. This maker offers Playfair Display, a high-contrast serif used for this site’s headings, and Lora, a calmer serif used for body text. Both are bundled with the site, so the image is drawn the same way every time without loading anything from another site.
How do I keep text readable?
Use strong contrast. The W3C’s WCAG success criterion 1.4.3 asks for a contrast ratio of at least 4.5:1 between text and its background, or 3:1 for large text. The maker calculates the ratio for your two colors and tells you whether they pass. Also keep the quote short, leave generous margins and avoid busy backgrounds.
Is my quote uploaded anywhere?
No. The image is drawn on a canvas in your browser and the PNG is created on your device when you press download. The text you type is not sent to us or to anyone else. The colors and text are kept in the page address so you can bookmark a card, which stays on your device.
Sources
- Meta for Developers: Images in Link Shares (developers.facebook.com) Accessed 2026-11-14.
- Instagram Help Center: Image resolution of photos you share on Instagram (help.instagram.com) Accessed 2026-11-14.
- W3C: Understanding Success Criterion 1.4.3 Contrast (Minimum), WCAG 2.2 (w3.org) Text read through a search extract on 2026-11-14; the page itself blocked automated access.
- U.S. Copyright Office: Fair Use (FAQ) (copyright.gov) Accessed 2026-11-14.