एक डिफ़ॉल्ट QR कोड तीन काले चौकोर और बीच में पिक्सल की दीवार होती है। काम तो करता है — लेकिन किसी प्रीमियम प्रोडक्ट पैकेज या कैफे मेनू पर वो 2003 से copy-paste किया हुआ लगता है। 2026 में आपका QR कोड ब्रांड सरफेस का हिस्सा है, और कोई कारण नहीं कि वो गलत वजह से अलग दिखे।
यह गाइड उन तीन लेयर्स को कवर करती है जिन्हें आप स्टाइल कर सकते हैं — finder eyes, module patterns, और centre logo — और वो एक सख्त नियम जो तय करता है कि काम पूरा होने के बाद कोड स्कैन होगा या नहीं।
QR कोड की तीन विज़ुअल लेयर्स
कोई भी QR कोड खोलें और आपको एक जैसी तीन चीज़ें दिखेंगी:
- Finder eyes — कोनों में तीन बड़े चौकोर। फोन कैमरा सबसे पहले इन्हीं को पकड़ता है। चौथा कोना (नीचे-दाएं) भी होता है, लेकिन वो alignment pattern रखता है, finder नहीं।
- Module pattern — बीच में छोटे-छोटे चौकोरों की ग्रिड। हर चौकोर encoded data का एक bit होता है।
- Centre logo — वैकल्पिक। कोड के बीच के लगभग 20% हिस्से पर रखा गया logo Reed–Solomon error correction से कवर होता है, इसलिए स्कैनर फिर भी डेटा रिकवर कर सकता है।
हर गंभीर ब्रांडेड QR इन्हीं तीन लेयर्स पर स्टाइल किया जाता है — पूरे कोड पर gradient थोपकर नहीं।
Finder Eyes: 33 शेप्स, एक ही footprint
Super QR Code Generator इस हफ्ते तक 33 finder-eye styles के साथ आता है — क्लासिक Square, Rounded और Circle से लेकर सजावटी Heart, Star, Cat, Compass, Shield, Leaf, और Ichthys (ΙΧΘΥΣ) fish तक। हर शेप 7-module का वो बाहरी footprint बनाए रखती है जिसे स्कैनर्स पहचानते हैं, इसलिए आप इन्हें किसी भी module pattern के साथ मिला सकते हैं।
पुराना अंगूठे का नियम — "स्कैनर को बिल्कुल चौकोर eye चाहिए" — गलत है। स्कैनर को असल में eye के centre से गुज़रने वाली किसी भी horizontal या vertical लाइन पर 1 : 1 : 3 : 1 : 1 dark-light-dark-light-dark ratio चाहिए। कोई भी शेप जो बीच में लगभग 3 modules का ठोस dark हिस्सा बनाए रखे, काम करती है।
Module Patterns: 16 styles और आगे बढ़ते हुए
इनर ग्रिड के लिए हम 16 patterns देते हैं: Square, Rounded, Dots, Diamond, Classy, Star, Plus, Hexagon, Cross, Heart, Triangle, Teardrop, Flower, Octagon और दो AI-generated slots जहाँ आप अपना SVG path दे सकते हैं। छोटे साइज़ में प्रिंटेड सरफेस पर Rounded और Dots, Square से थोड़ा कम स्कैन होते हैं — लगभग 2 cm से छोटे साइज़ के लिए, खासकर sticker या label के लिए, हम अभी भी Square की सिफारिश करते हैं।
Centre Logo: बड़ा रखें, पर Level H इस्तेमाल करें
अगर आप बीच में पहचान योग्य logo चाहते हैं, तो logo लगाने से पहले — बाद में नहीं — error correction को Level H (लगभग 30% redundancy) पर सेट करें। Payload ज़्यादा modules लेगा, इसलिए कोड विज़ुअली घना दिखेगा, लेकिन Level H canvas के लगभग 22% तक के logo को सहन कर लेता है।
डिज़ाइन के साथ flush बैठने वाले logo के लिए हम ब्रांड logos की built-in लाइब्रेरी देते हैं (Wi-Fi, WhatsApp, YouTube, Instagram, Spotify, …) और आपके खुद के SVG या PNG के लिए upload की सुविधा भी।
एक नियम: 1 : 1 : 3 : 1 : 1
सबसे आम कारण कि एक सुंदर QR कोड स्कैन नहीं होता — decorative eye के बीच में बहुत ज़्यादा light space होता है। स्कैनर्स हर candidate finder से horizontal और vertical scan lines गुज़ारते हैं और उम्मीद करते हैं कि pattern उस 1 : 1 : 3 : 1 : 1 ratio से लगभग ±15% के भीतर मेल खाए।
डिज़ाइनर्स के लिए अनुवाद: हर finder eye के centre में 3×3 module ज़्यादातर dark होना चाहिए। सजावट eye के किनारों पर होनी चाहिए, बीच में नहीं। हमारी 33 shapes में से हर एक इसी नियम को ध्यान में रखकर बनाई गई है — customiser में एक built-in scannability check है जो तुरंत आपको warning देता है जब कोई combination scan-safe contrast या coverage से नीचे जाता है।
व्यावहारिक तरीका
अगर आप पहली बार branded QR डिज़ाइन कर रहे हैं:
- Rounded modules और matching Rounded eyes से शुरू करें — सबसे ज़्यादा compatibility वाला combo।
- Foreground को अपने primary brand colour में रंगें और background सफेद रखें। Contrast ratio 4.5 : 1 से ऊपर रहनी चाहिए।
- Centre को Level H error correction के साथ canvas के 18–20% पर अपने logo से बदलें।
- थोड़ा अतिरिक्त flair के लिए, सिर्फ eyes को Heart, Star, Cat, Leaf या Shield में बदलें — module grid क्लासिक रहती है इसलिए scan reliability प्रभावित नहीं होती।
- जिस सबसे छोटे साइज़ पर यह कभी नज़र आएगा उस पर test print करें और तीन फोन से स्कैन करें (iOS camera, Android camera, WeChat camera)। अगर कोई भी एक सेकंड से ज़्यादा हिचकिचाए, तो Rounded eyes पर वापस जाएं।
आज़माकर देखें
यहाँ बताई गई हर सुविधा live है — customiser खोलें, अपनी eyes और module pattern चुनें, logo डालें, और export करें। फ्री टियर पर कोई watermark नहीं, और अगर आपको dynamic redirects और analytics चाहिए तो $0.99/माह से unlimited scans।