ข้ามไปยังเนื้อหาหลัก
cutty.dev
All posts

QR Code บนโปสเตอร์ — ทำอย่างไรให้สแกนติดได้จากระยะไกล

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

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

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

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

ขอบของโค้ดคือประมาณหนึ่งในสิบของระยะทาง

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

ในทางปฏิบัติมันเป็นเช่นนี้:

  • ใบปลิวในมือ หรือสแกนจากรถไฟใต้ดิน → ขนาดขั้นต่ำ 10 x 10 มม.
  • โปสเตอร์บนผนังหรือตรงโถงทางเดิน, สองเมตร → ขั้นต่ำ 20 x 20 มม.
  • หน้าร้านค้าหรือเสาประกาศ, ประมาณห้าเมตร → ขั้นต่ำ 50 x 50 มม.
  • ป้ายแบนเนอร์เหนือถนน, สิบเมตร → ขั้นต่ำ 100 x 100 มม., หรือประมาณ 10 ซม. พอดี

และฉันขอย้ำว่า: นี่คือขีดจำกัดล่าง ไม่ใช่ค่าเป้าหมาย หากคุณมีพื้นที่เหลือ ให้เผื่อไว้ประมาณ 20-30% กล้องราคาถูก, แสงน้อยในช่วงพลบค่ำ, อาการมือสั่นเล็กน้อย สิ่งเหล่านี้ล้วนกัดกินส่วนต่างที่คุณควบคุมไม่ได้

ยิ่งลิงก์สั้นเท่าไหร่ ช่องตารางยิ่งหนาเท่านั้น

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

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

ดูความแตกต่างด้วยตาของคุณเอง:

https://twojafirma.pl/lato2026/promocja?utm_source=plakat&utm_medium=qr&utm_campaign=czerwiec
https://cutty.dev/lato

ที่อยู่ด้านบนจะสร้างเมทริกซ์ที่หนาแน่นและยิบย่อย ประมาณ 45 โมดูลต่อด้าน ส่วนด้านล่างจะบรรจุได้ประมาณ 25 โมดูล เมื่อมีขนาดเท่ากันบนกระดาษ ช่องทั้ง 25 นี้จะมีความหนามากกว่าเกือบสองเท่า ซึ่งหมายความว่ามันสามารถตรวจจับได้จากระยะทางที่ไกลกว่าเดิมถึงสองเท่า ทั้งหมดนี้ได้มาฟรีๆ เพียงแค่การย่อลิงก์เท่านั้น

ดังนั้น อย่าใส่ URL แบบดิบๆ ที่มีพารามิเตอร์ต่อท้ายยาวเหยียดลงในโปสเตอร์ ให้ใช้ลิงก์สั้นๆ ที่ดูเป็นแบรนด์ในสไตล์ cutty.dev/lato (คุณสามารถสร้างมันได้ในพริบตาด้วย cutty) ส่วนพารามิเตอร์และปลายทางฉบับเต็มจะถูกจัดการไว้ที่ฝั่งเซิร์ฟเวอร์ วิธีนี้จะทำให้โค้ดดูสะอาดและอ่านง่าย ในขณะที่คุณยังคงได้รับสถิติการคลิกเหมือนเดิม

เครื่องอ่านกำลังมองหาสี่เหลี่ยมสามรูป ช่วยมันด้วย

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

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

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

ก่อนที่คุณจะโทรหาโรงพิมพ์ ให้ลองทำแบบทดสอบนี้ดู

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

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

จับได้ทันที พร้อมสำรองไว้เลยไหม? สั่งพิมพ์เพิ่มตอนนี้เลย

และเมื่อคุณอยู่กับวัสดุทางกายภาพแล้ว มีสองเรื่องที่ต้องพูดตรงๆ:

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

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

โปสเตอร์ที่คุณไม่จำเป็นต้องพิมพ์เป็นครั้งที่สอง

สุดท้ายนี้ สิ่งที่ช่วยประหยัดความเครียดให้ฉันได้มากที่สุด (และช่วยประหยัดเงินให้ลูกค้าด้วย)

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

ลิงก์แบรนด์สั้นๆ, โค้ดหายากที่สร้างจากมัน และเป้าหมายที่คุณสามารถเปลี่ยนได้เมื่อไหร่ก็ได้, คุณจัดการได้ที่ cutty.dev ส่วนที่เหลือก็แค่เรื่องง่ายๆ เท่านั้น