พื้นที่ว่างรอบ QR Code: ขอบว่างที่ตัดสินว่าโค้ดจะถูกหาเจอหรือไม่

พื้นที่ว่างรอบ QR Code คืออะไร

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

กลไกของมันคุ้มค่าที่จะรู้ เพราะมันอธิบายว่าวิธีแก้แบบไหนได้ผล ตัวถอดรหัสจะลดภาพจากกล้องให้เหลือขาวกับดำก่อน แล้วจึงไล่หาลายระบุตำแหน่งทั้งสามจากอัตราส่วน 1:1:3:1:1 ของช่วงเข้มและช่วงอ่อนที่พาดผ่านแต่ละลาย จากนั้นจึงคำนวณขอบเขตของสัญลักษณ์ การหมุนของมัน และตารางที่โมดูลวางอยู่ ลายระบุตำแหน่ง (finder pattern) คือหนึ่งในสามสี่เหลี่ยมซ้อนกันที่มุมของ QR Code ซึ่งเครื่องสแกนใช้หาว่าสัญลักษณ์อยู่ตรงไหนและหันไปทางใด

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

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

พื้นที่ว่างรอบโค้ดต้องกว้างเท่าไร

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

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

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

สี่โมดูลคิดเป็นกี่มิลลิเมตร

พื้นที่ว่างรอบโค้ดเป็นมิลลิเมตร = 4 × ขนาดโมดูล และขนาดโมดูลคือความกว้างพิมพ์หารด้วยจำนวนโมดูลของพื้นที่ทั้งหมด เนื่องจากพื้นที่ทั้งหมดคือสัญลักษณ์บวกสี่โมดูลในแต่ละด้าน สูตรจึงเป็น พื้นที่ว่างรอบโค้ด = 4 × ความกว้างพิมพ์ / (จำนวนโมดูลต่อด้าน + 8)

จำนวนโมดูลต่อด้านมาจากเวอร์ชันสัญลักษณ์ โค้ดเวอร์ชัน V กว้าง 4V + 17 โมดูล เวอร์ชัน 1 คือ 21 เวอร์ชัน 4 คือ 33 และเวอร์ชัน 10 คือ 57 สัญลักษณ์เวอร์ชัน 4 จึงกินพื้นที่ 41 โมดูลเมื่อรวมพื้นที่ว่างรอบโค้ด และที่ความกว้างพิมพ์ 20 mm แต่ละโมดูลกว้าง 0.49 mm ขอบจึงอยู่ราว 2 mm ต่อด้าน

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

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

ทำไมการกำหนดขอบเป็นเปอร์เซ็นต์ในเทมเพลตถึงผิด

พื้นที่ว่างรอบโค้ดที่กำหนดเป็นเปอร์เซ็นต์ของตัวโค้ดจะเพี้ยนทันทีที่เนื้อหาเปลี่ยน เพราะสี่โมดูลคิดเป็นสัดส่วนที่ต่างกันในแต่ละเวอร์ชันสัญลักษณ์ บนโค้ดเวอร์ชัน 4 ขอบสี่โมดูลคิดเป็นราว 12% ของความกว้างสัญลักษณ์ บนโค้ดเวอร์ชัน 10 คิดเป็น 7% เทมเพลตที่กันไว้ 10% รอบโค้ดจึงเหลือเฟือสำหรับอันหนึ่งและขาดสำหรับอีกอัน

ถ้ามองเป็นพื้นที่ ผลแบบเดียวกันนี้ใหญ่กว่าที่คนส่วนใหญ่คาดไว้มาก โค้ดเวอร์ชัน 4 พร้อมพื้นที่ว่างรอบโค้ดกินพื้นที่ 41 × 41 ช่องโมดูล โดยตัวสัญลักษณ์เองคือ 33 × 33 ขอบจึงคิดเป็นราว 35% ของพื้นที่ที่พิมพ์ทั้งหมด บนโค้ดเวอร์ชัน 10 คิดเป็น 23% นี่คือคำตอบว่าทำไมโค้ดถึงกินที่ในงานจัดหน้ามากกว่าที่นักออกแบบวางแผนไว้เสมอ

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

พื้นที่ว่างรอบโค้ดต้องเป็นสีขาวไหม

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

สิ่งที่ข้อกำหนดนี้ตัดออกในทางปฏิบัติ

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

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

