วิธีสร้างคิวอาร์โค้ดพร้อมโลโก้บริษัท — และปลอดภัยต่อการสแกนหรือไม่
QR Code ที่มีโลโก้อยู่ตรงกลางดูเป็นมืออาชีพและช่วยสร้างความน่าเชื่อถือ เราจะแสดงวิธีสร้าง ขนาดของโลโก้ที่เหมาะสมเพื่อให้ยังคงสแกนได้ และวิธีการทำโดยไม่ต้องส่งไฟล์ไปยังเซิร์ฟเวอร์ของผู้อื่น
ฉันจะบอกคุณว่านี่คือสิ่งที่ฉันเห็นหลังจากทำโค้ดเหล่านี้ให้ลูกค้ามาหลายปี สี่เหลี่ยมขาวดำนั้นใช้งานได้ สแกนได้อย่างสมบูรณ์แบบ แต่มันดูเหมือนกับโค้ดของเพื่อนบ้าน โค้ดของคู่แข่ง และโค้ดบนใบปลิวที่มีคนหย่อนไว้ในตู้จดหมายของคุณไม่มีผิดเลย ไม่มีเอกลักษณ์ใดๆ เลย
และตอนนี้ให้วางโลโก้ไว้ตรงกลาง ทันใดนั้นคนจะเห็นว่านี่คือโค้ดของใคร ก่อนที่จะนำโทรศัพท์ไปจ่อเสียอีก และจะสแกนด้วยความเต็มใจมากขึ้น เพราะเห็นแบรนด์ที่พวกเขารู้จัก ความแตกต่างในจำนวนการสแกนสามารถสูงขึ้นได้อย่างมาก
คำถามที่มักจะเกิดขึ้นเสมอในขั้นตอนนี้คือ: "มันจะไม่ทำให้การสแกนของฉันเสียใช่ไหม?". ไม่ครับ/ค่ะ หากคุณไม่ได้ทำแบบสุ่มสี่สุ่มห้า
ทำไมโลโก้ถึงไม่ทำให้รหัส QR ทั้งหมดที่มีโลโก้อยู่ข้างในกระเด็นออกไป
นี่คือเวทมนตร์เล็กๆ ที่คุ้มค่าแก่การทำความเข้าใจ ทุกๆ QR code มีระบบแก้ไขข้อผิดพลาด (error correction) ฝังอยู่ภายใน มันคือข้อมูลส่วนเกินที่ช่วยให้เครื่องอ่านสามารถกู้คืนข้อมูลทั้งหมดกลับมาได้ แม้ว่าบางส่วนของโค้ดจะสกปรก ยับ หรือถูกอะไรบางอย่างบดบังอยู่ก็ตาม
ในระดับสูงสุด (ระบุด้วยตัวอักษร "H") โค้ดจะครอบคลุมพื้นที่ประมาณ 30% ของส่วนที่ถูกบัง โดยปกติแล้วโลโก้ตรงกลางจะกินพื้นที่ไปประมาณ 20–25% นั่นหมายความว่าคุณมีพื้นที่เพียงพอ และยังมีที่ว่างเหลือเฟือด้วย
สองสิ่งที่ฉันยึดถือไว้เสมอ:
- โลโก้ต้องอยู่ตรงกลางพอดี ห้ามไว้ที่มุมเด็ดขาด สี่เหลี่ยมหนาๆ สามอันที่มุมคือตัวระบุตำแหน่ง ซึ่งเครื่องอ่านจะใช้เพื่อตรวจจับว่าส่วนไหนคือด้านบนและส่วนไหนคือด้านล่าง หากคุณบังอันใดอันหนึ่งไป ทุกอย่างจะจบลง รหัสจะใช้งานไม่ได้
- ใส่ขอบสีขาวให้โลโก้ เว้นระยะขอบบางๆ ไว้รอบๆ เพื่อแยกกราฟิกของคุณออกจาก "พิกเซล" ของรหัส ซึ่งจะช่วยในการอ่านได้จริง โดยเฉพาะอย่างยิ่งเมื่อโลโก้มีรูปทรงที่หยักหรือไม่สม่ำเสมอ
ขั้นตอนการทำงานทีละขั้นตอน
ใน cutty.dev คุณสามารถทำสิ่งนี้ได้ในขณะที่กำลังย่อลิงก์ เพราะรหัส QR จะถูกแนบไปกับทุกลิงก์โดยอัตโนมัติ มาเริ่มกันเลย:
- ย่อลิงก์หรือเปิดลิงก์ที่คุณมีอยู่แล้วในแผงควบคุม
- เข้าไปที่ส่วน "Kod QR" ในหน้าแก้ไข
- อัปโหลดโลโก้ของคุณ (PNG, SVG, JPG หรืออะไรก็ได้ที่มี) โลโก้จะวางไว้ตรงกลาง และการแก้ไขข้อผิดพลาดจะปรับระดับให้สูงขึ้นโดยอัตโนมัติ คุณไม่ต้องคลิกอะไรเลย
- เลือกสีของโค้ดและพื้นหลังให้เข้ากับแบรนด์ของคุณ
- ดาวน์โหลด PNG สำหรับหน้าจอและโซเชียลมีเดีย, SVG สำหรับงานพิมพ์ (สามารถขยายขนาดได้โดยไม่เสียความคมชัด ดังนั้นสำหรับป้ายไวนิลหรือ roll-up ให้เลือกใช้ SVG)
ตัวอย่างจะอัปเดตแบบเรียลไทม์ คุณจะเห็นผลลัพธ์ก่อนที่ทุกอย่างจะถูกบันทึกลงในดิสก์
โปรดระวัง: สีสามารถกำหนดชะตาชีวิตของคุณได้
นี่คือช่วงเวลาที่ผู้คนมักจะทำพลาดบ่อยที่สุด ดังนั้นจงฟังให้ดี
เครื่องสแกนไม่ได้อ่านค่าสี แต่อ่านค่าความต่างระดับสี (contrast) คุณจะระบายสีโค้ดก็ได้ ตามสบายเลย แต่ขอให้ยึดหลักการเดิมคือ: โค้ดสีเข้มบนพื้นหลังสีอ่อน ห้ามทำตรงกันข้าม ส่วนโค้ดสีอ่อนบนพื้นหลังสีเข้มนั้นทำได้ มันอาจจะสแกนติดบนโทรศัพท์รุ่นเรือธงของคุณ แต่หลังจากนั้นลูกค้าที่ใช้ Android รุ่นเก่าก็จะต้องมายืนสบถ เพราะสแกนอะไรไม่ได้เลย
และอย่าวางสีของรหัสใกล้กับสีพื้นหลังมากเกินไป สีน้ำเงินเข้มบนพื้นดำเหรอ? ลืมไปได้เลย ยิ่งคอนทราสต์สูงเท่าไหร่ รหัสก็จะถูกสแกนติดได้ง่ายขึ้นจากระยะไกลเท่านั้น (ซึ่งเป็นเรื่องสำคัญมากสำหรับหน้าเว็บไซต์ร้านค้าหรือโปสเตอร์ที่ป้ายรถเมล์)
เรื่องที่ไม่มีใครบอกคุณ: โลโก้ของคุณไปอยู่ที่ไหนบ้าง
เครื่องมือสร้างโค้ดพร้อมโลโก้ส่วนใหญ่จะขอให้คุณอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ของพวกเขา และตรงนี้แหละที่คุณควรหยุดคิดสักครู่ เครื่องหมายการค้าของคุณ ซึ่งบางครั้งเป็นเวอร์ชันเวกเตอร์ที่ดีเพียงหนึ่งเดียวของคุณ กำลังไปตกอยู่ในมือของผู้ให้บริการภายนอก และในข้อกำหนดการใช้งานอาจมีการระบุสิทธิ์ในการนำไฟล์นี้ไปใช้ต่อ มีใครเคยอ่านข้อกำหนดเหล่านี้บ้างไหม? นั่นแหละคือประเด็น
โค้ดของเราถูกสร้างขึ้นในเบราว์เซอร์ของคุณ โลโก้ไม่ได้เคลื่อนที่ออกจากคอมพิวเตอร์ของคุณ ไม่มีการส่งออกไปที่ไหนและไม่มีการบันทึกไว้ ไฟล์ยังคงเป็นของคุณ
พิมพ์เพียงครั้งเดียว ส่งต่อไปยังที่ใดก็ได้ที่คุณต้องการ
สุดท้ายนี้คือคำแนะนำที่จะช่วยประหยัดเงินในการพิมพ์ใหม่ได้มากมายในอนาคต
สร้างโค้ดจากลิงก์แบบย่อ ไม่ใช่จากที่อยู่ยาวแบบดิบ ทำไมเหรอ? เพราะโค้ดที่อิงตามลิงก์สั้นคุณสามารถเปลี่ยนปลายทางจากภายในได้ในภายหลัง คุณเปลี่ยนจุดหมายของลิงก์ในแผงควบคุม แล้วโค้ดเดิมที่พิมพ์ออกมาก็จะนำไปสู่ที่อื่นทันที โปรโมชั่นจบลงแล้วใช่ไหม? คุณก็แค่เปลี่ยนเส้นทางไปยังอันใหม่ โดยไม่ต้องแตะต้องใบปลิวเลย
โค้ดที่ฝังลงในที่อยู่ยาวโดยตรงนั้นถูกล็อกไว้แล้ว การเปลี่ยนเป้าหมาย = โค้ดใหม่ = การพิมพ์ใหม่ = ใบแจ้งหนี้ใบใหม่จากโรงพิมพ์ ลองคิดดูให้ดีก่อนที่คุณจะสั่งนามบัตรหนึ่งพันใบ