How to add a QR code to an image (4 easy ways)

By manxlr · · 7 min read

Putting a QR code on an image is one of those jobs that sounds trivial until you try it: you need the code, you need it the right size, and you need it to actually scan once it's printed or posted. Here are four ways to do it — from a 30-second browser method to the design tools you might already use — plus the checks that stop a bad code from going to print.

Method 1: QR Brand (fastest, free, nothing uploaded)

QR Brand was built for exactly this job, and it works for a single image or hundreds at once.

  1. Open the editor and drop your image (PNG, JPG or WebP) onto the canvas.
  2. Type the URL or text for the code. Choose a dot style and colors; optionally upload your logo.
  3. Press Generate QR Code, then drag the code where you want it and resize with the corner handle.
  4. Pick an output size (Original, Instagram 1:1, YouTube 16:9…) and format, then download.

Because everything runs in your browser, your image is never uploaded — useful for client work, unreleased products, or anything you'd rather not hand to a third-party server. For batches, load all the images at once: the position is stored as a percentage, so the code lands in the same spot on every image.

Method 2: Canva

  1. Open your design and go to Apps → search “QR code”.
  2. Paste your URL and click Generate code; the code is added to your design.
  3. Resize and position it, then download.

Canva is great if your design already lives there. Styling options for the code itself are limited, and batch placement across many separate images means repeating the steps for each one.

Method 3: Photoshop or another image editor

  1. Create a QR code as PNG or SVG with a QR code generator.
  2. In Photoshop use File → Place Embedded, then scale with Shift held to keep it square.
  3. Turn off anti-aliasing smoothing on resize if the edges get blurry, and export.

Full control, but slow for more than a few images, and easy to accidentally squash the code out of square.

Method 4: Word, Google Docs or PowerPoint

Insert your image, then insert a downloaded QR code PNG on top and set text wrapping to “In front of text”. It works for one-off documents, but exporting a clean image afterwards is clunky. Prefer methods 1–3 if the result needs to be an image file.

Before you publish: the five-point scan check

  • Size: at least 2 cm wide in print, and roughly one tenth of the scanning distance. Check with the size calculator.
  • Contrast: dark code on a light background. A white background behind the code fixes busy photos.
  • Quiet zone: leave clear space around the code; don't butt it against an edge or text.
  • Not squashed: the code must stay perfectly square.
  • Real-world test: scan the final file with two different phones, from the real distance.

Which method should you use?

NeedBest option
Quick, private, no accountQR Brand
Same code on many imagesQR Brand (batch mode)
Design already in CanvaCanva QR app
Pixel-perfect layout workPhotoshop / Affinity / GIMP

Tip: a code with a call to action — “Scan for the menu”, “Scan to RSVP” — gets far more scans than a code on its own.

Keep reading

Keep QR Brand free

No ads, no tracking, no paywalls — QR Brand is funded by people who found it useful. If it saved you time, you can buy us a coffee. Pay what you want; it's completely optional.

Buy us a coffee

Payment is optional and never unlocks features. Processed externally by Lemon Squeezy.