วิธีเพิ่มโลโก้ใน QR โค้ดโดยไม่ทำให้พัง

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

ทำไมการเพิ่มโลโก้ถึงทำงานได้?

QR โค้ดมี การแก้ไขข้อผิดพลาด ในตัวผ่านรหัส Reed–Solomon

• L — ~7 %
• M — ~15 %
• Q — ~25 %
• H — ~30 %

สองกฎ

กฎ 1: ทำให้โลโก้เล็ก

ครอบคลุมสูงสุด 22–25 % ของพื้นที่ทั้งหมด:

• QR 5 ซม. → โลโก้สูงสุด ~1,2 ซม.
• QR 10 ซม. → โลโก้สูงสุด ~2,5 ซม.

กฎ 2: การแก้ไขข้อผิดพลาด H

ให้ค่าเผื่อการกู้คืน ~30 %

ทีละขั้นตอนในเครื่องมือสร้างของเรา

แนวปฏิบัติที่ดีที่สุดสำหรับโลโก้

พื้นหลังโปร่งใสหรือสีขาว

โลโก้ที่มีพื้นหลัง PNG โปร่งใสรวมเข้ากับ padding สีขาวอย่างสะอาดตา

โลโก้สี่เหลี่ยมหรือกลม

Padding ตรงกลางมีลักษณะค่อนข้างเป็นสี่เหลี่ยม

คอนทราสต์สูง

โลโก้สีเข้มบน padding สีขาวอ่านได้ชัดเจนว่า «ไม่ใช่ส่วนหนึ่งของรหัส»

เวกเตอร์ (SVG) > แรสเตอร์

ข้อผิดพลาดที่พบบ่อย

กรณีพิเศษ: QR-ใน-QR

บางแบรนด์ฝัง QR ตัวที่สอง ขนาดเล็กเป็น «โลโก้» เป็นกลเม็ดและมักสแกนไม่ได้

กรณีพิเศษ: โลโก้แอนิเมชัน / GIF

QR โค้ดเป็นภาพนิ่ง

ใช้ได้กับสไตล์มน / จุดหรือไม่?

ใช่ โลโก้ใช้ได้กับสไตล์โมดูลใดๆ

หากยังคงสแกนไม่ได้?

1. ลดขนาดโลโก้ เป็น 18 %
2. เพิ่ม padding สีขาว 30 %
3. เพิ่มขนาดการพิมพ์ QR
4. ลบโลโก้ หากทุกอย่างล้มเหลว