To add a QR code to an image, generate the QR code from your URL or text, then overlay it onto your photo using an image editor, design tool, or a dedicated QR-image tool. Position it in a corner with enough plain space around it, keep it at least 100×100 pixels, and test it with a phone camera before publishing.
The rest of this guide walks through exactly how to do that, including a free tool below that does it for you in the browser.
Try it now: free tool to add a QR code to any image
Use the tool below to upload your image, generate a QR code from any link or text, and drag it exactly where you want it. Everything happens in your browser, so your image is never uploaded to a server.
What you need before you start
You need three things: the image you want to use, the content you want the QR code to link to (a URL, phone number, Wi-Fi login, or plain text), and a way to generate and place the QR code.
Add a QR Code to an Image
Upload a photo, generate a QR code, drag it into place, and download the finished image. Everything runs in your browser — nothing is uploaded to a server.
Tip: this same image works whether you use it as a sitewide footer graphic or on a single page — just re-download it after moving the QR code.
Step-by-step: how to add a QR code to an image
- Choose your image. Use a photo or graphic with a plain, uncluttered area where the code can sit without covering important details.
- Decide what the QR code should link to. A website URL is most common, but you can also encode a phone number, email address, Wi-Fi network, or plain text.
- Generate the QR code. Use a QR code generator to turn your link or text into a scannable code.
- Place the QR code on the image. Position it in a corner or empty area, away from faces or key visual elements.
- Resize it correctly. Keep it large enough to scan easily; too small and phone cameras will struggle to read it.
- Test before you publish. Scan it yourself with two or three different phones to confirm it opens the right link.
- Export and save. Download the final image as a PNG or JPG at full resolution, especially if it will be printed.
Where to place the QR code on an image
Bottom-right and bottom-left corners work best for most photos because they rarely interfere with the main subject. Avoid placing a QR code over faces, text, or the busiest part of the image.
Leave a small margin of plain background or a light overlay behind the code. This “quiet zone” around the QR code helps phone cameras detect and scan it reliably.
What size should a QR code be on an image?
For on-screen use, such as a social media post or website banner, a QR code between 100 and 200 pixels square is usually enough. For printed materials, a common rule is at least 1 inch (2.5 cm) per side for anything scanned from close range, and larger for posters or signs scanned from a distance.
As a general guide, the scanning distance should be about 10 times the width of the QR code. A code meant to be scanned from 3 feet away should be roughly 3.6 inches wide.
How to add a QR code to an image using other tools
The tool above is the fastest option, but the same idea applies if you prefer other software:
- Canva: Upload your image, add a QR code element or paste one as an image, resize it, and download the design.
- Photoshop or GIMP: Generate the QR code separately, then place it as a new layer over your image and flatten before exporting.
- PowerPoint or Google Slides: Insert your image as a background, add the QR code as an image on top, and export the slide as a PNG or JPG.
The underlying steps stay the same in every tool: generate the code, layer it on the image, position it, and export.
Also see: How to Add a QR Code to a PDF Document
FAQs
Can I add a QR code to an image for free?
Yes. The tool on this page lets you upload an image, generate a QR code, position it, and download the result at no cost and without creating an account.
Does adding a QR code reduce image quality?
No, as long as you export the final image at the same resolution as the original. Quality loss usually happens only when an image is resized down and then back up, not from adding a QR code layer.
Will the QR code still work if I resize the image later?
Yes, as long as the QR code itself stays large enough to scan and isn’t stretched out of proportion. Avoid shrinking the whole image so much that the code becomes too small to read.
What file format should I use for a QR code image?
PNG is the best choice because it keeps sharp edges on the QR code pattern and supports a transparent background if needed. JPG works too, but avoid heavy compression, which can blur the code’s edges.