A plain QR code is fine. A QR code with your logo in the middle is dramatically better - it looks intentional, it earns trust, and it gets scanned more often. The slightly counterintuitive thing is that this is a free, ten-second job in 2026, with no account required and no watermark on the result. This guide walks you through the whole flow on whew.cc, including the one detail most tutorials get wrong (logo size), and the readability check that tells you immediately whether your code still scans.

A small note up front, since this is the bit that surprised us when we shipped it: most free tools let you upload a logo and that's it - the logo lands wherever the tool decided to put it, at whatever size the tool decided was right, and you find out whether the code still scans by printing it and trying. Whew.cc lets you move, resize, and stretch the logo on top of the live QR preview, and gives you a one-click readability check that runs a real decode against your composited code. That combination - interactive placement plus an honest scan test before download - is rare in free tools.

• Whew.cc Authors
• 10th May 2026

Wait - won't a logo break the QR code?

It feels like it should, but no. QR codes have built-in error correction: extra redundant data is encoded into the pattern so a partially obscured code can still be reconstructed. The QR specification has four error correction levels (L, M, Q, H) that allow recovery of roughly 7%, 15%, 25%, and 30% of damaged area, respectively. When you add a logo at the center, you're occupying a small portion of the modules. As long as the logo isn't bigger than the error-correction budget, the code still scans cleanly.

The practical rule of thumb: keep your logo at 15–22% of the code's width and use error correction level H. That gives you a comfortable safety margin even on slightly damaged or oddly-printed codes. We'll show you what each size looks like a bit further down.

Step-by-step: add a logo on whew.cc (free, no sign-up)

Here's the whole flow with screenshots. The whole thing takes well under a minute.

Step 1 - Open the QR generator

Go to whew.cc. Paste your destination URL into the input box and click "Generate QR code" below it. A modal opens with the live QR preview and customization controls on the right. The default tab is Style, where you can pick data-cell shape, finder-pattern shape, and colors.

Step 2 - Switch to the Logo tab

Click the Logo tab next to Style. You'll see an upload control and three action buttons: Undo, Remove, and Check Readability. The little orange notice at the top is just letting you know the feature is in preview - your logo gets baked into the downloaded PNG/SVG, but it isn't permanently stored on whew.cc's side.

Step 3 - Upload your logo

Click Choose File and pick your logo. PNG with a transparent background works best, but SVG and JPG also work. The logo lands at the center of the code at a default size that should scan reliably for most logos.

Two practical tips at this step:

• Square or near-square logos work best. Wide horizontal logos get cropped or shrunk so much they become illegible. If your brand has both a full wordmark and a square icon, use the icon here.
• Keep it simple. Photographic logos and gradients can muddy the contrast. A flat single-color or two-color logo on a white background reads cleanly even at small sizes.

Step 4 - Move, resize, and stretch

Once the logo is in, you can drag it to reposition, resize it to find the right balance between visibility and scannability, or stretch it (e.g. fit a wide wordmark across the central area). This level of interactive placement is something a lot of free tools skip - they upload, render, done. On QR Code Monkey, for comparison, the logo lands at a fixed size and central position; you can't push it off-center or scale it independently of the code. Whew.cc treats logo placement as a real design step.

Practical guidance: centered is the safe default - it sits inside the natural empty space at the middle of most QR layouts. Off-center placements are fine if your design calls for it, but stay away from the three large corner squares (the "finder patterns"), which scanners use to lock onto the code's orientation. If you stretch a wide logo, keep it slim enough that the rows of QR modules above and below it stay intact.

Step 5 - Click "Check Readability"

This is the step a lot of tutorials skip and a lot of users regret skipping. The Check Readability button runs a real decode against your composited code (logo + QR) and reports whether common scanners can still read it. If it reads, you're done. If it fails, shrink the logo, move it, or unstretch it until it passes.

Most free QR tools don't have a built-in readability check at all. You upload a logo, the preview shows you a logo'd QR, and you find out whether it actually scans by printing it on a flyer, putting that flyer in front of a phone camera, and crossing your fingers. That's a slow and expensive feedback loop. The whole point of a real-time decoder check is to give you that feedback in one click, before any printer is involved.

