QR Code ใส่โลโก้ เปลี่ยนสีได้แค่ไหน ก่อนจะสแกนไม่ติด

แต่ง QR ให้เข้ากับแบรนด์ได้ครับ แต่มีเพดานที่ข้ามไม่ได้อยู่ 3 เรื่อง

1. โลโก้กว้างได้ไม่เกินราว 30% ของความกว้าง QR (ไม่ใช่ 30% ของพื้นที่ — คนละเรื่องกันมาก) และควรตั้งระดับกู้คืนข้อมูลให้สูง
2. ลายต้องเข้มกว่าพื้นหลังชัดเจน — สีอ่อนบนขาวใช้ไม่ได้
3. อย่ากลับสี — ลายอ่อนบนพื้นเข้ม กล้องมือถืออ่านได้ แต่แอปธนาคารหลายตัวอ่านไม่ออก

รายละเอียดของแต่ละข้ออยู่ด้านล่าง

ทำไม QR ถึงทนต่อการโดนบัง

ในลาย QR มีข้อมูลสำรองสำหรับกู้คืนอยู่ด้วย เรียกว่า error correction มี 4 ระดับ

ระดับ	กู้คืนได้	ลายละเอียดขึ้น	ใช้เมื่อ
L	7%	น้อยสุด	ข้อมูลยาวมาก (ใส่โลโก้ได้ แต่รูปจะเล็กสุด)
M	15%	ปกติ	ค่ามาตรฐาน ใช้ทั่วไป
Q	25%	มาก	งานพิมพ์ที่อาจเปื้อน
H	30%	มากสุด	อยากได้โลโก้ใหญ่ที่สุด

ระดับ H หมายความว่า ต่อให้ลายเสียหายไป 30% ก็ยังอ่านออก โลโก้ตรงกลางจึงเป็นแค่ “ความเสียหายที่เราตั้งใจให้เกิด”

แต่ระดับ H ไม่ใช่เงื่อนไขบังคับอย่างที่หลายคนเข้าใจ เราวัดเองด้วยเครื่องอ่านสองตัว แล้วพบว่าใส่โลโก้ที่ระดับ L · M · Q · H อ่านออกหมดทุกระดับ

สิ่งที่ระดับต่ำทำให้ต่างคือ รูปตรงกลางเล็กลง ไม่ใช่ “สแกนไม่ติด” (L ได้รูปกว้าง 16.3% · M 23.9% · Q 30.8% · H 33.8% ของลาย) เพราะไลบรารีย่อรูปให้เองตามระดับที่กู้คืนไหว

เว็บนี้จึงไม่ล็อกให้เป็น H อัตโนมัติ — เลือกเองได้ที่ช่อง “ระดับการกู้คืน” จะใช้ H เมื่ออยากได้โลโก้ใหญ่ที่สุด ไม่ใช่เพื่อกันพัง

โลโก้ใหญ่ได้แค่ไหน

กว้างไม่เกินราว 30% ของความกว้าง QR ปลอดภัยที่สุดคือ 20-25%

🔴 “30%” ตรงนี้คือ 30% ของความกว้าง ไม่ใช่ 30% ของพื้นที่ — ห่างกันคนละโลก

โลโก้ที่กว้าง 30% ของลาย กินพื้นที่จริงแค่ 9% (เพราะ 0.3 × 0.3) ส่วนโลโก้ที่กินพื้นที่ 30% ต้องกว้างถึง 55% ซึ่งกลืนลายไปเกินครึ่ง

และตัวเลข 30% ของระดับ H ในตารางข้างบนก็เป็นคนละเรื่องอีก — นั่นคือสัดส่วนข้อมูลสำรองที่กู้คืนได้ ไม่ใช่พื้นที่ที่เอาไปบังได้

เราวัดจริงด้วยการเจาะรูขาวทึบกลางลายแล้วให้เครื่องอ่านสองตัวอ่าน ได้ผลตามนี้

รูกว้างกี่ % ของลาย	เท่ากับพื้นที่	ผล
20%	4%	อ่านออกทั้งสองเครื่อง
28% (ขนาดที่เว็บนี้ใช้)	8%	อ่านออกทั้งสองเครื่อง
30%	9%	อ่านออกทั้งสองเครื่อง
35%	12%	อ่านไม่ออกเลยสักเครื่อง
55% (= พื้นที่ 30%)	30%	อ่านไม่ออกเลยสักเครื่อง

เส้นแบ่งอยู่ระหว่าง 30% กับ 35% ของความกว้าง และตกแล้วตกเลย ไม่ได้ค่อย ๆ แย่ลง เว็บนี้จึงตั้งไว้ที่ 28% เพื่อเผื่อระยะไว้ให้งานพิมพ์จริงที่หมึกอาจซึม

ที่สำคัญกว่าขนาดคือ ตำแหน่ง — โลโก้ต้องอยู่ตรงกลางเท่านั้น ห้ามไปทับ

• สี่เหลี่ยมใหญ่ 3 มุม (finder pattern) — กล้องใช้หาตำแหน่งและองศาของ QR ถ้าโดนบังคือจบ
• แถวจุดสลับดำ-ขาว ที่เชื่อมระหว่างสี่เหลี่ยมสองมุม (timing pattern) — ใช้นับว่าลายมีกี่ช่อง

ทำโลโก้ยังไงให้ไม่กินพื้นที่เกินจำเป็น