ทำไมการแก้ไขข้อผิดพลาดถึงแทนพื้นที่ว่างรอบโค้ดไม่ได้

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

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

ด้วยเหตุผลเดียวกันนี้เอง ลายระบุตำแหน่ง ลายจับจังหวะ และพื้นที่ว่างรอบโค้ด จึงอยู่นอกระยะเอื้อมของการกู้คืนแบบ Reed-Solomon ทั้งหมด เพราะพวกมันคือนั่งร้านที่ตัวถอดรหัสต้องมีก่อนจะมีอะไรให้กู้คืน ระดับการแก้ไขข้อผิดพลาด L, M, Q และ H อธิบายว่าการกู้คืนคุ้มครองอะไรบ้าง และโลโก้กินความสามารถนั้นไปเท่าไร

งานจัดหน้ากินพื้นที่ว่างรอบโค้ดไปตรงไหนบ้าง

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

กรณีที่เกิดซ้ำ ๆ เรียงคร่าว ๆ ตามความถี่ที่มันไปถึงโรงพิมพ์

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

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

กรอบ วงกลม และรูปทรงกำหนดเองรอบ QR Code

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

จุดที่ควรตรวจตามรูปทรง

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

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

วิธีตรวจพื้นที่ว่างรอบโค้ดของไฟล์ QR Code

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

1. เปิดไฟล์ด้วยการซูมสูง ๆ. ใหญ่พอที่จะเห็นโมดูลเดี่ยว ๆ ได้สบายตา ถ้าเป็น SVG ให้ซูมในโปรแกรมออกแบบแทนการส่งออกภาพตัวอย่าง
2. นับโมดูลตามขอบบนของสัญลักษณ์. นับช่องสีเข้มและสีอ่อนตลอดหนึ่งด้านเต็ม โดยไม่นับขอบ ตัวเลขจะเป็น 21, 25, 29, 33 ไล่ไปเรื่อย ๆ มันคือ 4V + 17 สำหรับเวอร์ชัน V เสมอ
3. วัดขอบด้านที่แคบที่สุด เป็นจำนวนโมดูล. เทียบที่ว่างกับความกว้างของหนึ่งโมดูลที่ระดับซูมเดียวกัน ตรวจครบทั้งสี่ด้านแล้วเอาค่าน้อยที่สุด โค้ดที่ถูกตัดเพียงด้านเดียวเป็นผลลัพธ์การส่งออกที่พบบ่อย
4. แปลงเป็นมิลลิเมตรที่ขนาดวางจริง. เอาความกว้างที่วางจริงหารด้วยจำนวนโมดูลรวมขอบ แล้วคูณสี่ ถ้าต่ำกว่า 1.6 mm บนกระดาษเคลือบผิว หรือ 2 mm บนกระดาษไม่เคลือบ แปลว่าโค้ดเล็กเกินไป แน่นเกินไป หรือทั้งสองอย่าง
5. ตรวจงานจัดหน้า ไม่ใช่แค่ตัวอาร์ตเวิร์ก. ดูว่าในหน้าจริงมีอะไรอยู่ในระยะสี่โมดูลจากสัญลักษณ์บ้าง ทั้งเส้น ตัวอักษร ขอบภาพ ขอบบล็อก และเส้นตัด
6. ส่งไฟล์เข้าตัวตรวจสอบ. ตัวตรวจสอบ QR Code วัดขอบที่ไฟล์มีจากแต่ละด้านออกไปข้างนอกและรายงานด้านที่แย่ที่สุด พร้อมกับคอนทราสต์และขนาดโมดูล
7. ปรู๊ฟบนวัสดุจริงแล้วสแกน. พิมพ์หนึ่งแผ่นที่ขนาดจริง บนวัสดุที่งานนี้ใช้จริง แล้วสแกนด้วยโทรศัพท์ iOS หนึ่งเครื่องและ Android หนึ่งเครื่องใต้แสงที่โค้ดจะถูกอ่านจริง ๆ

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

พื้นที่ว่างรอบโค้ดบนจอ ใน PDF และในไฟล์ออกแบบ

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

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

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

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

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

วิธีแยกปัญหาพื้นที่ว่างรอบโค้ดออกจากปัญหาอื่น

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

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

ข้อผิดพลาดที่พบบ่อยเรื่องพื้นที่ว่างรอบโค้ด

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