การส่งออกคิวอาร์โค้ดเป็น SVG
ส่งออกคิวอาร์โค้ดเป็น SVG ไม่ใช่บิตแมปที่ห่อไว้อีกชั้น
Mosaqo วาดทุกโค้ดเป็นเรขาคณิต และการส่งออก SVG ก็คือภาพวาดนั้นที่ถูกเขียนออกมาเป็นไฟล์ หนึ่งโมดูลคือหนึ่งสี่เหลี่ยม พื้นที่ว่างรอบโค้ดเป็นส่วนหนึ่งของผืนผ้าใบ และสีคือค่าฐานสิบหกธรรมดาในมาร์กอัป ไฟล์เดียวกันจึงใช้ได้ทั้งบนนามบัตรและบนผนังอาคาร
ภาพรวมโดยย่อ
สิ่งนี้เปลี่ยนอะไรในทางปฏิบัติ
01
ในไฟล์มีอะไรอยู่จริง ๆ
สิ่งที่ส่งออกคืออิลิเมนต์ SVG ชิ้นเดียว ระบุความกว้างและความสูงไว้ชัดเจน และมี viewBox ที่วัดเป็นหน่วยโมดูล ทุกโมดูลสีเข้มคือสี่เหลี่ยมขนาดหนึ่งคูณหนึ่งบนพิกัดจำนวนเต็ม และรูปแบบระบุตำแหน่งทั้งสามถูกวาดเป็นรูปทรงของตัวเอง สไตล์ของมุมจึงเป็นอิสระจากคำถามว่าโมดูลเป็นสี่เหลี่ยม มน หรือเป็นจุด ไม่มีอะไรถูกลอกมาจากบิตแมป เพราะไม่เคยมีส่วนไหนเป็นบิตแมปมาก่อนเลย
พื้นที่ว่างรอบโค้ดเป็นส่วนหนึ่งของผืนผ้าใบ ไม่ใช่สิ่งที่ต้องจำไว้ทีหลัง: viewBox คือโค้ดบวกกับระยะขอบที่คุณเลือก ค่าเริ่มต้นสี่โมดูล และเพิ่มได้ถึงสิบหก พื้นหลังโปร่งใสหมายความว่าไม่มีการเขียนสี่เหลี่ยมพื้นหลังเลย และนี่คือสิ่งที่ทำให้ไฟล์วางบนกระดาษสีได้โดยไม่มีกล่องขาวล้อมรอบ
- หนึ่งสี่เหลี่ยมต่อหนึ่งโมดูล บนพิกัดจำนวนเต็ม
- พื้นที่ว่างรอบโค้ดรวมอยู่ใน viewBox
- สีพื้นหน้าและพื้นหลังเป็นค่าฐานสิบหกหกหลัก
- ไม่มีสี่เหลี่ยมพื้นหลังเมื่อพื้นหลังโปร่งใส
02
เรื่องของเวกเตอร์คือขอบ ไม่ใช่ขนาดไฟล์
เครื่องสแกนอ่านเส้นแบ่งระหว่างโมดูลสีเข้มกับโมดูลสีอ่อน การขยาย PNG เล็ก ๆ ทำให้เส้นแบ่งทุกเส้นนุ่มลง และเส้นแบ่งที่นุ่มก็คือข้อมูลที่กำกวม นี่คือเหตุผลที่โค้ดซึ่งถูกขยายล้มเหลวที่ขนาดหนึ่ง ทั้งที่โค้ดเดียวกันจะรอดได้ที่ขนาดนั้นหากส่งออกเป็นเวกเตอร์ ส่วน SVG นั้นไม่มีความละเอียดให้เสียตั้งแต่ต้น
นั่นก็เป็นเหตุผลที่ไฟล์เดียวครอบคลุมทุกตำแหน่งที่วาง สิ่งที่ลงบนการ์ดเชิญคือสิ่งเดียวกับที่ลงบนโปสเตอร์ โรงพิมพ์ย่อขยายมัน แล้วขอบของโมดูลก็ยังอยู่ตรงที่เรขาคณิตกำหนดไว้ทุกประการ
03
การ์ดที่ออกแบบแล้วเลิกเป็นเวกเตอร์ล้วนตรงไหน
โค้ดเปล่าเป็นเวกเตอร์ตั้งแต่ต้นจนจบ ส่วนการ์ดก็เป็นเวกเตอร์ในทุกที่ที่มันเป็นได้ เมทริกซ์ยังคงเรขาคณิตของมันไว้ และรูปทรง พื้นหลัง กับไล่ระดับสีก็ยังเป็นรูปทรงอยู่
มีสองอย่างที่เดินทางนี้ไปไม่ถึง ภาพถ่ายหรือโลโก้ที่คุณอัปโหลดไม่มีรูปแบบเวกเตอร์ มันจึงเดินทางอยู่ใน SVG ในฐานะภาพแรสเตอร์ความละเอียดสูง ส่วนข้อความยังคงเป็นข้อความจริงที่ระบุชื่อชุดแบบอักษรไว้ นั่นแปลว่าเครื่องที่ไม่มีแบบอักษรนั้นจะแทนที่ด้วยแบบอื่นและความกว้างของบรรทัดจะเปลี่ยนไป เมื่อการจัดตัวอักษรต้องเป๊ะ ให้จัดข้อความในโปรแกรมจัดหน้าแล้วส่งออกโค้ดแยกต่างหาก
การ์ดที่ส่งออกเป็น PDF จะถูกยุบรวมเป็นภาพความละเอียดสูงภาพเดียวบนหน้ากระดาษ องค์ประกอบที่ประกอบขึ้นจากภาพถ่ายย่อมเป็นอย่างอื่นไม่ได้ และ Mosaqo เรนเดอร์มันสูงกว่า 300 dpi มากบนขนาด A4 จึงพร้อมส่งโรงพิมพ์อยู่ดี มีเพียงโค้ดเปล่าเท่านั้น ไม่ว่าจะใน SVG หรือ PDF ที่ไปถึงหน้ากระดาษในฐานะเรขาคณิต
- เมทริกซ์คิวอาร์: เรขาคณิตเวกเตอร์
- ภาพถ่าย โลโก้ และสติกเกอร์ที่อัปโหลด: แรสเตอร์ที่ฝังไว้
- ข้อความ: ข้อความจริง จึงต้องแนบแบบอักษรไปด้วยหรือจัดตัวอักษรในโปรแกรมจัดหน้าของคุณ
04
การส่งออก PNG กับ PDF มีไว้ทำอะไร
PNG คือคำตอบที่ถูกต้องสำหรับหน้าจอ อีเมล และสไลด์ ทุกที่ที่โค้ดถูกวางเพียงครั้งเดียวในขนาดที่คุณรู้อยู่แล้ว ส่งออกให้ใหญ่เผื่อไว้ แล้วอย่าขยายมันทีหลังเด็ดขาด
PDF คือเรขาคณิตชุดเดียวกันบนหน้ากระดาษ โค้ดถูกวาดไว้ ไม่ได้ถูกแปลงเป็นแรสเตอร์ และวางไว้กลางหน้า A4 พร้อมพิมพ์หรือส่งต่อให้ใครสักคนได้ทันที มันก็ไม่มีความละเอียดเช่นกัน การขยายหน้ากระดาษจึงขยายโค้ดโดยไม่ทำให้ขอบไหนนุ่มลงเลย ให้ส่ง SVG แทนเมื่อโค้ดต้องเข้าไปอยู่ในเลย์เอาต์ที่คนอื่นควบคุม ในขนาดที่มีแต่เขาเท่านั้นที่รู้
05
การเปลี่ยนสีและการวางไฟล์
เพราะไฟล์เป็นข้อความ สีของมันจึงแก้ได้โดยไม่ต้องเปิดโปรแกรมออกแบบ: สีเติมของโมดูลคือสีพื้นหน้าที่คุณเลือก และสี่เหลี่ยมพื้นหลังคือสีพื้นหลัง รักษาทิศทางที่เป็นธรรมเนียมไว้ คือโมดูลสีเข้มบนพื้นสีอ่อน โค้ดที่กลับสีนั้นเครื่องสแกนหลายรุ่นอ่านได้ แต่ไม่ใช่ทุกรุ่น ซึ่งทำให้มันกลายเป็นการเสี่ยงโชคบนอะไรก็ตามที่พิมพ์ออกมา
เวลาวางไฟล์ ให้พื้นที่ว่างรอบโค้ดโล่งไว้ และต้านทานเอฟเฟกต์ที่ทำให้ขอบนุ่มลง เช่น เงาตก โหมดผสมสี และความโปร่งใสเหนือภาพที่รกตา โค้ดที่ยืนอยู่บนภาพถ่ายล้มเหลวด้วยเหตุผลเดียวกับโค้ดที่เบลอ
06
ทดสอบไฟล์ที่คุณส่งออก ไม่ใช่ภาพตัวอย่าง
เปิดไฟล์ SVG ที่ส่งออกมา วางในขนาดสุดท้ายลงในเลย์เอาต์จริง พิมพ์หนึ่งใบบนวัสดุจริง แล้วสแกนด้วยโทรศัพท์สองเครื่องที่ต่างกัน จากระยะที่ผู้อ่านจะถือมันไว้ ภายใต้แสงที่ตำแหน่งนั้นมีอยู่จริง
ตัวแก้ไขจะตรวจคอนทราสต์ พื้นที่ว่างรอบโค้ด และความหนาแน่นของข้อมูลไปพร้อมกับที่คุณทำงาน และการตรวจเหล่านั้นจับปัญหาส่วนใหญ่ได้ก่อนถึงแท่นพิมพ์ สิ่งที่มันมองไม่เห็นคือน้ำยาเคลือบ รอยพับ และแสงในห้อง
FAQ
คำถามที่พบบ่อย
ไฟล์ SVG เป็นไฟล์เวกเตอร์จริง หรือเป็นภาพของโค้ด
เป็นเวกเตอร์จริง ทุกโมดูลคือสี่เหลี่ยมในมาร์กอัป และรูปแบบระบุตำแหน่งเป็นรูปทรงของตัวเอง ไฟล์จึงขยายไปขนาดใดก็ได้โดยไม่เสียขอบ ไม่มีส่วนใดในการส่งออกโค้ดเปล่าที่ถูกแปลงเป็นแรสเตอร์
ฉันเปลี่ยนสีในไฟล์ที่ส่งออกได้ไหม
ได้ สีพื้นหน้าและพื้นหลังเป็นค่าฐานสิบหกหกหลักในมาร์กอัป และแก้ได้ในโปรแกรมแก้ไขข้อความหรือเครื่องมือออกแบบใดก็ตาม รักษาโมดูลสีเข้มบนพื้นหลังสีอ่อนไว้ การกลับสีโค้ดคือสาเหตุที่ทำให้สแกนไม่ผ่านบ่อยที่สุด
ทำไมการ์ดที่ฉันส่งออกจึงมีภาพฝังอยู่
เพราะภาพถ่ายหรือโลโก้ที่อัปโหลดไม่มีรูปแบบเวกเตอร์ เมทริกซ์ยังคงเป็นเรขาคณิตเวกเตอร์ ส่วนภาพนั้นเดินทางไปในฐานะแรสเตอร์ความละเอียดสูงภายใน SVG ไฟล์เดียวกัน
ควรส่ง SVG หรือ PDF ให้โรงพิมพ์
ได้ทั้งคู่ เพราะทั้งสองเป็นเวกเตอร์ PDF คือแผ่น A4 สำเร็จรูปที่มีโค้ดวาดอยู่ เหมาะกับโรงพิมพ์ที่ต้องการหน้ากระดาษ ส่วน SVG คือโค้ดเดี่ยว ๆ เหมาะกับนักออกแบบที่จะเอาไปวางในเลย์เอาต์ สิ่งที่ไม่ควรส่งให้โรงพิมพ์ไหนเลยคือแรสเตอร์ที่ขยายมาจากไฟล์เล็ก
ไฟล์ SVG รวมพื้นที่ว่างรอบโค้ดไว้ด้วยไหม
รวมไว้ ระยะขอบที่คุณตั้งไว้ ค่าเริ่มต้นสี่โมดูล เป็นส่วนหนึ่งของผืนผ้าใบ การวางไฟล์ชิดขอบในเลย์เอาต์จึงไม่กินพื้นที่หายใจของโค้ด
ขั้นตอนถัดไป