• ใช้ PNG พื้นหลังโปร่งใส ไม่ใช่โลโก้ที่มีพื้นสี่เหลี่ยมขาวติดมา เพราะพื้นขาวนั้นกินพื้นที่เพิ่มฟรี ๆ
• ถ้าโลโก้เป็นแนวนอนยาว ให้ใช้เฉพาะสัญลักษณ์ ไม่ต้องเอาชื่อแบรนด์ทั้งท่อนมาย่อจนอ่านไม่ออก
• เว้นขอบขาวรอบโลโก้เล็กน้อยเพื่อให้แยกจากลายได้ชัด

สีที่ใช้ได้ กับสีที่ใช้ไม่ได้

หลักการเดียวคือ ลายต้องเข้มพอเมื่อเทียบกับพื้นหลัง กล้องมองเป็นขาว-ดำ ไม่ได้มองเป็นสี

ใช้ได้

• ดำบนขาว — ปลอดภัยที่สุดเสมอ
• น้ำเงินเข้ม เขียวเข้ม แดงเข้ม ม่วงเข้ม บนขาว
• สีแบรนด์ที่เข้มพอ ลองหรี่ตามองแล้วยังเห็นเป็นลายชัด

ใช้ไม่ได้

• สีทองหรือสีเงิน — คอนทราสต์ต่ำมากและยังสะท้อนแสงอีก เจอบ่อยในงานที่อยากให้ดูหรู
• เหลือง ส้มอ่อน ฟ้าอ่อน เขียวมิ้นต์ บนพื้นขาว
• ไล่เฉดสี (gradient) ที่ปลายด้านหนึ่งอ่อนจนกลืนพื้นหลัง
• ไล่เฉดจากเข้มไปอ่อน ครึ่งที่อ่อนจะกลายเป็นจุดบอด
• วางบนรูปภาพ เป็นพื้นหลัง — พื้นหลังที่มีลวดลายทำให้กล้องแยกช่องไม่ออก

พื้นหลังโปร่งใสระวังตรงนี้

ถ้าดาวน์โหลดเป็น PNG พื้นหลังโปร่งใส แล้วเอาไปวางบนพื้นสีเข้ม จะกลายเป็นการกลับสีทันทีโดยที่คุณไม่ได้ตั้งใจ

ถ้าจะวางบนพื้นเข้ม ให้ทำกรอบขาวรองใต้ QR เสมอ ไม่ใช่ปล่อยให้ลายดำลอยอยู่บนพื้นดำ

รูปแบบจุดกับมุมโค้ง ปลอดภัยแค่ไหน

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

แต่ยังมีข้อควรระวัง

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

แต่งแล้วต้องทดสอบยังไง

การทดสอบสำคัญกว่าการออกแบบ เพราะไม่มีใครบอกได้จากการมองว่าอันไหนจะสแกนติด

ทดสอบแบบไล่ทีละชั้น

ถ้าแต่งเต็มที่แล้วสแกนไม่ติด อย่าเดา ให้ถอยกลับไปตั้งต้นแล้วเพิ่มทีละอย่าง

1. เริ่มจาก ดำบนขาว ไม่ใส่โลโก้ จุดสี่เหลี่ยม → ต้องสแกนติดแน่นอน
2. เปลี่ยนสี → ทดสอบ
3. เปลี่ยนรูปแบบจุด → ทดสอบ
4. ใส่โลโก้ → ทดสอบ

เจอขั้นไหนที่พังคือเจอตัวการ

ทดสอบด้วยอะไรบ้าง

• iPhone และ Android อย่างละเครื่อง (กล้องคนละยี่ห้ออ่านไม่เหมือนกัน)
• ทดสอบจากป้ายที่พิมพ์จริง ไม่ใช่จากหน้าจอ
• ทดสอบในแสงจริงหน้าร้าน ทั้งกลางวันและตอนเปิดไฟ
• ทดสอบในระยะที่ลูกค้ายืนจริง — ดูตารางขนาดตามระยะ

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

สรุปเป็นเช็กลิสต์

• ☐ โลโก้อยู่ตรงกลาง กว้างไม่เกิน 30% ของความกว้างลาย และไม่ทับสี่เหลี่ยม 3 มุม
• ☐ ถ้าอยากได้โลโก้ใหญ่ที่สุด ตั้งระดับกู้คืนเป็น H (ระดับอื่นก็สแกนออก แค่รูปเล็กลง)
• ☐ ลายกับพื้นหลังต่างกันชัดเจน (ดูเกณฑ์ที่วัดมาแล้วในเลือกสียังไงให้ใช้ได้จริง)
• ☐ ไม่มีลวดลายหรือรูปภาพเป็นพื้นหลัง
• ☐ ขอบขาวรอบ QR ยังอยู่ครบ ไม่มีอะไรทับ
• ☐ ทดสอบด้วยมือถือ 2 ยี่ห้อ จากป้ายพิมพ์จริง

---

ลองแต่ง QR ของคุณเอง — เปลี่ยนสี ใส่โลโก้ เลือกรูปแบบจุดได้ฟรี ไม่มีลายน้ำ

หรือถ้าไม่อยากไล่เช็กเองทีละข้อ เลือกจากแบบสำเร็จรูป 14 แบบ ที่ผ่านเครื่องอ่านสองตัวมาแล้วว่าสแกนออกทั้งคู่