ข้ามไปยังเนื้อหา
งานพิมพ์และป้าย

ส่งโรงพิมพ์ใช้ไฟล์ QR แบบ PNG หรือ SVG ดี

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

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

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

ต่างกันตรงวิธีเก็บภาพ

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

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

สำหรับ QR Code ความต่างนี้สำคัญเป็นพิเศษ เพราะสิ่งที่กล้องต้องอ่านคือ ขอบที่คมชัดระหว่างจุดดำกับพื้นขาว ขอบเบลอเมื่อไหร่คือความเสี่ยงที่จะสแกนไม่ติดทันที

QR ไฟล์ PNG ขนาดเล็กที่ถูกขยายจนขอบเบลอ เทียบกับ QR ไฟล์ SVG ที่ขยายเท่ากันแต่ขอบคม

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

เลือกตามงาน

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

ถ้าต้องส่ง PNG ให้คิดพิกเซลก่อน

โรงพิมพ์ส่วนใหญ่ทำงานที่ 300 DPI คือ 300 จุดต่อหนึ่งนิ้ว สูตรคือ

พิกเซลที่ต้องใช้ = (ขนาดที่จะพิมพ์เป็นเซนติเมตร ÷ 2.54) × 300

QR ขนาด 5 เซนติเมตรจึงต้องการไฟล์ราว 590 พิกเซล และขนาด 20 เซนติเมตรต้องการราว 2,360 พิกเซล ถ้าไม่อยากคำนวณเอง ตัวคำนวณขนาด QR บอกทั้งขนาดเซนติเมตรและจำนวนพิกเซลให้พร้อมกัน

ไฟล์จากตัวสร้างของเว็บนี้ใหญ่แค่ไหน เราลองดาวน์โหลดจริงด้วย QR ลิงก์หน้าแรกของเว็บ (ก.ย. 2569) ไฟล์ PNG แบบไม่มีกรอบได้ขนาด 2,000 × 2,000 พิกเซล หนักราว 86 KB ซึ่งพิมพ์ที่ 300 DPI ได้ราว 17 เซนติเมตร พอสำหรับป้ายตั้งโต๊ะ เมนู และโปสเตอร์ในร้าน ส่วนไฟล์ SVG ของ QR อันเดียวกันหนักแค่ราว 23 KB และพิมพ์ได้ทุกขนาด ถ้าป้ายจะใหญ่กว่า 17 เซนติเมตร เช่นป้ายหน้าร้านหรือไวนิล ให้ใช้ SVG เท่านั้น

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

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

อย่าใช้ JPG กับ QR

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

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

ถ้าโรงพิมพ์ขอ PDF

PDF เก็บได้ทั้งภาพและเวกเตอร์ วิธีที่ได้ผลดีที่สุดคือดาวน์โหลด SVG แล้วเปิดในโปรแกรมออกแบบ เช่น Illustrator, Inkscape ซึ่งใช้ฟรี หรือ Figma แล้วสั่งส่งออกเป็น PDF ไฟล์ที่ได้จะยังเป็นเวกเตอร์ ไม่เสียความคม

หลีกเลี่ยงการเอา PNG ไปแปะใน Word แล้วสั่งบันทึกเป็น PDF เพราะจะได้ PDF ที่ข้างในเป็นภาพพิกเซลอยู่ดี แถมบางครั้งถูกบีบอัดซ้ำระหว่างทาง

ข้อควรระวังเรื่องข้อความบนกรอบ

ถ้าเลือกกรอบที่มีข้อความ เช่น กรอบป้ายล่างหรือกรอบกระเป๋าที่เขียนว่า “สแกนเลย” ข้อความในไฟล์ SVG ที่ได้ ยังเป็นตัวอักษรจริง ไม่ใช่เส้นพาธ แปลว่ามันต้องอาศัยฟอนต์ในเครื่องที่เปิดไฟล์

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

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

ส่วนตัว QR เองไม่มีปัญหานี้ เพราะเป็นรูปทรงสี่เหลี่ยมล้วนอยู่แล้ว

สรุปให้จำง่าย

  • ขึ้นจอ ส่งแชต โพสต์โซเชียล — PNG
  • เข้าโรงพิมพ์ทุกชนิด — SVG ถ้าเขารับ
  • โรงพิมพ์รับแต่ภาพ — PNG ที่คำนวณพิกเซลมาแล้ว
  • ห้ามใช้ JPG และห้ามขยายไฟล์เล็ก
  • มีข้อความบนกรอบและส่ง SVG — สั่งแปลงข้อความเป็น outline

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

คำถามที่พบบ่อย

QR Code ส่งโรงพิมพ์ควรใช้ไฟล์อะไร

ใช้ SVG ถ้าโรงพิมพ์รับไฟล์เวกเตอร์ เพราะขยายเป็นป้ายใหญ่แค่ไหนก็ยังคมและไฟล์เล็กมาก ถ้าโรงพิมพ์รับแต่ไฟล์ภาพ ให้ส่ง PNG ที่ความละเอียดตรงกับขนาดพิมพ์ที่ 300 DPI

PNG กับ SVG ต่างกันยังไง

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

JPG ใช้กับ QR Code ได้ไหม

ไม่ควรใช้ เพราะ JPG บีบอัดแบบสูญเสียรายละเอียด จะเกิดรอยด่างจางๆ รอบขอบจุดสีดำ ซึ่งลดคอนทราสต์ที่กล้องใช้แยกลวดลายพอดี ให้ใช้ PNG หรือ SVG แทนเสมอ

โรงพิมพ์ขอไฟล์ PDF ทำยังไง

ดาวน์โหลดเป็น SVG แล้วเปิดในโปรแกรมออกแบบอย่าง Illustrator, Inkscape หรือ Figma จากนั้นสั่งบันทึกหรือส่งออกเป็น PDF ไฟล์ที่ได้จะยังเป็นเวกเตอร์อยู่ ไม่เสียความคม

ทำไมข้อความบนกรอบ QR ในไฟล์ SVG ถึงต้องแปลงเป็น outline

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

บทความที่เกี่ยวข้อง