Rule 1: contrast decides everything

The most common mistake with quote graphics is too little contrast — light text on a light photo that simply vanishes in the preview. The reliable fixes:

  • Overlay: place a semi-transparent dark layer (e.g. black at 40–50% opacity) over the photo, then light text on top. It dims the image just enough for the text to stand out.
  • Solid background: no photo at all, but a brand color with contrasting type — minimal, but always readable.
  • Outline or shadow: a subtle drop shadow or a thin outline around the letters keeps text readable even over a busy background.

Rule 2: PNG, not JPG

Quote graphics are text with hard edges — and that's exactly where JPG fails: it produces washed-out, often colorfully frayed edges around letters (the chroma-subsampling problem). PNG keeps the text razor-sharp. Only when the graphic is mostly a photo with little text is JPG acceptable. Sharp text with hard edges is the classic case for PNG over JPG.

Rule 3: big, short, wrapped

The text has to work as a small feed preview too. That means:

  • Short lines, large type — shorten a long quote rather than set it small.
  • Wrap sensibly — not mid-thought, but after meaningful units.
  • Emphasis through size — the key word larger or colored, the rest more restrained.
  • Don't forget the source — name the author of the quote in small type below; it's fair and looks credible.

Format choice

Square (1080 × 1080) is the all-rounder for the feed. If you also post stories (1080 × 1920) or Pinterest pins (1000 × 1500), lay out the core statement so it sits in the center and stays visible in any crop. That way one graphic can be reused with minimal adjustment.

The series effect: recognition

Individual pretty quote graphics are nice — a recognizable series builds a brand. The recipe is consistency: the same font, the same color world, the same layout across all graphics. A fixed color palette (two or three colors, held consistently) is the easiest route to that recognition value. If you like, place a transparent logo or watermark as a PNG in a corner — how transparency stays clean is covered in The alpha channel and transparency.

In short

  • Contrast first — overlay, solid background, or outline.
  • PNG keeps hard-edged text sharp.
  • Big, short, well-wrapped text works as a preview.
  • Consistent font + palette turns posts into a brand.