Skip to content
QRMakery

Custom QR Codes With Logo

Put your logo or any image inside a QR code, in your colours, free and without an account. The tool measures how much of the code the image covers, warns you before it becomes unreliable, and reads the finished code back with a decoder, so a code that will not scan cannot be downloaded.

Add your link or content

What the code should contain

Only http and https links are allowed. Missing schemes become https.

Customize your QR code

Finder squares stay square whichever you pick. They are what a scanner locates the code with.

Logo

PNG, JPEG, WebP or GIF, up to 2 MB. Your file stays on this device.

The blank margin scanners need. 4 is the standard minimum.

Download your QR code

✓ Scan-tested: this code reads back correctly.

Contrast 21:1, Strong

Version 3 · 37 modules · print at least 14.8 mm wide

Logo-centered QR code with a protected clear area and successful phone scan
Small, medium, and oversized QR code logos compared for scan safety
Transparent logo being centered on a QR code before scan verification

How to Make a Custom QR Code With Your Logo

Five steps, all of them in the editor above. Nothing is saved between visits, so the file you download is the only copy, but equally, nothing you type is recorded anywhere either.

  1. 1Paste the Link the Code Should OpenType or paste the destination into the editor above. The code is encoded as you type, and only http and https links are accepted. A shorter link means fewer modules and more room for your logo.
  2. 2Upload Your LogoPNG, JPEG, WebP or GIF, up to 2 MB. A PNG with a transparent background sits most cleanly on the code. The file is read on your device and embedded into the export; it is never uploaded.
  3. 3Size It Inside the Safe LimitThe size slider stops at what the current error-correction level can rebuild, about 25% of the code's width at High. Leave at least one module of space around the mark so scanners can tell artwork from data.
  4. 4Set Your ColoursChange the module and background colours to match your brand. Contrast is measured live, and the page tells you when a colour pair is heading for trouble in print rather than letting you find out afterwards.
  5. 5Check the Scan Test, Then DownloadThe finished code is read back with a decoder before the download unlocks. Take the SVG for anything printed and the PNG or WebP for screens, then test the code on two phones before you order a print run.

How a Logo Affects Scanning

A QR code stores every byte more than once. That redundancy is error correction, and it is why a code still reads when part of it is scratched or covered. Placing a logo in the centre deliberately destroys modules and asks error correction to rebuild them.

The catch is that the same budget has to cover everything else that goes wrong: ink spread on cheap paper, a fold through the middle of a flyer, a scuffed sticker, a phone camera at an angle in bad light. Most generators let you drag the logo slider until the code silently stops working. This one caps the safe size per error-correction level, shows the percentage covered, and blocks the download when the decoder can no longer read the result.

What Putting an Image Inside a QR Code Actually Does

Worth clearing up, because the phrase suggests something the format cannot do. Your image never becomes part of the data. The encoder builds the symbol from your link first, then a square patch of modules in the middle is cleared and the image is painted over the top. Decode the finished code and you get your URL back, byte for byte, with no trace of the picture in it.

Two useful consequences. The file size of your image is irrelevant: a 1.8 MB photo and a 4 KB icon cost the code exactly the same, because neither one is encoded. And the size limit you keep hitting is not about the image at all, it is about how many covered modules error correction can rebuild, which is why the cap moves when you change the error-correction level.

Restyling the code itself is a third thing again. Shaped modules, gradients and artwork behind the whole symbol live on QR code art, which tests the finished design rather than the plain matrix.

If you meant the other thing, encoding the picture itself so that scanning the code produces the image, that is a different problem with a hard ceiling of 2953 bytes. Image to QR code measures your file against it and explains what the tools claiming to do it are really doing.

Custom Colours, and the Honest Answer on Tracking

Colours are yours to set here: module colour, background, and the patch the logo sits on. The contrast between them is measured while you work, because a logo and a pale brand colour spend the same error-correction budget and will fail the scan test together. If colour is the main thing you are after, the branded QR code page checks common brand hues and gives you a darker shade of the same colour where one is too light to read.

Tracking is the part most tools quietly bundle in, so it is worth being direct: these codes are static, and a static code cannot count scans. The link is inside the image, and nothing contacts a server when someone points a camera at it, which is why it works forever and costs nothing. To get numbers today, encode a destination you already measure: a landing page on your own site, or a URL carrying campaign parameters your analytics reads. Dynamic codes with scan counts and a destination you can change after printing are in development; codes with logos will stay free either way.

