QR Code ไม่ได้ขาด แต่ทำไมมือถือสแกนไม่ติด? ช่องว่างรอบโค้ดอาจสำคัญกว่าที่คิด

เคยเจอไหมครับ QR Code บนป้ายดูครบทุกช่อง ไม่ได้ฉีก ไม่ได้เลอะจนมองไม่เห็น แต่พอยกมือถือขึ้นส่อง กล้องกลับจับอยู่นาน หรือบางครั้งไม่มีอะไรเกิดขึ้นเลย

ปัญหาอาจไม่ได้อยู่ที่ว่า QR Code “ขาดหรือไม่ขาด” เท่านั้น เพราะการที่กล้องจะอ่านลายสี่เหลี่ยมเหล่านี้ได้ ยังขึ้นอยู่กับ พื้นที่ว่างรอบโค้ด ความต่างของสี ความคมชัด ขนาด รวมถึงสภาพแสงตอนสแกน ด้วย GS1 ระบุปัจจัยอย่าง quiet zone, contrast, ขนาด สภาพของโค้ด และการวางตำแหน่งไว้ในกลุ่มสิ่งที่ควรตรวจเมื่อบาร์โค้ดอ่านได้ไม่ดี

QR Code ไม่ได้มีแค่ส่วนสีดำกับสีขาว

เวลาเรามอง QR Code สายตามักไปหยุดที่ลายตารางตรงกลาง จนอาจมองข้ามบริเวณว่างที่ล้อมรอบมันอยู่ ทั้งที่พื้นที่นี้มีชื่อเรียกจริง ๆ ว่า Quiet Zone

DENSO WAVE ผู้พัฒนา QR Code อธิบายว่า QR Code ต้องมีบริเวณว่างรอบสัญลักษณ์ โดยมาตรฐาน QR Code กำหนดพื้นที่ดังกล่าวกว้างอย่างน้อย 4 modules ในแต่ละด้าน หรือพูดง่าย ๆ คือควรมีขอบโล่งรอบตัว QR ไม่ให้รูป ตัวหนังสือ เส้นกรอบ หรือลวดลายอื่นเข้ามาชิดเกินไป

หน้าที่ของพื้นที่นี้ไม่ใช่มีไว้เพื่อความสวยงาม แต่ช่วยให้ระบบแยกได้ว่า ตรงไหนคือ QR Code และตรงไหนคือสิ่งรอบข้าง

นี่จึงเป็นเหตุผลว่าทำไม QR บางอันดูสวยเมื่ออยู่บนโปสเตอร์ แต่พอสแกนจริงกลับงอแง เพราะนักออกแบบอาจวางลายกราฟิกหรือข้อความเข้าไปใกล้พื้นที่ของโค้ดมากเกินไป

อีกเรื่องที่มองข้ามง่ายคือ “ความต่างของสี”

รูปแบบคลาสสิกอย่างสีดำบนพื้นขาวไม่ได้เกิดขึ้นโดยบังเอิญ เพราะกล้องต้องแยกส่วนมืดและส่วนสว่างออกจากกันให้ได้ชัด

GS1 แนะนำให้ตรวจว่าบาร์โค้ดมี contrast ระหว่างส่วนมืดกับพื้นหลังเพียงพอ รวมถึงเลือกสีและสภาพการพิมพ์ให้เหมาะสม

ดังนั้น QR สีเทาอ่อนบนพื้นขาว สีใกล้เคียงกันมาก หรือโค้ดที่อยู่บนวัสดุมันวาวจนเกิดแสงสะท้อน อาจทำให้ภาพที่กล้องได้รับแยกช่องต่าง ๆ ได้ยากขึ้น แม้เมื่อมองด้วยตาเปล่าเรายังพอเห็นลายอยู่ก็ตาม

ภาพประกอบด้านบนใช้เพื่อให้เห็นแนวคิดเรื่องพื้นที่รอบโค้ดและความชัดของลวดลาย ไม่ใช่ QR Code สำหรับใช้ทดสอบการสแกนจริง

ภาพคมพอหรือไม่ ก็มีผลเหมือนกัน

