How to Create a QR Code with a Logo Branded, Scannable and Trackable

A QR Code with your logo looks intentional. A generic black-and-white matrix looks like a technical necessity. This guide shows you exactly how to add a logo to a QR Code without making it unscannable — and how to make every scan trackable.

---

Why Branded QR Codes Work Better

A QR Code with your logo and brand colours communicates two things before it is scanned: this is intentional, and this belongs to a specific brand. An unbranded black-and-white matrix communicates nothing — it could be anyone's code pointing anywhere.

In contexts where scanning behaviour is partly a trust decision — packaging from a brand the customer is evaluating, a business card from someone just met, a poster in a public space — a branded QR Code removes friction. The brand is visible before the scan. That visual trust signal improves scan rates.

The Technical Foundation: Error Correction

Before adding a logo, you need to understand why it works at all. QR Codes include redundant data built in for error correction — the same data is encoded multiple times so that a portion of the code can be damaged or covered without breaking decodability. There are four levels:

Always use error correction level H when adding a logo. This gives you up to 30% of the code area — though 25% is the safe working limit to maintain reliable scanning across different camera qualities and lighting conditions.

Step-by-Step: Creating a Branded QR Code with a Logo in Cuttly

Step 1: Create a Short Link

Every short link in Cuttly automatically generates a dynamic QR Code. Log in to your account, click Shorten URL, paste your destination URL, choose your branded domain and enter a custom slug if desired. The QR Code is generated automatically.

Step 2: Open QR Code Customisation

From the link's analytics view, click the QR Code icon or the Customise QR option to open the design panel.

Step 3: Set Error Correction to H

Before uploading your logo, ensure the error correction level is set to H. This is the prerequisite — it provides the redundancy budget that allows the centre to be covered without breaking scannability. Note: level H produces a slightly denser code pattern, which means the code needs to be printed at a sufficient minimum size.

Step 4: Upload Your Logo — Sizing Rules

Keep the logo to a maximum 25% of the total QR Code area. This is the safe working limit within the 30% error correction budget.

Step 5: Apply Brand Colours

The foreground (normally black) and background (normally white) can both be replaced with brand colours. The non-negotiable constraint: sufficient contrast between foreground and background.

Step 6: Test Scan Before Downloading

This step is non-negotiable. Test scan the final branded QR Code on:

• Native iOS camera (iPhone)
• Native Android camera
• At the intended use distance
• Under different lighting if the code will be used outdoors

If the code fails to scan on either platform, the most common fixes are: reduce the logo size, increase colour contrast, or increase the minimum print size. Do not distribute a QR Code that has not been confirmed to scan on both iOS and Android.

Step 7: Download in the Right Format

Dynamic vs Static: Why It Matters for Branded QR Codes

A static QR Code with a custom logo encodes the final destination URL directly. If the destination changes — website migration, seasonal content update, page restructure — every printed material with that branded QR Code is permanently broken. A beautifully branded code that leads to a 404 error damages trust more than a plain code.

A dynamic branded QR Code in Cuttly encodes a short link. The logo and code pattern stay the same forever. The destination is managed in the dashboard — update it any time with one click. Every already-printed material automatically routes to the current destination. Every scan is also tracked: total scans, device type (iOS vs Android), country and timing.

Print Sizing for Branded QR Codes

Higher error correction (level H) and an embedded logo both increase the code's density. A denser pattern requires a larger minimum print size. Apply the 10:1 rule: minimum code size = scanning distance ÷ 10.

Common Mistakes to Avoid

• Logo too large. More than 30% coverage exceeds the error correction budget. Test at exactly your intended logo size.
• Logo without a backing square. Transparent-background logos placed directly over modules cause scanning failures. Add a white or light backing shape.
• Downloading PNG and scaling for print. Produces a pixelated code that may not scan. Always SVG for print.
• Not testing on both iOS and Android. Different scanners have different tolerances. Always confirm on both platforms before production.
• Cutting into the quiet zone. The white border around the QR Code is required for detection. Do not let design elements overlap it.
• Using a static code for printed materials. If the destination might ever change — use a dynamic code so you can update without reprinting.