TL;DR
- Treat on screen QR codes like a mini product: clarity beats design.
- Use a short destination URL (or a dynamic QR) to keep the code less dense.
- Size the QR code based on distance: a simple rule is distance divided by 10 for code size.
- Keep it on screen long enough. Aim for 10 to 15 seconds minimum.
- Add a human readable fallback link under the code.
- Track scans with campaign parameters and a dedicated landing page.
If you want a fast way to create editable, trackable QR codes that look good on screen, generate one with QRShuffle.
Why on screen QR codes fail more than printed ones
Printed QR codes usually fail because of:
- low contrast
- missing quiet zone
- too small
On screen QR codes have extra failure modes:
- motion blur from camera shake
- moire patterns and screen glare
- compression artifacts in video streams
- not enough time for someone to open the camera app
- viewers scanning from a bigger distance
The fix is not complicated. You just need a checklist.
1) Use a destination URL that creates a simple QR code
The denser the QR code, the harder it is to scan, especially on a screen.
Avoid:
- long URLs with many parameters
- redirect chains that increase time to load
Better:
- use a short URL
- keep tracking on the server side
- or use a dynamic QR code so the QR points to a short redirect URL
QRShuffle tip: generate a dynamic QR so you can change the destination later without changing the code on your slides or video.
2) Size it for the scanning distance
The right size depends on how far the viewer is from the screen.
A practical rule of thumb:
- QR code size = scanning distance / 10
Example:
- viewer is 10 feet away (120 inches) -> aim for about a 12 inch QR
- viewer is 2 meters away -> aim for about a 20 cm QR
Do not guess. Test from the back row.
3) Keep contrast boring and strong
On screen QR codes should be:
- black code on white background
- no gradients
- no transparent backgrounds
If you want brand styling, do it around the code, not inside it.
Add a dedicated white box
If your slide background is busy, put the QR inside a white rectangle.
The goal is fast detection. Not aesthetics.
4) Respect the quiet zone
The quiet zone is the clear border around the QR code.
If you crop it tightly or let text touch it, scanners struggle.
Checklist:
- leave whitespace on all sides
- do not place a logo too close to the edges
- do not overlay animations near the border
5) Show it long enough
Most people do not have their camera open.
They need time to:
- notice the code
- reach for their phone
- open the camera
- focus
- tap the link
For live presentations and video:
- aim for 10 to 15 seconds minimum
- if it is a keynote or webinar, show it at the end and repeat it once
6) Add a call to action and a fallback link
A QR code without context gets fewer scans.
Add one line above or below:
- "Scan to get the deck"
- "Scan for a 10 percent discount"
- "Scan to join the waitlist"
Also add a human readable fallback:
- a short link like
qrshuffle.com/go/demo
This helps people on desktop or people whose camera fails.
7) Optimize the landing page for mobile
Every scan is a mobile visit.
If your landing page is slow or heavy, you will lose the conversion.
Checklist:
- mobile first layout
- one clear CTA
- fast load time
- avoid autoplay video
If you want more on this, see our post on landing page speed for scans.
8) Track campaigns without making the QR harder to scan
UTM tags are useful, but long URLs can create dense codes.
Better options:
- use a short redirect URL and attach tracking at the redirect
- use a dynamic QR generator with analytics
QRShuffle supports editable destinations so you can keep the QR simple while still tracking performance.
Common on screen QR code scenarios
Slides and presentations
- place the QR in the bottom right or center
- keep it visible on a static slide for at least 10 seconds
- add a short spoken CTA
TV and digital signage
- assume glare and distance
- avoid showing the code while the background is moving
- use larger size than you think
Live stream overlays
- avoid compression artifacts by using a high resolution QR image
- do not scale it down too much inside the overlay
Final checklist
Before you ship:
- QR points to a short URL or dynamic redirect
- strong contrast, white background
- quiet zone preserved
- correct size for distance
- on screen at least 10 to 15 seconds
- CTA text included
- fallback short link included
- mobile landing page tested
Create your on screen QR code with QRShuffle
If you want to stop rebuilding your slides every time a URL changes, use QRShuffle.
- generate a dynamic QR code
- edit the destination anytime
- track scans by campaign
Create your QR code here: https://qrshuffle.com