Brat Generator Guide

What the Brat Generator Does

The brat generator creates static images — not video. It runs entirely in your browser using an HTML canvas. There is no server upload, no account required, and no processing delay. You type text, configure the settings, and the canvas renders a preview in real time. When you're ready, you download the image directly from the browser.

The output is a flat image file: PNG, JPEG, or WebP. It does not produce animated content — for animated brat videos, see the brat video generator.

Step-by-Step: How to Make a Brat Image

1. Type your text — enter a word, phrase, or short caption in the text input. The canvas updates live as you type.
2. Pick a color preset — choose from green, black, white, pumpkin, or pink. Each preset sets both the background color and the text color.
3. Set alignment — centered for the classic brat look, right-aligned for an editorial feel, or justified to fill the frame edge to edge.
4. Adjust blur — the slider controls how much blur is applied to the text. The default is 1.5px. Set to 0 for crisp text.
5. Select aspect ratio — 1:1 for square images, 9:16 for vertical (Stories, TikTok), 16:9 for horizontal (YouTube, desktop).
6. Set canvas size (1:1 only) — for square images, drag the size slider from 512px to 2048px. Higher resolution is better for printing or large display.
7. Download — click PNG, JPEG, or WebP to save the file. Or use Copy to Clipboard to paste directly into Discord, Telegram, or any app that accepts image paste.

Choosing a Color Preset

Five presets are available, each with a fixed background and text color pairing:

• Classic green (#8ACE00, black text) — the original brat album cover color. The most recognizable option. Use this when you want the immediately familiar brat aesthetic. Best for memes, fan content, and anything tied to the Charli XCX brat era.
• Black (#000000, white text) — high contrast, works for dark or moody content. Good for quotes, edgy statements, or when you want the brat format without the green association. Also effective as a Discord profile picture background.
• White (#FFFFFF, black text) — clean and minimal. Works for ironic content, quotes, or thumbnails on dark backgrounds. Note that white images blend into white backgrounds — the generator adds a thin border automatically.
• Pumpkin (#febb00, black text) — warm yellow. Less common than green, so it stands out. Good for warm-toned or seasonal content.
• Pink (#fb0080, black text) — hot pink, bold and attention-grabbing. Works well for fashion or high-energy content, especially in 9:16 format.

Text Alignment Options

• Center — text is centered horizontally on the canvas. This is the classic brat album look. Works best for short text (1–4 words) where you want the text to sit in the middle of the frame.
• Right — text is right-aligned. Gives an editorial, typographic feel. Good for captions or longer phrases where a non-centered layout looks intentional.
• Justified — text is stretched to fill the full width of the canvas, edge to edge. Works well for longer text where you want it to fill the frame completely, similar to body text in print design.

Blur Settings

The blur slider applies a Gaussian blur to the text rendered on the canvas. The values work as follows:

• 0px — no blur, crisp and sharp text. Good for readability-focused uses like thumbnails or captions.
• 1.5px — the default. This matches the slight blur on the original brat album cover. The text is still fully readable but has a soft, slightly out-of-focus quality.
• Higher values (3px+) — increasingly impressionistic. Text becomes harder to read. Use this for abstract or decorative images rather than readable messages.

For memes intended to be read quickly, use low blur (0–1px). For images where the aesthetic matters more than readability, higher blur values can work well.

Canvas Size and Aspect Ratio

Three aspect ratios are available:

• 1:1 (square) — adjustable from 512×512 to 2048×2048px. Use the size slider to set the resolution. 512px is enough for most social media. 2048px is suitable for high-resolution printing or large displays. Good for Instagram posts, profile pictures, and Discord avatars.
• 9:16 (vertical) — fixed at 1080×1920px. Full-screen portrait format. Use for Instagram Stories, TikTok posts, phone wallpapers, and any full-screen vertical content.
• 16:9 (horizontal) — fixed at 1920×1080px. Standard widescreen. Use for YouTube thumbnails, desktop wallpapers, and Twitter/X headers.

Export Formats

• PNG — lossless compression, no quality loss. The best option for memes and images you'll re-upload or edit later. Larger file size.
• JPEG — lossy compression, smaller file size. Good for social media uploads where a small file size matters and slight quality loss is acceptable.
• WebP — modern format, smallest file size, minimal quality loss. Supported in most current browsers and apps. Best choice if file size is a priority.
• Copy to Clipboard — copies the image as PNG to your clipboard. Paste directly into Discord, Telegram, Twitter/X, or any app that accepts image paste from clipboard.

Tips for Best Results

• Short text fills the frame better. 1–4 words scale up to fill the canvas. Longer text scales down to fit, leaving more empty space around the edges.
• Lowercase looks more authentic. The original brat aesthetic uses lowercase throughout. Uppercase works but reads differently.
• For the classic album look: green preset + center alignment + 1.5px blur + 1:1 ratio. This replicates the original Charli XCX brat cover format.
• For YouTube thumbnails: use 16:9 at 1920×1080, PNG format (maximum quality), with 0px blur so text is sharp and readable at small sizes in the YouTube feed.
• For Discord/Telegram: use Copy to Clipboard instead of downloading — faster and the image pastes at the right size without a separate upload step.

Related: Brat Generator — Brat Meme Generator — Brat Video Generator