PNG - The Digital Workhorse
PNG (Portable Network Graphics) is a raster format, meaning the image is stored as a grid of pixels. It supports lossless compression - unlike JPEG, no quality is sacrificed during compression - and it supports full transparency via an alpha channel. These properties make it the most common format for sharing QR codes digitally.
When PNG Works Well
- Embedding a QR code on a website, landing page, or email newsletter
- Including it in a presentation (PowerPoint, Google Slides, Keynote)
- Sharing via social media or messaging apps
- Printing at a fixed size when the output dimensions are known in advance
- When the recipient does not have vector-capable software
PNG Limitations
The fundamental weakness of PNG is that it has a fixed resolution. A 300x300 pixel PNG looks fine at 1 inch (300 DPI) but becomes blurry if scaled to 3 inches (100 DPI). For print, you must generate the PNG at a resolution appropriate for its final printed size before downloading it. As a rule of thumb:
- Web use - 150-300 pixels is sufficient for screen display at up to 3cm square
- Small print (business card, label) - Generate at 600-1,000 pixels minimum
- Medium print (flyer, poster) - Generate at 1,200-2,400 pixels
- Large print (banner, signage) - Use SVG instead
Never upscale a small PNG to a larger print size - this only adds pixels of interpolated blur. Always start with a large enough source file, or use a vector format.
SVG - The Professional Standard for Print
SVG (Scalable Vector Graphics) stores the QR code as a mathematical description of shapes rather than pixels. The modules are defined as rectangles at precise coordinates. Because the rendering is calculated at display or output time, an SVG QR code is infinitely scalable - it looks equally sharp at 1cm or 10 meters, with crisp, hard edges at any size.
Why SVG Is the Best Format for Most Professionals
- Resolution independence - One file works for everything from a business card to a billboard
- Small file size - A typical QR code SVG is 5-20KB; an equivalent high-res PNG can be several megabytes
- Color accuracy - Colors render exactly as specified without JPEG compression artifacts or color profile issues
- Editable in design software - Opens natively in Adobe Illustrator, Inkscape, Affinity Designer, and Figma
- Web compatible - Can be used directly in HTML as an img src or inline SVG tag
For any professional print production workflow, SVG should be your first choice. When you download a QR code from Vexifa QR Code, the SVG option gives you a production-ready vector file with no compromises.
SVG Cautions
While SVG is ideal, a few caveats apply. You can change the fill colors of the modules and background, but you must maintain sufficient contrast - typically a 4:1 ratio at minimum, with pure black on white being ideal. Never rearrange, scale, or delete individual module elements within the SVG; the shape of the code is the data, and any structural changes will break it.
PDF - Best for Sending to Print Shops
PDF (Portable Document Format) is a container format that can hold vector graphics, raster images, fonts, and metadata in a single self-contained file. When a QR code is exported as a PDF, the vector data is typically preserved inside the PDF container, giving you the same infinite scalability as SVG.
When PDF Is the Right Choice
- Submitting a print-ready file to a commercial print shop or online printer
- Including the QR code in a multi-page document alongside other content
- When the recipient or print service specifically requests PDF format
- Creating print mockups in Acrobat or InDesign with the QR code embedded
Most professional print shops prefer PDF over SVG simply because PDF is the universal standard for print production - it is what their RIP (Raster Image Processor) software expects. If you have an SVG and need to deliver a PDF, you can open the SVG in Illustrator or Inkscape and export as PDF with the vector data preserved.
PDF Limitations
PDF is overkill for web use. Browsers cannot display PDF files inline as images without plugins. PDF files are also significantly larger than SVG for simple graphics because of the format's overhead. Use SVG for web and PDF for print production.
EPS - Legacy Vector for Professional Design Workflows
EPS (Encapsulated PostScript) is an older vector format that predates SVG and PDF. It describes graphics using the PostScript page description language and remains in use in certain professional design workflows, particularly those centered on older versions of Adobe Illustrator, QuarkXPress, and high-end prepress production systems.
When EPS Is Still Relevant
- Working with design agencies or print vendors who specifically request EPS
- Integrating into InDesign layouts at press shops using legacy workflows
- Compatibility with prepress systems that predate PDF/SVG support
- When a design brief specifies EPS as a deliverable format
EPS offers the same infinite scalability as SVG and PDF for vector content. However, EPS files cannot be displayed natively in browsers, are not editable in basic text editors, and are not supported by newer web-based design tools like Figma or Canva. For any modern workflow, SVG or PDF is a better choice than EPS.
Minimum DPI Requirements for Raster Print
When you cannot use a vector format and must work with PNG, understanding DPI (dots per inch) is critical. DPI describes how many pixels are mapped to each inch of print output. More DPI means more pixels per inch, which means sharper edges.
For a QR code specifically - which consists of hard-edged black and white squares - blurry edges are particularly damaging to scan reliability. The scanner's binarization algorithm must cleanly distinguish dark from light modules, and soft antialiased edges at low DPI make this harder.
- 300 DPI minimum for any printed material (the industry baseline)
- 600 DPI recommended for QR codes printed at sizes smaller than 3cm × 3cm
- 1,200 DPI for very small QR codes (postage-stamp size or smaller), though vector is strongly preferred
- Vector (SVG/EPS/PDF) for anything larger than A4 paper or any size where print quality is critical
Format Comparison Summary
- PNG - Raster. Best for digital/web. Fixed resolution. Easy to use. Requires high pixel count for print.
- SVG - Vector. Best for print and web. Infinitely scalable. Editable. Preferred professional format.
- PDF - Vector container. Best for sending to print shops. Universal print standard. Too heavy for web.
- EPS - Legacy vector. Used in specific prepress and InDesign workflows. Not web-compatible.
Frequently Asked Questions
What format should I use for printing a QR code?
SVG is the best choice for most print applications because it is a vector format that scales to any size without losing sharpness. If your design application requires a raster file, use PNG at a minimum of 300 DPI at the final print size - and ideally 600 DPI or higher for small QR codes. PDF is the right choice when sending a self-contained print-ready file to a commercial printer.
Can I edit a QR code SVG file?
You can open an SVG QR code in Illustrator, Inkscape, or a code editor and modify visual properties like color and background. However, you must never move, add, or remove any of the individual dark modules - those represent the actual encoded data. Any structural modification to the module grid will corrupt the code and make it unscannable. Color changes are safe as long as you maintain sufficient dark-to-light contrast.
What DPI do I need for a QR code on a billboard?
For large-format printing like billboards, always use an SVG, EPS, or PDF vector file - DPI becomes irrelevant because vector graphics render at the resolution of the output device. If you absolutely must use a raster file, note that billboards are viewed from distance, so 15-30 DPI at actual output size is often sufficient, but generate the source file at 300 DPI and let the print service's RIP software handle the scaling.
Is PNG or SVG better for a QR code on a website?
Both work well on websites. PNG is universally supported and simple to implement with an img tag. SVG is slightly superior because it scales perfectly to any screen resolution including high-DPI Retina displays, typically has a smaller file size than a high-resolution PNG, and can be styled with CSS. For most websites, a PNG at 500×500 pixels is perfectly adequate, but SVG is the cleaner long-term choice.