การใส่โลโก้ลงใน QR Code ดูดีและเป็นมืออาชีพ — จนกว่าลูกค้าจะโทรมาบอกว่าสแกนไม่ได้ ปัญหาส่วนใหญ่ไม่ได้เกิดจากตัวโลโก้เอง แต่เกิดจากโลโก้ที่ใหญ่เกินไป วางผิดตำแหน่ง หรือคอนทราสต์ไม่พอกับโมดูลโดยรอบ คู่มือนี้รวบรวมกฎเฉพาะที่ช่วยให้คุณใส่แบรนด์ใน QR Code ได้อย่างมั่นใจ โดยไม่ต้องลุ้นว่าจะสแกนผ่านหรือเปล่า
ทำไมโลโก้ถึงทำให้สแกนไม่ได้ (และทำไมบางครั้งก็ไม่มีปัญหา)
QR Code มีคุณสมบัติที่เรียกว่า การแก้ไขข้อผิดพลาด (Error Correction) ซึ่งช่วยรับมือกับความเสียหายทางกายภาพหรือสิ่งที่บดบังโมดูล มีสี่ระดับด้วยกัน:
| ระดับ | ความสามารถในการกู้คืนข้อมูล | เหมาะกับโลโก้? |
|---|---|---|
| L | 7% | ไม่เหมาะ |
| M | 15% | พอได้บ้าง |
| Q | 25% | ใช้ได้ |
| H | 30% | เหมาะที่สุด |
เมื่อคุณฝังโลโก้ลงไป คุณกำลังบดบังโมดูลโดยตั้งใจ ถ้าพื้นที่ที่ถูกบดบังเกินกว่าค่าสำรองของการแก้ไขข้อผิดพลาด ตัวถอดรหัสก็จะล้มเหลว ระดับ H ให้ค่าสำรองมากที่สุด — ควรเลือกใช้ทุกครั้งที่จะใส่กราฟิกซ้อนทับ
ประเด็นสำคัญ: การแก้ไขข้อผิดพลาดไม่ได้ให้อิสระไม่จำกัด แต่มีเพดานที่แน่นอน ถ้าเกินเพดานนี้ ไม่มีซอฟต์แวร์ใดช่วยกู้การสแกนได้
กฎ 30% — และทำไมคุณควรหยุดที่ 20%
คำแนะนำที่นิยมพูดถึงกันคือให้โลโก้ครอบคลุมพื้นที่ไม่เกิน 30% ของ QR Code ทั้งหมด (ตามค่าระดับ H) แต่ในทางปฏิบัติ ให้ถือว่า 20% คือขีดจำกัดที่ควรใช้งาน ด้วยเหตุผลสามประการ:
- ความคลาดเคลื่อนในการพิมพ์ การพิมพ์ออฟเซตและดิจิทัลทำให้หมึกกระจาย โลโก้ที่วัดได้ 28% บนหน้าจออาจพุ่งขึ้นสูงกว่านั้นบนกระดาษหลังหมึกซึม
- ความใกล้ชิดกับ Finder Pattern สี่เหลี่ยมสามอันที่มุมโค้ดเป็นองค์ประกอบที่ขาดไม่ได้สำหรับการถอดรหัส โลโก้ที่เลยไปโดนส่วนนี้จะทำให้อัตราการสแกนลดลงอย่างมาก แม้เปอร์เซ็นต์รวมจะดูปกติ
- การรุกล้ำ Quiet Zone ขอบขาวรอบโค้ดเป็นส่วนหนึ่งของมาตรฐาน โลโก้ที่มีเงาหรือ Glow ด้านนอกอาจมองดูเหมือนกินพื้นที่ส่วนนั้น
ตั้งขนาดโลโก้ไว้ที่ 20% ของพื้นที่ QR Code ทั้งหมด ตรวจสอบว่าขอบไม่ไปแตะ Finder Pattern และคุณก็จะมีบัฟเฟอร์ที่สบายใจ
การวาง: กึ่งกลางไม่ใช่คำตอบเสมอไป
การวางตรงกลางเป็นมาตรฐานและใช้ได้ดีกับโลโก้ทรงสี่เหลี่ยมหรือวงกลม แต่ควรเข้าใจว่า ทำไม ตรงกลางถึงเป็นที่นิยม: โมดูลข้อมูลที่หนาแน่นที่สุดอยู่ใกล้ขอบและมุม ในขณะที่บริเวณกลาง (ยกเว้น Timing Pattern) มักบรรจุข้อมูลสำรองที่การแก้ไขข้อผิดพลาดสามารถสร้างขึ้นใหม่ได้ง่ายกว่า
เมื่อตรงกลางไม่ใช่ตัวเลือกที่ดี:
- โลโก้ของคุณเป็นแบบแนวนอน (สี่เหลี่ยมผืนผ้าที่วางแนวนอนตรงกลางจะเริ่มรุกล้ำ Timing Pattern ด้านบนและด้านล่าง)
- ตราสัญลักษณ์มีเส้นบางมากที่หายไปเมื่อย่อให้พอดีกับพื้นที่ 20%
สำหรับโลโก้แนวนอน มีสองทางเลือก:
- ครอปเป็นเวอร์ชันสี่เหลี่ยมจัตุรัส ของโลโก้สำหรับใช้ในโค้ด
- วางโลโก้แบบเต็มใต้โค้ด พร้อม Quiet Zone กว้างพอ แทนที่จะซ้อนทับ — สะอาดกว่าและไม่มีความเสี่ยงต่อการสแกนเลย
คอนทราสต์และสีพื้นหลังในบริเวณโลโก้
โมดูลรอบโลโก้ต้องยังคงอ่านได้ในลักษณะสีเข้มบนพื้นสว่าง (หรือกลับกัน) ความผิดพลาดที่พบบ่อยคือใช้โลโก้สีขาวบนพื้นหลังสีขาว ซึ่งทิ้งช่องว่างที่กำกวมให้ตัวถอดรหัสต้องพึ่งพาการแก้ไขข้อผิดพลาดทั้งหมด แนวทางที่ดีกว่า:
- ให้โลโก้มี พื้นหลังทึบแสง ที่ตรงหรือใกล้เคียงกับสีสว่างของโค้ด
- รักษา ระยะห่างสะอาดอย่างน้อย 1 โมดูล ระหว่างขอบโลโก้กับโมดูลสีเข้มที่ใกล้ที่สุด
- หลีกเลี่ยงการใช้ Gradient ในโลโก้ที่ทำให้สีโมดูลบริเวณขอบกำกวม
หากต้องการทำความเข้าใจเรื่องคอนทราสต์ทั้งโค้ด อ่านรายละเอียดใน คู่มือคอนทราสต์สี QR Code ซึ่งครอบคลุมอัตราส่วนขั้นต่ำ การวางสีเข้มบนสว่างเทียบกับสว่างบนเข้ม และการผสมสีที่ทำให้กล้องประมวลผลผิดพลาด
ขนาดทางกายภาพและงบประมาณพิกเซลขั้นต่ำ
ความสวยงามของโลโก้และความน่าเชื่อถือของ QR Code ขึ้นอยู่กับการพิมพ์หรือแสดงผลที่ขนาดพอเพียง โลโก้ที่ยัดอยู่ใน QR Code ขนาด 2 × 2 ซม. ที่ 20% จะมีขนาดประมาณ 4 มม. — เล็กเกินกว่าจะสื่อแบรนด์ได้ และยังกินงบประมาณการแก้ไขข้อผิดพลาดด้วย
ขนาดขั้นต่ำที่แนะนำ:
- งานพิมพ์: QR Code ต้องมีขนาดไม่น้อยกว่า 3 × 3 ซม. เพื่อให้โลโก้ยังระบุได้
- หน้าจอ: QR Code ต้องมีขนาดไม่น้อยกว่า 300 × 300 px ก่อนเพิ่มเลเยอร์โลโก้
- ป้ายบิลบอร์ด / ฟอร์แมตใหญ่: ปรับขนาดโลโก้ตามสัดส่วน กฎ 20% ยังใช้อยู่ อย่าทำโลโก้ใหญ่เกินเพราะมีพื้นที่เหลือ
ทดสอบก่อนส่งพิมพ์จริง
ไม่มีกฎการออกแบบใดทดแทนการทดสอบจริงได้ ก่อนส่งพิมพ์:
- Export ดีไซน์ที่เสร็จแล้วในความละเอียดพิมพ์จริง
- ทดสอบด้วยแอปอย่างน้อยสามตัว: กล้อง iOS, กล้อง Android, และแอปสแกนแยกต่างหาก
- ทดสอบในแสงหลายสภาพ (แสงสว่างจ้า, แสงน้อย)
- หากใช้โค้ดแบบ Dynamic — ซึ่งให้อัปเดต URL ปลายทางได้โดยไม่ต้องพิมพ์ใหม่ — ให้ตรวจสอบว่าลิงก์ Redirect ยังทำงานถูกต้อง
โค้ดแบบ Dynamic มีความสำคัญอย่างยิ่งในกรณีนี้ เพราะโค้ดที่มีแบรนด์มักปรากฏบนบรรจุภัณฑ์หรือสิ่งพิมพ์ที่มีอายุการใช้งานยาว หากปลายทางเปลี่ยน QR Code แบบ Dynamic ช่วยให้คุณอัปเดตลิงก์ได้โดยไม่ต้องออกแบบหรือพิมพ์ใหม่
คุณสามารถสร้างโค้ดแบรนด์เหล่านี้ได้โดยตรงผ่าน Super QR Code Generator โดยระดับการแก้ไขข้อผิดพลาด H จะถูกตั้งเป็นค่าเริ่มต้นเมื่อตรวจพบว่ามีการใส่โลโก้
สรุปสาระสำคัญ
- ใช้ระดับการแก้ไขข้อผิดพลาด H ทุกครั้งที่ใส่โลโก้
- รักษาพื้นที่โลโก้ไว้ที่ 20% หรือน้อยกว่าของพื้นที่โค้ดทั้งหมด ไม่ใช่สูงสุด 30% ตามทฤษฎี
- อย่าให้โลโก้ทับหรือชิดกับ Finder Pattern ที่มุมทั้งสามอัน
- โลโก้แนวนอนควรวาง ใต้ โค้ดมากกว่าตรงกลาง
- ให้โลโก้มีพื้นหลังทึบแสงและระยะห่าง 1 โมดูลเพื่อป้องกันคอนทราสต์กำกวม
- ทดสอบกับอุปกรณ์จริงเสมอก่อนส่งพิมพ์ โดยเฉพาะงานบรรจุภัณฑ์
- จับคู่โค้ดแบรนด์กับ URL แบบ Dynamic เพื่ออัปเดตปลายทางได้โดยไม่ต้องออกแบบใหม่