How to add a logo to a QR code without breaking it

By Dhurka Manchukan, software engineer · Last updated: 2026-10-04

Why a logo can still scan

A QR code carries built-in redundancy called error correction. Even if part of the pattern is hidden, a scanner can rebuild the missing data. A logo in the centre covers some modules, so it only works if the code has enough redundancy to spare. The more of the code the logo covers, the less room for error is left for dirt, glare or a slightly blurry print.

Add a logo in QRinst

  1. Open the QRinst generator and enter your link.
  2. Expand Appearance, Colors & Frame and open the Logo tab.
  3. Upload your own image (PNG, JPG, WebP or SVG, up to 1 MB) or pick one of the popular logos.
  4. The tab shows Logo added and the preview updates instantly.
QRinst Logo tab showing Logo added and a grid of popular logos beside the live QR preview
The Logo tab in QRinst: upload your own image or choose a popular logo.

Keep the logo small

Use the size slider to keep the logo modest. QRinst shows an amber warning when the logo becomes too large for reliable scanning, so treat that warning as a hard limit rather than a suggestion. A simple logo on a plain padded background reads better than a detailed one.

In the advanced options, set Error correction to High when you use a logo. The panel reminds you of this too. High error correction makes the pattern a little denser, so make sure the printed code is not too small.

A QR code with a small logo on a light rounded square in the centre
A small logo on a light padded square leaves most of the pattern untouched.

Test before you print

Download the code, then upload it to the QR checker. It decodes the code, reports the quiet zone and contrast, and tells you if the pixel size is too small. Then scan it with at least two phones, from the distance people will actually use. See what size a printed QR code should be for the distance rule.

More guides