QR Code ค่าเริ่มต้นก็คือสี่เหลี่ยมดำสามตัวที่มุมและกริดพิกเซลอัดแน่นตรงกลาง — ใช้งานได้ แต่บนบรรจุภัณฑ์พรีเมียมหรือเมนูร้านกาแฟ มันดูเหมือนลอกมาจากปี 2003 ในปี 2026 QR Code คือส่วนหนึ่งของพื้นที่แบรนด์ และไม่มีเหตุผลใดที่มันควรดูแปลกแยกไปจากภาพรวม
คู่มือนี้จะพาคุณผ่านสามชั้นที่ปรับแต่งได้ — Finder Eye, แพทเทิร์นโมดูล และ โลโก้กลาง — พร้อมกฎเหล็กข้อเดียวที่กำหนดว่า QR Code ยังสแกนได้หรือไม่หลังตกแต่งเสร็จ
สามชั้นภาพของ QR Code
เมื่อเปิด QR Code ขึ้นมา คุณจะเห็นสิ่งเดียวกันสามอย่างเสมอ:
- Finder Eye — สี่เหลี่ยมขนาดใหญ่สามตัวที่มุม กล้องของโทรศัพท์จะจับสิ่งนี้ก่อน มุมที่สี่ (ล่างขวา) มีไว้สำหรับ Alignment Pattern ไม่ใช่ Finder
- แพทเทิร์นโมดูล — กริดของสี่เหลี่ยมเล็กๆ ตรงกลาง แต่ละช่องคือหนึ่งบิตของข้อมูลที่เข้ารหัส
- โลโก้กลาง — ตัวเลือกเสริม โลโก้ที่วางทับบริเวณ ~20% ของโค้ดตรงกลางถูกรองรับโดยการแก้ไขข้อผิดพลาด Reed–Solomon ทำให้เครื่องสแกนยังคืนค่าข้อมูลได้
QR Code ที่มีแบรนด์อย่างจริงจังทุกอันจะปรับแต่งบนสามชั้นนี้ ไม่ใช่แค่โปะกราดิเอนต์ทับทั้งหมด
Finder Eye: 33 รูปทรง ขนาดเท่ากัน
Super QR Code Generator มีสไตล์ Finder Eye ถึง 33 แบบ ณ สัปดาห์นี้ — ตั้งแต่คลาสสิกอย่าง Square, Rounded และ Circle ไปจนถึงดีไซน์ตกแต่งอย่าง Heart, Star, Cat, Compass, Shield, Leaf และปลา Ichthys (ΙΧΘΥΣ) ทุกแบบยังคงพื้นที่ 7 โมดูลที่เครื่องสแกนคาดหวัง จึงผสมกับแพทเทิร์นโมดูลใดก็ได้อย่างอิสระ
กฎเก่าที่ว่า "เครื่องสแกนต้องการตาสี่เหลี่ยมจัดสมบูรณ์" นั้นผิด สิ่งที่เครื่องสแกนต้องการจริงๆ คือ อัตราส่วนสีเข้ม-สว่าง-เข้ม-สว่าง-เข้ม 1:1:3:1:1 ตามแนวแกนนอนหรือแนวตั้งผ่านจุดกึ่งกลางของตา รูปทรงใดก็ตามที่รักษา 3 โมดูลกลางให้เป็นสีเข้มทึบสามารถทำงานได้
แพทเทิร์นโมดูล: 16 สไตล์และมากกว่านั้น
สำหรับกริดตรงกลาง เรามีแพทเทิร์น 16 แบบ ได้แก่ Square, Rounded, Dots, Diamond, Classy, Star, Plus, Hexagon, Cross, Heart, Triangle, Teardrop, Flower, Octagon และอีก 2 สล็อตที่สร้างด้วย AI ซึ่งคุณสามารถใส่ SVG path ของตัวเองได้ Rounded และ Dots สแกนได้แย่กว่า Square เล็กน้อยบนพื้นผิวพิมพ์ขนาดเล็ก — ต่ำกว่าประมาณ 2 ซม. เราแนะนำให้ใช้ Square สำหรับสติกเกอร์หรือฉลาก
โลโก้กลาง: ใหญ่ได้ แต่ต้องใช้ Level H
หากต้องการโลโก้ที่จดจำได้ตรงกลาง ให้ตั้งค่าการแก้ไขข้อผิดพลาดเป็น Level H (ความซ้ำซ้อนประมาณ 30%) ก่อน วางโลโก้ ไม่ใช่หลัง Payload จะครอบคลุมโมดูลมากขึ้นทำให้โค้ดดูหนาแน่นขึ้น แต่ Level H รองรับโลโก้ได้ถึงประมาณ 22% ของพื้นที่ทั้งหมด
สำหรับโลโก้ที่ผสานเข้ากับดีไซน์ได้ลงตัว เรามีไลบรารีโลโก้แบรนด์ในตัว (Wi-Fi, WhatsApp, YouTube, Instagram, Spotify, ...) รวมถึงอัปโหลด SVG หรือ PNG ของคุณเองได้
กฎเหล็กข้อเดียว: 1:1:3:1:1
สาเหตุที่พบบ่อยที่สุดที่ทำให้ QR Code สวยงามสแกนไม่ได้ คือตาตกแต่งมีพื้นที่สว่างตรงกลางมากเกินไป เครื่องสแกนยิงเส้นสแกนแนวนอนและแนวตั้งผ่าน Finder แต่ละตัวและคาดว่าแพทเทิร์นจะตรงกับอัตราส่วน 1:1:3:1:1 ในช่วง ±15%
แปลสำหรับนักออกแบบ: โมดูล 3×3 ที่กึ่งกลางของ Finder Eye แต่ละตัวต้องเป็นสีเข้มเป็นส่วนใหญ่ การตกแต่งเป็นเรื่องของ ขอบ ของตา ไม่ใช่การเจาะกินเข้าไปตรงกลาง ทั้ง 33 รูปทรงของเราออกแบบโดยคำนึงถึงกฎนี้ — มีการตรวจสอบความสามารถในการสแกนในตัวของเครื่องมือปรับแต่งที่เตือนคุณทันทีเมื่อการผสมแบบใดลดลงต่ำกว่าค่าคอนทราสต์หรือพื้นที่ที่ปลอดภัยสำหรับการสแกน
สูตรปฏิบัติ
หากคุณกำลังออกแบบ QR Code แบบมีแบรนด์เป็นครั้งแรก:
- เริ่มจากโมดูล Rounded และตา Rounded ที่ตรงกัน — คอมโบที่เข้ากันได้กว้างที่สุด
- ใส่สีพื้นหน้าด้วย สีหลักของแบรนด์ และรักษาพื้นหลังให้เป็นสีขาว อัตราส่วนคอนทราสต์ต้องมากกว่า 4.5:1
- แทนที่ตรงกลางด้วย โลโก้ ที่ 18–20% ของพื้นที่ โดยใช้การแก้ไขข้อผิดพลาด Level H
- สำหรับความโดดเด่นพิเศษ เปลี่ยน เฉพาะตา เป็น Heart, Star, Cat, Leaf หรือ Shield — กริดโมดูลยังคงคลาสสิกเพื่อความน่าเชื่อถือในการสแกน
- พิมพ์ทดสอบที่ขนาดเล็กที่สุดที่จะใช้งานจริงและสแกนด้วยโทรศัพท์สามเครื่อง (กล้อง iOS, กล้อง Android, กล้อง WeChat) หากเครื่องใดลังเลนานกว่าหนึ่งวินาที ให้ถอยกลับไปใช้ตา Rounded
ลองใช้งาน
ฟีเจอร์ทุกอย่างที่กล่าวถึงพร้อมใช้งานแล้ว — เปิดเครื่องมือปรับแต่ง เลือกตาและแพทเทิร์นโมดูล ใส่โลโก้ และส่งออก ไม่มีลายน้ำในแพลนฟรี สแกนไม่จำกัดจาก $0.99/เดือน หากต้องการ Dynamic Redirect และ Analytics