Home › Feature Showcase
Barcode & QR Code Feature Showcase — All Advanced Options Live
Last updated: March 2026
Every barcode and QR code on this page is rendered using the exact same engine as the BatchPrintGTIN generator. The QR codes use the same qrcode-generator library and identical canvas drawing routines. Open the generator to apply any of these styles to your own data.
1D barcodes \u2014 standard vs flat mode
Flat mode removes the extended guard bars at each end of UPC and EAN barcodes for a cleaner, minimal look. The barcode remains fully scannable.
1D barcodes \u2014 colour, label & style options
QR code dot patterns \u2014 Square, Dots, Rounded, Diamond, Star
These are the exact same pattern options available in the BatchPrintGTIN QR generator, rendered with the same drawing engine. Scan any example to verify scannability.
QR code corner eye styles \u2014 Square, Rounded, Circle, Leaf
The three finder pattern squares in each corner can be independently styled. These match exactly what you see in the generator's Eye Style selector.
QR code gradient foreground \u2014 applied to modules
Two-colour gradients applied directly to the QR modules using the same canvas gradient engine as the generator. Test scannability after printing \u2014 lightest point must still contrast against background.
QR code solid colour foreground
Single-colour QR codes for brand matching. Any hex colour is supported. Transparent-background PNG export lets the code sit over coloured packaging without a white box.
QR codes — logo & watermark overlay
A logo image is centred over the QR code using HTML5 canvas — the same method the generator uses. Error correction H (30%) ensures scannability even with a logo covering the centre. Keep coverage under 30%.
QR codes — background image behind modules
A background pattern or tinted fill appears behind the QR modules. The generator supports uploading any PNG/JPG. Module opacity and image opacity are independently adjustable to preserve scannability.
QR codes \u2014 combined dot pattern + eye style + colour
QR codes \u2014 frame with call-to-action text
A decorative frame wraps the QR code with custom CTA text. Frame and text colours are independently configurable in the generator's Frame & Label section.
Try All These Features Free
Every feature on this page is available in the BatchPrintGTIN generator with no account or subscription. Open the QR tab, select your content type, then explore Dot Pattern, Corner Eye Style, Colors & Style, Logo / Watermark, and Frame & Label.
Open BatchPrintGTIN GeneratorWhy Visual Styling Matters for Barcode and QR Code Labels
A barcode or QR code is often the last design element placed on a product label — and the one most likely to be treated as an afterthought. But the visual choices you make around a code directly affect whether it scans reliably, how it reads against your packaging colours, and whether it fits your brand identity.
The options on this page are not cosmetic extras. Flat mode on UPC and EAN barcodes removes the extended guard bars — those short bars that extend below the main barcode body. Standard retail scanners read flat-mode barcodes without issue, and the result is a shorter, cleaner barcode that sits more comfortably in tight label designs. If your label has limited vertical height, flat mode can be the difference between a code that fits and one that doesn't.
Bar colour and background colour are commonly misunderstood. The rule is not "black on white" — it is "sufficient contrast between bars and background." A dark navy bar on a pale cream background will scan reliably. What will fail is a dark bar on a dark background, or a light bar on a white background. The generator enforces no hard constraint here because the right choice depends on your printing process — always scan-test the output on the actual printed material before committing to a production run.
When to Use Custom QR Code Styles
Custom dot patterns and eye styles are appropriate for branded QR codes that will appear on marketing materials, product packaging, business cards, and signage. They are not appropriate for every use case. Here is a practical guide:
Square pattern (default): Use for any situation where you cannot test the output before deployment — outdoor signage, mass-printed packaging, anything where a failed scan has a cost. Square modules provide the highest scanner compatibility across the widest range of devices and lighting conditions.
Dot and Rounded patterns: Well-suited to printed marketing materials — brochures, flyers, table tents, and retail shelf talkers — where you can test-scan before printing in volume. Use error correction M or Q. Modern phone cameras handle these reliably.
Diamond and Star patterns: Use H (high) error correction with these. They are primarily for high-quality print contexts — packaging with a good-quality press, not inkjet office printers. Always test at the smallest printed size you intend to use.
Gradient foregrounds: Gradients reduce the effective contrast of the QR modules at the lighter end of the gradient. If you use a gradient, ensure the lightest point still has sufficient contrast against the background. A mid-blue-to-light-blue gradient on white, for example, will fail at the light end. Test-scan after printing, not just on-screen.
Logo and watermark overlays: The generator automatically sets error correction to H (30% data recovery) when you upload a logo. This is the minimum required — a logo covering more than 30% of the QR code area will reduce scannability even with H correction. Keep logos under 25% of the code area for comfortable margin. Square and circular logo crops work better than landscape-format logos.
Output Formats — SVG vs PNG for Labels
All codes on this page are rendered using the same canvas and SVG engine as the main generator. For production use, the format you download matters as much as the design you choose.
SVG is the correct choice for any commercial print workflow — packaging artwork, label design in Illustrator or Affinity, or any situation where the code will be resized. SVG is resolution-independent: a 1cm QR code and a 30cm QR code from the same SVG file will both be perfectly sharp. There is no pixelation, no upscaling artefacts, and no minimum pixel size requirement.
PNG is appropriate for digital use, word processors, email templates, and label software that does not accept SVG. When printing PNG, always use 4× Ultra or 8× Print resolution — a 1× PNG printed at label sizes will appear blurry. The DPI preset and Print Size tools in the generator calculate the exact pixel count needed for your target DPI and physical print size.
PDF via Page Designer is the recommended path when you need to print multiple codes on a single sheet of Avery or Uline label stock. The Page Designer re-renders all barcode SVGs at 12× scale internally during PDF export, producing sharp output at any label size.