# How I make a QR code that people can actually scan

A beginner-friendly guide to QR code content, size, error correction, margins, testing, and downloading PNG or SVG output.

- Date: 2026-09-27
- URL: https://ilham.dev/posts/how-to-make-a-qr-code-that-people-can-actually-scan/
- Markdown: https://ilham.dev/posts/how-to-make-a-qr-code-that-people-can-actually-scan/index.md
- Tags: qr-code, web, sharing, tools
- Reading time: 2 min


A QR code is only useful if people can scan it reliably. The content, margin, contrast, and printed size all matter.

The [QR Code Generator](/tools/qr-code-generator/) tool is useful because it lets me check the result in a small, controlled place before I use it in a bigger workflow.

## The simple idea

A QR code is only useful if people can scan it reliably. The content, margin, contrast, and printed size all matter.

The goal is not to click buttons quickly. The goal is to understand the input, produce the expected output, and notice anything that could be misleading.

## Step 1: Decide what text or URL the QR code should contain

Decide what text or URL the QR code should contain.

Start with a small example if possible. Small examples make mistakes easier to see.

## Step 2: Use a short URL when possible

Use a short URL when possible.

## Step 3: Choose an error correction level appropriate for display or print

Choose an error correction level appropriate for display or print.

## Step 4: Keep enough quiet margin around the code

Keep enough quiet margin around the code.

## Step 5: Download PNG for simple sharing or SVG for print/design work

Download PNG for simple sharing or SVG for print/design work.

## Step 6: Test the code with more than one phone

Test the code with more than one phone.

## Step 7: Do not encode secrets unless anyone scanning the code should see them

Do not encode secrets unless anyone scanning the code should see them.

## My checklist

Before I trust the result, I check:

- Decide what text or URL the QR code should contain.
- Use a short URL when possible.
- Choose an error correction level appropriate for display or print.
- Keep enough quiet margin around the code.
- Download PNG for simple sharing or SVG for print/design work.
- Test the code with more than one phone.
- Do not encode secrets unless anyone scanning the code should see them.

The tool handles the mechanical part. I still review the result before I publish it, send it, or use it in production.