วิธีทำ QR Code ใส่โลโก้ ปรับสีสวย โดยที่ยังสแกนติดทุกเครื่อง
ใส่โลโก้ตรงกลาง QR Code และปรับสีให้เข้ากับแบรนด์ได้ฟรี พร้อมกฎเรื่องคอนทราสต์และขนาดโลโก้ที่ทำให้ QR ยังสแกนติดทุกเครื่อง
QR Code สีดำล้วนใช้งานได้ดีอยู่แล้ว แต่ถ้าเป็นป้ายของแบรนด์ การใส่โลโก้กับปรับสีให้เข้าชุดจะดูเป็นมืออาชีพขึ้นมาก ปัญหาคือถ้าปรับเกินขอบเขต QR จะสแกนไม่ติด บทความนี้บอกว่าขอบเขตของ QR Code ใส่โลโก้อยู่ตรงไหน และปรับสีได้ถึงระดับไหนถึงจะยังสแกนติดทุกเครื่อง
ทำไมใส่โลโก้ทับแล้วยังสแกนได้
QR Code ทุกอันมีข้อมูลสำรองสำหรับกู้คืนฝังอยู่ในตัว ออกแบบมาตั้งแต่แรกเพื่อให้ยังอ่านได้แม้มีรอยเปื้อนหรือรอยขีดข่วน (อ่านเพิ่มได้ที่ QR Code คืออะไร ทำงานยังไง) ระบบนี้แบ่งเป็นสี่ระดับ
| ระดับ | ทนการบดบังได้ราว |
|---|---|
| L | ร้อยละ 7 |
| M | ร้อยละ 15 |
| Q | ร้อยละ 25 |
| H | ร้อยละ 30 |
ตัวสร้างของเราตั้งไว้ที่ ระดับ Q ซึ่งเผื่อพื้นที่ไว้พอสำหรับโลโก้ตรงกลางโดยที่ยังปลอดภัย นี่คือเหตุผลที่คุณใส่โลโก้ได้เลยโดยไม่ต้องไปตั้งค่าอะไรเพิ่ม
ขั้นตอนใส่โลโก้
- สร้าง QR ตามประเภทที่ต้องการก่อน เช่น ใส่ลิงก์เพจ — ถ้ายังไม่เคยทำ ดูวิธีสร้าง QR Code ทีละขั้น ก่อน
- เลื่อนลงมาที่หัวข้อ ปรับดีไซน์
- ที่ช่อง โลโก้ตรงกลาง กดเลือกไฟล์ แล้วเลือกรูปโลโก้จากเครื่อง
- โลโก้จะปรากฏตรงกลาง QR ทันที
- ถ้าไม่ชอบ กดปุ่มลบโลโก้เพื่อเอาออก
ภาพนี้ใช้ชุดสไตล์ ร้านกาแฟ แล้วอัปโหลดโลโก้แก้วกาแฟตัวอย่าง ตัวสร้างย่อโลโก้ให้อยู่ตรงกลางเอง ลองสแกนดู จะยังเปิดหน้าแรกของเว็บนี้ได้ แม้ตรงกลางจะถูกโลโก้บังไว้
ไฟล์โลโก้ถูกอ่านในเครื่องคุณเท่านั้น ไม่ได้ถูกอัปโหลดไปที่ไหน
เลือกไฟล์โลโก้ให้ถูก
ใช้ไฟล์ PNG พื้นหลังโปร่งใส จะดูกลืนกับ QR ที่สุด ถ้าใช้ JPG ที่มีพื้นหลังขาวติดมา จะเห็นเป็นสี่เหลี่ยมขาวทับอยู่กลาง QR ซึ่งดูไม่เรียบร้อยและกินพื้นที่มากกว่าที่ควร
ใช้โลโก้เวอร์ชันเรียบง่าย โลโก้ที่มีตัวหนังสือเล็กๆ หรือรายละเอียดเยอะ พอย่อลงมาอยู่กลาง QR จะกลายเป็นก้อนมั่วๆ ถ้าแบรนด์คุณมีโลโก้แบบสัญลักษณ์อย่างเดียวโดยไม่มีตัวหนังสือ ให้ใช้เวอร์ชันนั้น
ใช้ไฟล์ความละเอียดพอสมควร อย่างน้อย 500 พิกเซล ถ้าเอาไปพิมพ์ใหญ่จะได้ไม่แตก
กฎเรื่องสีที่ห้ามฝ่าฝืน
นี่คือสาเหตุอันดับหนึ่งที่ QR สวยๆ สแกนไม่ติด
สีจุดต้องเข้มกว่าพื้นหลังอย่างชัดเจน กล้องไม่ได้มองเห็นสีแบบที่ตามองเห็น มันแปลงภาพเป็นขาวดำก่อนแล้วค่อยแยกลวดลาย ถ้าสีเหลืองสดกับพื้นขาวสว่างพอกันเมื่อแปลงเป็นขาวดำ กล้องจะเห็นเป็นแผ่นเทาทั้งแผ่น
วิธีทดสอบง่ายๆ คือถ่ายรูป QR ของคุณแล้วเปิดฟิลเตอร์ขาวดำในมือถือดู ถ้ายังเห็นลวดลายชัดแปลว่าผ่าน ถ้าเริ่มเลือนแปลว่าต้องปรับสีให้เข้มขึ้น
สีที่ใช้ได้ดี คือสีเข้มทุกโทน เช่น น้ำเงินเข้ม เขียวเข้ม แดงเลือดหมู น้ำตาลเข้ม ม่วงเข้ม
สีที่ควรเลี่ยง คือ เหลือง ส้มอ่อน ฟ้าอ่อน ชมพูอ่อน เทาอ่อน และสีนีออนทุกชนิด
อย่ากลับสี คือทำจุดสีอ่อนบนพื้นเข้ม แม้จะดูเท่ แต่เครื่องอ่านบางรุ่นถูกออกแบบมาให้คาดหวังจุดเข้มบนพื้นสว่าง
ไล่เฉดสีกับรูปแบบจุด
ตัวสร้างมีตัวเลือกให้เล่นเพิ่มอีกสองอย่าง
ไล่เฉดสี ติ๊กช่องไล่เฉดสีแล้วเลือกสีที่สอง QR จะไล่จากสีหนึ่งไปอีกสีหนึ่งแบบทแยง ข้อควรระวังคือ สีทั้งสองต้องเข้มพอทั้งคู่ ถ้าปลายด้านหนึ่งอ่อนเกินไป มุมนั้นจะสแกนไม่ติด
รูปแบบจุด มีสี่แบบให้เลือก เหลี่ยม มน จุดกลม และโค้งหรู แบบเหลี่ยมสแกนง่ายที่สุดเพราะจุดชิดกันสนิท ส่วนจุดกลมดูนุ่มนวลกว่าแต่มีช่องว่างระหว่างจุดมากขึ้น ในสภาพแสงน้อยจะอ่านยากกว่าเล็กน้อย ถ้าเป็นป้ายในที่แสงสลัวแนะนำให้ใช้แบบเหลี่ยมหรือมน
เราลองวัดเรื่องนี้กับตัวสร้างจริง (ก.ย. 2569) โดยสร้าง QR ลิงก์เดียวกันด้วยรูปแบบจุดทั้งสี่แบบเป็นสีดำ และลองชุดสไตล์สำเร็จรูปทั้งเจ็ดชุด แล้วถอดด้วยตัวอ่านแบบเดียวกับที่หน้าอ่าน QR จากรูป ใช้บนคอมพิวเตอร์ ทั้งที่ขนาดเต็ม 460 พิกเซล และย่อเหลือครึ่งหนึ่ง ซึ่งใกล้กับภาพที่กล้องเห็นตอนยืนห่างจากป้าย
| รูปแบบ | ขนาดเต็ม | ย่อครึ่งหนึ่ง |
|---|---|---|
| จุดเหลี่ยม, มน, โค้งหรู | อ่านได้ | อ่านได้ |
| จุดกลม (สีดำล้วน) | อ่านไม่ได้ | อ่านไม่ได้ |
| ชุดสไตล์ คลาสสิก แบรนด์ มินิมอล ธุรกิจ ร้านกาแฟ ป่า | อ่านได้ | อ่านได้ |
| ชุดสไตล์ สดใส ตอนที่ยังใช้จุดกลม + ไล่เฉด | อ่านได้ | อ่านไม่ได้ |
| ชุดสไตล์ สดใส หลังเปลี่ยนเป็นจุดมน | อ่านได้ | อ่านได้ |
หลังการทดสอบนี้ เราเปลี่ยนชุดสไตล์สดใสจากจุดกลมเป็นจุดมน สีกับการไล่เฉดยังเหมือนเดิม ตอนนี้ชุดสไตล์สำเร็จรูปทั้งเจ็ดชุดผ่านหมดทั้งสองขนาด และเราแก้กรอบแบบการ์ดให้มีขอบขาวคั่นระหว่างลาย QR กับสีการ์ดด้วย เพราะของเดิมลายชนสีการ์ดตรงๆ
จุดกลมเป็นแบบเดียวที่ตกในการทดสอบนี้ เพราะช่องว่างระหว่างจุดทำให้ตัวอ่านแยกไม่ออกว่าตรงไหนเป็นเส้นต่อเนื่อง กล้องมือถือรุ่นใหม่มักอ่านจุดกลมได้ เพราะใช้ตัวถอดรหัสที่เก่งกว่า แต่ถ้าจะพิมพ์ป้ายที่ต้องสแกนติดทุกเครื่อง รวมถึงมือถือรุ่นเก่าของลูกค้าบางคน ให้เลือกจุดเหลี่ยม มน หรือโค้งหรูไว้ก่อน และถ้าชอบชุดสไตล์สดใส ลองสแกนด้วยมือถือหลายรุ่นจากระยะจริงก่อนสั่งพิมพ์
รูปแบบมุม ปรับสี่เหลี่ยมสามมุมที่เป็นจุดระบุตำแหน่งได้ แบบไหนก็ใช้ได้ทั้งนั้น เพราะกล้องดูที่สัดส่วนของกรอบไม่ใช่ความโค้ง
ทดสอบก่อนพิมพ์ ทุกครั้ง
ยิ่งปรับแต่งมากยิ่งต้องทดสอบมาก รายการที่ควรเช็คคือ
- สแกนด้วย iPhone และ Android อย่างละเครื่อง
- สแกนในที่แสงน้อย เช่น มุมร้านที่ไฟสลัว
- สแกนจากระยะที่คนจะยืนจริง
- ถ้าจะพิมพ์ ให้พิมพ์ตัวอย่างออกมาก่อนแล้วสแกนจากกระดาษจริง เพราะสีบนจอกับสีที่พิมพ์ออกมาไม่เหมือนกัน สีที่ดูเข้มพอบนจออาจซีดลงเมื่อพิมพ์
ถ้าสแกนไม่ติด ให้ไล่แก้ตามลำดับนี้ ลดขนาดโลโก้ลง แล้วเพิ่มความเข้มของสี แล้วเปลี่ยนรูปแบบจุดเป็นแบบเหลี่ยม แล้วขยายขนาดที่พิมพ์ ถ้าไล่ครบแล้วยังไม่หาย สาเหตุอาจอยู่นอกเรื่องดีไซน์ ดูรายการเต็มได้ที่QR Code สแกนไม่ได้ เกิดจากอะไร แก้ยังไง
คำถามที่พบบ่อย
ใส่โลโก้แล้ว QR จะสแกนไม่ได้ไหม
ปกติสแกนได้ เพราะ QR มีระบบกู้คืนข้อมูลในตัวที่ทนการบดบังได้ราวหนึ่งในสี่ของพื้นที่ แต่ถ้าโลโก้ใหญ่เกินนั้นจะเริ่มมีปัญหา ให้ทดสอบสแกนจริงทุกครั้งก่อนนำไปพิมพ์
QR Code สีอ่อนบนพื้นขาวทำไมสแกนไม่ติด
เพราะกล้องอาศัยความต่างของความสว่างระหว่างจุดสีกับพื้นหลังในการแยกลวดลาย ถ้าสองสีสว่างใกล้เคียงกันกล้องจะแยกไม่ออก ให้ใช้สีเข้มบนพื้นสว่างเสมอ
ทำ QR สีขาวบนพื้นดำได้ไหม
ทำได้แต่ไม่แนะนำ เพราะเครื่องอ่านจำนวนหนึ่งถูกออกแบบมาให้คาดหวังจุดเข้มบนพื้นสว่าง การกลับสีอาจทำให้บางเครื่องอ่านไม่ออก ถ้าจำเป็นต้องทำต้องทดสอบกับมือถือหลายรุ่นให้มั่นใจ