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

วิธีสร้างคิวอาร์โค้ดพร้อมโลโก้บริษัท — และปลอดภัยต่อการสแกนหรือไม่

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

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

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

คำถามที่มักจะเกิดขึ้นเสมอในขั้นตอนนี้คือ: "มันจะไม่ทำให้การสแกนของฉันเสียใช่ไหม?". ไม่ครับ/ค่ะ หากคุณไม่ได้ทำแบบสุ่มสี่สุ่มห้า

ทำไมโลโก้ถึงไม่ทำให้รหัส QR ทั้งหมดที่มีโลโก้อยู่ข้างในกระเด็นออกไป

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

ในระดับสูงสุด (ระบุด้วยตัวอักษร "H") โค้ดจะครอบคลุมพื้นที่ประมาณ 30% ของส่วนที่ถูกบัง โดยปกติแล้วโลโก้ตรงกลางจะกินพื้นที่ไปประมาณ 20–25% นั่นหมายความว่าคุณมีพื้นที่เพียงพอ และยังมีที่ว่างเหลือเฟือด้วย

สองสิ่งที่ฉันยึดถือไว้เสมอ:

  1. โลโก้ต้องอยู่ตรงกลางพอดี ห้ามไว้ที่มุมเด็ดขาด สี่เหลี่ยมหนาๆ สามอันที่มุมคือตัวระบุตำแหน่ง ซึ่งเครื่องอ่านจะใช้เพื่อตรวจจับว่าส่วนไหนคือด้านบนและส่วนไหนคือด้านล่าง หากคุณบังอันใดอันหนึ่งไป ทุกอย่างจะจบลง รหัสจะใช้งานไม่ได้
  2. ใส่ขอบสีขาวให้โลโก้ เว้นระยะขอบบางๆ ไว้รอบๆ เพื่อแยกกราฟิกของคุณออกจาก "พิกเซล" ของรหัส ซึ่งจะช่วยในการอ่านได้จริง โดยเฉพาะอย่างยิ่งเมื่อโลโก้มีรูปทรงที่หยักหรือไม่สม่ำเสมอ

ขั้นตอนการทำงานทีละขั้นตอน

ใน cutty.dev คุณสามารถทำสิ่งนี้ได้ในขณะที่กำลังย่อลิงก์ เพราะรหัส QR จะถูกแนบไปกับทุกลิงก์โดยอัตโนมัติ มาเริ่มกันเลย:

  1. ย่อลิงก์หรือเปิดลิงก์ที่คุณมีอยู่แล้วในแผงควบคุม
  2. เข้าไปที่ส่วน "Kod QR" ในหน้าแก้ไข
  3. อัปโหลดโลโก้ของคุณ (PNG, SVG, JPG หรืออะไรก็ได้ที่มี) โลโก้จะวางไว้ตรงกลาง และการแก้ไขข้อผิดพลาดจะปรับระดับให้สูงขึ้นโดยอัตโนมัติ คุณไม่ต้องคลิกอะไรเลย
  4. เลือกสีของโค้ดและพื้นหลังให้เข้ากับแบรนด์ของคุณ
  5. ดาวน์โหลด PNG สำหรับหน้าจอและโซเชียลมีเดีย, SVG สำหรับงานพิมพ์ (สามารถขยายขนาดได้โดยไม่เสียความคมชัด ดังนั้นสำหรับป้ายไวนิลหรือ roll-up ให้เลือกใช้ SVG)

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

โปรดระวัง: สีสามารถกำหนดชะตาชีวิตของคุณได้

นี่คือช่วงเวลาที่ผู้คนมักจะทำพลาดบ่อยที่สุด ดังนั้นจงฟังให้ดี

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

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

เรื่องที่ไม่มีใครบอกคุณ: โลโก้ของคุณไปอยู่ที่ไหนบ้าง

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

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

พิมพ์เพียงครั้งเดียว ส่งต่อไปยังที่ใดก็ได้ที่คุณต้องการ

สุดท้ายนี้คือคำแนะนำที่จะช่วยประหยัดเงินในการพิมพ์ใหม่ได้มากมายในอนาคต

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

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