A quick aside on why this matters: different smartphone camera apps use different decoders, and some are stricter than others. A code that reads on iPhone might fail on a budget Android scanner. The readability check uses a strict reference decoder, so passing it means you'll work everywhere.

Step 6 - Download SVG or PNG

Click SVG for a vector file (best for any kind of printing - flyers, banners, packaging, business cards). Click PNG for a raster file (best for digital use - websites, slides, social posts). The downloaded file has the logo baked in, no watermark, and works forever for static codes.

Logo size: the most important detail

Here's the same code with three logo sizes - same destination URL, same colors, same error correction (H). Notice how the middle code is the only one that's both visibly branded and reliably scannable.

Concretely:

• Below ~12% of code width: the logo is barely there. Better to drop it entirely and let the design breathe.
• 15–22%: the sweet spot. Visibly branded, comfortably within error-correction budget, scans on every scanner.
• Above ~28%: you're past the H-level recovery threshold. Code may scan on best-case devices but will fail unpredictably on others. Avoid for anything you're going to print at scale.

If you really need a bigger central element for design reasons, increase the QR code's overall size (more total modules) before resizing the logo proportionally. A bigger code can carry a bigger logo without exceeding the error-correction budget.

What logo file format should you use?

Quick reference:

• PNG with transparent background - best general-purpose choice. Works for almost any logo, scales cleanly to the size whew.cc needs, and the transparency means your logo blends into the QR code's white space without an awkward square.
• SVG - ideal if your logo is a vector (most modern brand kits include one). Stays sharp at any export size and produces the smallest output file.
• JPG - works, but JPGs don't support transparency. You'll get a white square around your logo, which may or may not be what you want.

If you're not sure what you have, drag your logo file into a tool like Preview (macOS) or Photos (Windows) and check the format. If it's a JPG, try opening it in a free tool like Photopea or remove.bg to convert it to a transparent PNG before uploading.

Real-world examples

A few common cases where a branded QR code earns its keep:

• Restaurant menus. A QR code on a table tent pointing to your digital menu. Branded with your restaurant's mark, it reads as "this is from us" rather than "is this safe to scan?"
• Event tickets and RSVPs. A wedding, conference, or workshop QR linked to a check-in or schedule page. The brand mark reassures attendees the link is legit.
• Business cards. Pair a printed name and email with a logo'd QR pointing to your portfolio, vCard, or booking calendar. Saves them from typing a URL or hunting for your LinkedIn.
• Product labels. Setup instructions, warranty registration, or "scan to unbox" experiences. A branded code on packaging is also a small but real signal of quality.

Common mistakes (and how to avoid them)

1. Skipping the readability check. Don't trust the visual preview alone. The Check Readability button takes one second and prevents the worst possible outcome - a printed code that doesn't scan.
2. Logo on a colored QR. If you've changed your QR's foreground from black to a dark brand color, that's fine. But if you've also changed the background from white, you may lose the contrast scanners need. Keep at least one of foreground/background neutral and high-contrast.
3. Tiny print sizes. A logo'd QR printed at less than ~2 cm (¾ inch) on each side may not have enough physical resolution to scan. Test on your actual print medium before mass-producing.
4. Animated or transparent-on-transparent logos. Animated GIFs and PNGs without enough opaque pixels confuse the embedding step. Flatten before uploading.

Static or dynamic - which should you use?

On whew.cc the QR generator has two modes:

• Static - the destination URL is encoded directly into the QR pattern. The logo'd image you download will scan forever, even if whew.cc were to disappear. The catch: you can't change the destination once it's printed.
• Dynamic - the QR encodes a short link that redirects to the destination. You can change the destination later without reprinting the code. Free dynamic QRs hold for 2 weeks anonymously, 90 days on a free account, and are non-expiring on a paid plan.

For a QR code with a logo specifically, both modes work identically - the logo is baked into the image regardless of which mode you pick. We have a deeper comparison in our piece on dynamic QR codes and analytics.