OnlineQRCodeGenerator.com

Styling QR code dots and corners

The grid of squares is a convention, not a requirement. Modules can be dots, rounded tiles or tapered 'classy' shapes, and the three corner markers can be squared, rounded or ringed — without changing what the code encodes. The constraint is scannability: style changes how the code feels, and must never change whether it reads.

  1. 1

    Pick a dot style

    Square is the reference: maximum edge contrast, most forgiving at small sizes. Rounded softens the look. Dots feel modern and light. Classy tapers modules for a designed feel.

  2. 2

    Pick a corner style

    The three finder patterns can stay square or take rounded and circle treatments. They're how the scanner finds the code, so their structure stays intact regardless of style.

  3. 3

    Test the preview and download

    Scan the styled preview with your phone before downloading — then again after printing. Styling margin is thinner than you think at small sizes.

Try it now

Send anyone straight to a web page with a single scan.

Fill in the fields to encode your own content

Waiting for content

Free, no sign-up, no watermark. Your code never leaves this browser.

A field guide to the four dot styles

Square: the standard. Sharpest edges, best tolerance for blur, glare and small print. Choose it for codes under 3 cm and anything outdoors. Rounded: square modules with radiused corners — friendlier, scans essentially as well as square at normal sizes. Dots: each module becomes a circle. Elegant on packaging and premium print; needs slightly more size and contrast because circles cover less area than squares. Classy: tapered modules with a designed rhythm — the most stylised option, best reserved for large, well-printed codes.

The corners are load-bearing

The three big finder patterns are how every reader locates and squares-up the code. Styling them is safe only because their essential structure — the concentric dark-light-dark rings — is preserved. Any treatment that breaks that structure (merging them into artwork, cropping them, restyling beyond recognition) kills the code outright, no matter how beautiful the result.

This generator keeps the finder structure intact in every corner style — which is the line you should hold in any further manual editing too.

Style, size and error correction together

Styling consumes margin of error, so buy it back elsewhere: print styled codes a size up from the distance rule, keep contrast high (stylish pale codes are the usual failure), and use level Q or H correction when combining styles with a centre logo. Then the golden rule: test on at least two phones, at final size, in final lighting.

Mistakes to avoid

  • Never restyle the corner markers manually beyond recognition.
  • Dots and classy styles need more size and contrast than square — don't use them at 2 cm.
  • Styled + pale colours + glossy print is the trifecta of failure.

Common questions

Do rounded dots scan worse?

Marginally at very small sizes; at 3 cm and above the difference isn't noticeable.

Can I combine styles with a logo?

Yes — error correction is raised automatically when you add a logo, which offsets the styling cost.

Which style is safest for outdoor signage?

Square, with strong contrast and level Q or H correction.

Do styled codes work with every scanner?

With good contrast and size, yes. Weak readers struggle first with low area coverage — that's why dots need more size.