Customizing Your UPI QR Code: Logos, Colors, Sizes & Best Practices

Why customize your QR code

A plain black-and-white QR works perfectly fine — every scanner reads it. But if you're using the QR as a customer-facing payment surface (sticker on a counter, banner on your shop, link in your email signature), a customised QR is worth the extra five minutes:

• Brand consistency. A logo in the centre and your brand colours around the edges make the QR recognisably yours, not just "some QR".
• Trust. Customers hesitate to scan unfamiliar black-and-white squares. A QR with a clear business logo and brand colour gives visual cues that this is the legitimate payment surface.
• Reduced fraud. A custom QR with a logo is much harder to convincingly fake via a "QR swap" sticker scam.
• Conversion. In published tests, branded QRs see higher scan rates than plain ones, especially in retail and restaurant settings.

The trade-off is that customisation introduces ways to break scannability. This guide explains how to customise without breaking.

Anatomy of a QR code

A QR code has three structural parts:

• Finder patterns — the three large squares in three corners (top-left, top-right, bottom-left). Scanners use these to detect orientation and size. Never cover these.
• Alignment pattern — the smaller square near the bottom-right corner of larger QRs. Helps scanners correct for distortion.
• Data modules — the small squares in the middle. These encode the actual URL or UPI string. Up to ~30% of these can be damaged, covered, or replaced with a logo, and the QR will still scan.

This 30% tolerance is the key fact: it's why putting a logo in the middle of a QR works at all. The setting that controls this tolerance is called the error correction level, and it has four modes.

Error correction levels

For a branded QR with a logo in the centre, always use error correction H. The QR will be slightly denser (more modules), but the scanner can read it even if the logo covers up to 30% of the data.

A good free QR generator lets you set this level. upiqrcode.in uses error correction H by default for UPI QR codes.

Logo overlay

Putting a logo in the centre is the most common customisation. Rules of thumb:

• Size: keep the logo to 20–25% of the QR's total area. Larger than 30% and you'll start seeing scanner failures on older phones.
• Shape: a square or circle works best. Avoid weird shapes that cover random data modules.
• Background: the logo should have a solid white (or light) background behind it, so it stands out from the QR modules. Otherwise the dark logo bleeds into the dark modules and the scanner gets confused.
• File format: use a high-resolution PNG with a transparent background so the QR background shows through cleanly.

Most free QR generators handle the white background automatically when you upload a logo.

Colour contrast

The single most important rule for a scannable QR:

The contrast between the dark modules and the light modules must be at least 4:1.

That ratio is the WCAG accessibility threshold for graphical elements, and it's also the practical threshold for QR scanners. If you go below it, scanners will struggle.

What this means in practice:

• Dark on light — black on white, navy on cream, dark green on pale green: all fine.
• Light on dark — white on black, yellow on navy: works on most modern scanners, but not all. Stick to dark-on-light for maximum compatibility.
• Low-contrast — dark grey on light grey, blue on black, maroon on navy: will not scan reliably.

Picking colour combinations

If in doubt, generate with your colours, print a small test, and try scanning with three different phones (iPhone, Samsung, Xiaomi). If all three scan within two seconds, you're good.

File types

• SVG (vector): ideal for digital use — website, email signature, app. Scales infinitely without pixelation. File size is small.
• PNG (raster): ideal for print. Use at least 300 DPI at the final print size. A 4×4 inch printed QR needs a 1200×1200 px PNG minimum.
• PDF: ideal for sharing with a print shop. Embeds either vector or high-res raster.
• JPG: avoid — lossy compression can damage fine QR details.

For upiqrcode.in, you can download both PNG and SVG and pick whichever fits the use case.

Print sizes

Pick the print size based on how far away the customer will be when scanning:

For each doubling of scan distance, roughly double the print size. The rule of thumb: the QR should be at least 1/10th the scan distance in width.

Minimum scan size at distance

If you want a QR to be scannable from X metres away, the QR should be at least X / 10 wide. So:

• 1 m scan distance → 10 cm wide (≈4 inch)
• 2 m → 20 cm (≈8 inch)
• 5 m → 50 cm (≈20 inch)

This is for an average phone camera. Some phones do better; some do worse.

Common mistakes that break scannability

1. Logo too big. Anything over 30% coverage and older phones fail. Stay at 20–25%.
2. Low contrast. Blue on black, dark grey on light grey, brand colours of similar luminance — all will fail intermittently.
3. Gradient body. A gradient that goes dark-to-light across the QR confuses scanners that rely on threshold contrast. Use solid colours.
4. Background image behind the QR. Putting a photo or pattern behind the QR reduces contrast. Keep the area immediately around and behind the QR clean.
5. Printing too small. Anything smaller than 0.8×0.8 inch (2×2 cm) is unreliable.
6. Glossy lamination over the QR. Glossy finishes can reflect light and create hot spots that blind the camera. Use matte lamination.
7. Distortion when scaling. Stretching a QR into a non-square shape (e.g. a tall rectangle) breaks decoding. Always keep the aspect ratio square.
8. Putting text across the QR. Don't overlay text or graphics on top of the modules — they'll cover data.

Test before print checklist

1. Scan with at least three different phones (different brands, different OS).
2. Scan from the maximum expected distance.
3. Scan in different lighting conditions (bright sunlight, dim indoor light, under a counter light).
4. Print a test page at the actual print size on the actual printer you'll use.
5. If laminated, scan the laminated version — lamination can affect contrast.
6. Send a copy to a colleague and ask them to scan without context — if it works for them, it'll work for your customers.

Tools and next steps

For a UPI-specific QR generator that supports logo overlay, colour, and SVG/PNG export, upiqrcode.in is a good starting point. It's free, has no signup, and uses error correction H by default.

For general-purpose QR (not just UPI), there are several free tools that work for URL, vCard, Wi-Fi, and other QR types — but if all you need is UPI, a dedicated UPI generator keeps the interface focused.

Frequently asked questions

What is the best colour for a UPI QR code?

Black on white. Maximum contrast, maximum compatibility. If you want to brand it, use a dark colour (your brand's primary) on a light colour (white or cream).

Can I use a logo without breaking scanning?

Yes, as long as the logo covers less than 25–30% of the QR and you use error correction H. Many businesses do this.

Should I use SVG or PNG?

SVG for digital, PNG for print. SVG scales infinitely; PNG at 300 DPI gives crisp print output.

Can I print on coloured paper?

Light coloured paper (cream, pastel) is fine as long as the contrast against the dark modules is high enough. Dark or patterned paper will not work.

Do I need a different QR for each payment amount?

Only if you want fixed-amount QRs (so the customer doesn't have to type an amount). For flexible-amount QRs, one QR works for any amount — the customer types the amount on their screen.

Can I edit my QR code after printing?

Not without reprinting. A QR code encodes a specific UPI string; you can't edit it in place. If your UPI ID changes, you must regenerate and reprint.

Conclusion

Customising your UPI QR code is a five-minute task that pays back in trust, brand recall, and fraud resistance. The constraints are simple: error correction H, logo under 30%, contrast over 4:1, solid colours, no gradients. Get those right, and the rest is aesthetics.

Generate your branded QR at upiqrcode.in — free, instant, no signup. For multiple UPI IDs across multiple businesses, see setting up multiple UPI QR codes.