1Configuration
π¨Canvas Size Configuration
πCanvas Padding & Spacing
π―QR Code Size Control
π―Content Alignment
πSize Analysis
β’ Canvas: 400 Γ 400px
β’ QR Code: 335px (auto mode)
β’ QR Coverage: 84% of canvas
β’ Available Width: 360px
β’ Layout: Smart Auto alignment
π‘Canvas Tips:
β’ Full Width QR: Maximizes QR visibility and scanning range
β’ Square format: Best for social media and general use
β’ Sticker format: Perfect for business payment stickers
β’ Auto sizing: Automatically adapts to content and canvas
β’ Banner designs: Use Full Width mode for maximum impact
β’ Balanced alignment: Best for designs with both top and bottom banners
Banner Images Configuration
Add banner images above and below your QR code for professional stickers and posters
β¬οΈTop Banner
Top Banner Image
Upload an image to display above your QR code
Or drag and drop an image here
Supports: JPG, PNG, SVG (max 5MB)
β¬οΈBottom Banner
Bottom Banner Image
Upload an image to display below your QR code
Or drag and drop an image here
Supports: JPG, PNG, SVG (max 5MB)
πQuick Banner Templates
Business Payment Sticker
Restaurant Table Tent
Event Registration
Donation Collection
π‘Banner Usage Ideas:
Top Banner Ideas:
- β’ Business logo and name
- β’ "Pay with QR Code" instruction
- β’ Special offers or discounts
- β’ Contact information
- β’ Event details
- β’ Product information
Bottom Banner Ideas:
- β’ Payment apps accepted
- β’ Website or social media
- β’ Terms and conditions
- β’ Thank you message
- β’ Security assurance
- β’ Customer support info
βPro Tips for Banner Design:
β’ Keep text concise: Short, clear messages work best for scanning
β’ High contrast: Ensure text is readable against your banner images
β’ Brand consistency: Use your brand colors and fonts for recognition
β’ Test readability: Check how it looks when printed at actual size
β’ Mobile-first: Ensure text is readable on mobile devices
β’ Call-to-action: Include clear instructions like "Scan to Pay"
Header Text
Footer Text
π‘ Fine-tune spacing: "Gap" controls space between text and QR code. "Padding" adds space around text itself. Use 0-3px for tight layouts, 5-10px for standard, 12px+ for spacious designs.
Remove Branding
Hide the attribution link from your QR code
πThank you for supporting our community project by keeping the attribution!
π‘Quick Tips for Professional QR Codes
- β’ Start with content type and payment details
- β’ Add banner images for professional stickers
- β’ Include contact info and payment instructions
- β’ Use high contrast colors for better scanning
- β’ Download as PDF for crisp printing results
π―Smart Recommendations
Scanning Reliability
Excellent contrast for scanning (Contrast: 14.7:1)
Popular Colors
Background Colors
Color Preview
π‘ Square dots provide the best scanning reliability
β οΈ Note: Corner styles are kept standard for optimal scanning reliability
β οΈ Important: Large logos can interfere with QR code scanning. Keep logos small and simple for best results.
π±Scanning Best Practices
- βHigh contrast: Use black on white for best results
- βSimple shapes: Square dots scan most reliably
- βSmall logos: Keep logos under 15% of QR code size
- βPrint size: Minimum 2cm x 2cm for reliable scanning
- βAvoid: Similar colors, complex patterns, large logos
2Live Preview
Make changes to see your QR code
Download Options
β‘Quick Downloads
Current Configuration:
β’ Type: LINK
β’ Colors: #1f2937 on #ffffff
π‘Download Tips:
β’ PNG: Best for digital use, social media, websites
β’ SVG: Perfect for web use and infinite scaling
β’ HD PNG: Use for large format printing and high-resolution displays
β’ PDF: Ideal for printing stickers, posters, and professional materials
π‘ Tips:
- β’ PNG format preserves exact canvas dimensions
- β’ SVG format is infinitely scalable
- β’ Banners now use 100% of canvas width
- β’ Test your QR code before printing
- β’ Current preset: format optimized for its use case
Why Choose Our QR Generator?
Global Currency Support
Support for 100+ currencies across 60+ countries with digital payment infrastructure
Professional Design
Add custom banners, logos, and text to create professional payment stickers
Multiple Formats
Download as PNG, SVG, or print-ready PDF with various size presets
Privacy First
All processing done locally in your browser. No data stored on our servers.