Getting a Good Result

  • Keep error correction on High. It reserves the most capacity for the area your logo covers.
  • Use a logo with a transparent or solid background. Busy edges blur into the surrounding modules.
  • Leave the space around the logo set to at least one module, so scanners can tell the artwork from the data.
  • Shorten the link before you generate. A shorter URL means fewer modules, larger modules, and more tolerance for the logo.
  • Download the SVG for print. It stays sharp at any size, and the logo is embedded in the file.
  • Test with more than one phone before printing a thousand of them.

What This Tool Does Not Do Yet

  • Links and plain text only. Wi-Fi, vCard and the other code types are not built yet.
  • Custom dot and eye shapes are not available, so the logo sits in an otherwise standard code.
  • Codes are static. The destination cannot be changed after printing, and there are no scan statistics.
  • Nothing is saved between visits, so keep the file you download.

Questions About Custom QR Codes With Logos

How do I make a custom QR code with my logo?

Paste your link into the editor on this page, upload your logo as a PNG, JPEG, WebP or GIF, size it inside the limit the tool shows, and pick your colours. When the code passes its scan test the download unlocks and you can save it as SVG, PNG or WebP. There is no account, no watermark and no limit on how many you make.

Does adding a logo stop a QR code from working?

Not if it is small enough. A logo hides modules, and QR error correction rebuilds hidden modules from redundant data, but that budget is finite and is also what absorbs real-world damage like scuffs, folds and poor lighting. Spend all of it on the logo and the code reads on screen but fails in print. This tool measures how much you have covered and reads the finished code back with a decoder before allowing a download.

How big can my logo be?

It depends on the error-correction level. At "High" you can safely go to about 25% of the code's width; at "Medium" the safe limit is about 15%. Those caps deliberately leave error correction in reserve for print damage rather than using every last bit on the logo.

Which error correction level should I use with a logo?

"High". It reserves the largest share of the symbol for recovery, which is exactly what a logo consumes. This page starts you on High for that reason. The trade-off is a slightly denser code, so print it a little larger.

Is my logo uploaded to a server?

No. The image is read in your browser and turned into a data URL there. It is never sent anywhere, and it is embedded directly in the file you download, so the exported SVG still shows your logo when opened offline or sent to a printer.

Why can I not upload an SVG logo?

SVG files can contain scripts and references to external resources. Embedding one inside the QR code you then publish or send to a print shop would carry that along. Export your logo as a PNG with a transparent background instead.

Will this code expire or stop working?

No. It is a static code: the link is encoded in the image itself, so nothing is being looked up on our servers when someone scans it. It keeps working whether or not this site does, and there is no account or subscription attached to it.

What size should I print it?

The preview shows a minimum width in millimetres for the code you have made. A logo does not change that number directly, but it does use up the error-correction margin that would otherwise cover printing imperfections, so if you are close to the minimum, print larger.

Can I use custom colours as well as a logo?

Yes. The module colour and the background are both yours to set, and the contrast between them is measured as you change them. A logo and a brand colour compete for the same margin, though: colour that is too light and a logo that is too large will fail the scan test together, and the page will say which one to ease off.

Can I track scans on a custom QR code with a logo?

Not from here. These are static codes: the link lives in the image, so nothing touches our servers when someone scans, which is exactly why the code never expires. If you need numbers today, encode a link you already measure: a page on your own site, or a URL with campaign parameters your analytics reads. Dynamic codes with scan counts and an editable destination are in development and will be a paid feature; static codes with logos stay free.

How do I put an image inside a QR code?

Paste your link into the editor above, upload the image, and it is placed in the centre for you. The image is not encoded into the code: the middle modules are cleared and the picture is drawn over them, then error correction rebuilds what was covered. That is why the size cap is measured as a percentage of the symbol rather than in kilobytes, and why a large photo costs the code no more than a small icon does.

What image can I turn into a QR code logo?

Any PNG, JPEG, WebP or GIF up to 2 MB. Square marks work best because the cleared patch in the middle of a code is square; a wide wordmark has to be scaled down until its height fits, which wastes the space you are paying error correction for. Use the icon from your logo rather than the full lockup where you have one.

Colour, a logo in the middle, artwork behind it, each one measured against what still scans.

All tools

Guides worth reading

All guides
  • Comparisons

    Static vs Dynamic QR Codes

    What the redirect actually buys you, measured on real encoded codes, and which payloads are worse off for it.

    16 min read

QRMakery generates every code on your own device. Your logo, your link and the finished image never reach a server.