อีกกรณีที่พบได้ง่ายคือ QR Code ถูกย่อจนเล็กมาก หรือเอาไฟล์ภาพขนาดเล็กไปขยายจนขอบของแต่ละช่องไม่คม

Google ระบุในแนวทางสำหรับระบบ ML Kit Barcode Scanning ว่าภาพที่จะนำไปอ่านต้องมีข้อมูลพิกเซลเพียงพอ โดยหน่วยที่เล็กที่สุดของบาร์โค้ดควรมีขนาดในภาพมากพอให้ระบบแยกออกจากกันได้ และยังระบุด้วยว่า ภาพที่โฟกัสไม่ดีสามารถกระทบความแม่นยำในการสแกน

จึงอธิบายได้ว่าทำไม QR เดียวกัน พออยู่บนจอใหญ่หรือกระดาษพิมพ์ชัด ๆ อาจสแกนง่าย แต่เมื่อถูกย่อเล็กมาก อยู่ไกลจากกล้อง หรือภาพเบลอ ก็เริ่มอ่านยากขึ้น

ก่อนโทษมือถือ ลองดู 4 จุดนี้ก่อน

ถ้าเจอ QR ที่ดูเหมือนปกติแต่สแกนไม่ติด ลองตรวจแบบง่าย ๆ ก่อนว่า QR อยู่ในเฟรมครบหรือไม่ มีพื้นที่ว่างรอบโค้ดหรือเปล่า ภาพกำลังสะท้อนแสงหรือเบลอหรือไม่ และตัวโค้ดเล็กเกินไปสำหรับระยะที่กำลังถือมือถืออยู่หรือเปล่า

บางครั้งแค่ขยับโทรศัพท์ให้กล้องโฟกัส เปลี่ยนมุมเพื่อลดแสงสะท้อน หรือเปิด QR ให้มีขนาดใหญ่ขึ้นก็ช่วยได้ แต่ถ้าตัว QR ถูกออกแบบหรือพิมพ์มาไม่เหมาะสมตั้งแต่ต้น ผู้ใช้ปลายทางก็อาจแก้ได้ไม่มากนัก

ถ้าเราเป็นคนทำ QR เองล่ะ?

หลักจำง่าย ๆ คือ อย่าอัดทุกอย่างเข้าไปจนชิดตัวโค้ด รักษาพื้นที่โล่งรอบ QR ใช้สีที่ต่างกันชัด ไฟล์ต้นฉบับต้องมีความละเอียดเพียงพอ และควรทดลองสแกนจากอุปกรณ์จริงก่อนนำไปพิมพ์จำนวนมากหรือเผยแพร่

QR Code จึงเป็นตัวอย่างของงานออกแบบที่ “พื้นที่ว่าง” มีหน้าที่จริง ๆ ไม่ใช่พื้นที่เหลือใช้ บางครั้งสิ่งที่ทำให้โค้ดอ่านง่ายขึ้น กลับเป็นส่วนที่ไม่มีลวดลายอะไรเลย

อีกข้อที่ควรจำ: การสแกนสำเร็จไม่ได้แปลว่าปลายทางนั้นน่าเชื่อถือเสมอ หาก QR พาไปยังเว็บไซต์ การชำระเงิน หรือขอข้อมูลส่วนตัวที่ไม่แน่ใจว่าเป็นของใคร ควรตรวจปลายทางให้ชัดก่อนดำเนินการต่อ

ครั้งต่อไปถ้าเจอ QR ที่สแกนไม่ติด ลองอย่ามองแค่ตรงกลางโค้ดครับ ลองมอง “พื้นที่รอบ ๆ” มันด้วย เพราะตรงนั้นอาจเป็นส่วนหนึ่งของคำตอบ

แหล่งที่มา:

1. DENSO WAVE — Point for determining the code area / Securing Margin
QRcode.com — DENSO WAVE

2. GS1 — What should I check to ensure good quality barcodes?
GS1 Global Office

3. Google for Developers — ML Kit Barcode Scanning: Input image guidelines
Google Developers