How to make a QR code in Photoshop

1. Generate at the size the document needs

Photoshop lives in pixels, so start with arithmetic, not aesthetics. Decide the printed width of the code, then generate a PNG at:

pixels = centimetres × document DPI ÷ 2.54

For a 5 cm code in a 300 DPI document that is 591 px; the high-resolution guide has the full table. Generate it at UseQR (any type, URL to vCard), and download PNG at that size, or grab it straight from the API:

https://useqr.app/api/v1/qr?data=https://example.com&size=1181&format=png

2. Place it as a smart object

Use File → Place Embedded, not copy-paste onto a raster layer. Placing creates a smart object, which matters twice over:

• Repeated transforms resample from the original each time instead of compounding damage.
• Replacing the code later (payload changed, colour changed) is Layer → Smart Objects → Replace Contents, and the layout is untouched.

Even better for print composites: place the SVG version, Photoshop imports it as a vector smart object that rasterises at the document's resolution on export. (Heavy vector editing still belongs in Illustrator.)

3. Never scale past 100%

The one Photoshop-specific rule: a placed bitmap scaled up interpolates pixels and softens module edges, the direct route to a code that is pixelated when enlarged and fails in print while looking fine on screen. Check the effective resolution: if you placed a 591 px code and stretched it to 10 cm, you are at 150 effective PPI and need to regenerate at 1181 px instead. Scaling down moderately is safe; scaling up never is.

4. Keep the pixels honest

• No effects on the code layer. Drop shadows, glows, layer-style strokes and blending modes all erode edge contrast.
• Preserve the quiet zone, at least 4 modules of clear space. Content-aware fills and tight crops love to eat it. See quiet zone.
• Contrast: dark modules on a light area of the composition, ≥ 40% luminance difference, the colour rules apply to whatever you composite the code over, especially photos.
• Free Transform: hold Shift behaviour aside, confirm width and height scale equally. A 2% horizontal squash is invisible to you and fatal to dense codes.

5. Export without wrecking it

For print, export TIFF or PDF (or PSD straight to the printer's workflow), not JPEG. JPEG's compression rings at module edges; compression artefacts are a top cause of print failures. For web, Export As → PNG. Then scan the exported file with a phone or upload it to the validator, not the on-screen canvas at fit-to-window zoom.

Gotchas

• Resize via Image Size with "Resample" ticked resamples the whole document, code included. If the document DPI changes, recheck the code's effective PPI.
• CMYK conversion can turn pure black modules into four-plate rich black; for offset work keep the code 100% K, details in CMYK print.
• Mock-up actions that warp artwork onto product photos (mugs, bags) bend the grid. Fine for a visual; never ship a warped mock-up code as the artwork.

Generate the correctly sized PNG first: make a QR code.

FAQ

Can Photoshop generate a QR code?

No: Photoshop has no QR generator. Create the code in a generator, download PNG at the exact pixel size the document needs (or SVG), and place it as a smart object.

What resolution should a QR code be in Photoshop?

Match the document: for 300 DPI print work, pixels = cm × 300 ÷ 2.54. A 5 cm code needs 591 px. Placed larger than generated, it blurs; regenerate rather than upscale.

Why is my QR code blurry in Photoshop?

It was scaled above 100% of its generated size, or an effect softened its edges. Replace the smart object contents with a larger generation and remove layer effects.

Should I use PNG or SVG in Photoshop?

PNG at the correct size works, but placing the SVG as a vector smart object is safer. It re-rasterises sharply if the layout scales. For pure vector workflows use Illustrator instead.