MakeQR
กลับไปที่บล็อก
svgvectorprintdesign

สร้าง SVG QR Code ฟรี — คุณภาพเวกเตอร์สำหรับงานพิมพ์

MakeQR Teamอ่าน 7 นาที

ถ้า QR Code จะลงบนบิลบอร์ด, นามบัตร หรืออะไรก็ตามที่พิมพ์ใหญ่กว่าโปสการ์ด ให้ export เป็น SVG PNG แบบ raster ขนาด 1000 พิกเซลสี่เหลี่ยมดูโอเคบนจอมือถือ และพินาศฉับพลันบนโปสเตอร์ 90 ซม. ที่แต่ละโมดูลกลายเป็นพิกเซลเบลอที่กล้องมือถือสแกนยาก SVG เป็นรูปแบบเวกเตอร์ — โค้ดถูกเก็บเป็นคำสั่งทางคณิตศาสตร์ ไม่ใช่พิกเซล ดังนั้นไฟล์เดียวกันเรนเดอร์คมชัดที่ขนาดใดก็ได้ ตั้งแต่แสตมป์ถึงป้ายสนามกีฬา

คู่มือนี้ครอบคลุมว่าทำไม SVG สำคัญสำหรับการใช้งานการผลิต เครื่องมือฟรีไหนให้ SVG จริง ๆ โดยไม่มีกำแพงเงิน และวิธีนำไฟล์เข้า Illustrator, Figma หรือ InDesign อย่างสะอาด ถ้าคุณออกแบบเพื่อการพิมพ์ SVG คือค่า default — ไม่ใช่ฟีเจอร์โบนัสหลังแพ็กเกจ Pro นี่สำคัญมากสำหรับนักออกแบบไทยที่ทำป้ายและโบรชัวร์ขนาดใหญ่

ทำไม SVG เหนือกว่า PNG สำหรับ QR Code

QR Code คือกริดของสี่เหลี่ยมดำและขาวที่เรียกว่าโมดูล PNG เก็บแต่ละสี่เหลี่ยมเป็นบล็อกของพิกเซล ดังนั้น PNG 500 พิกเซลแทนแต่ละโมดูลด้วยประมาณ 15 × 15 พิกเซล ปรับไฟล์นั้นขึ้นขนาดโปสเตอร์ และแต่ละบล็อก 15 พิกเซลกลายเป็นบล็อก 3 ซม. — หยาบ เบลอที่ขอบ และกล้องมือถืออ่านยากขึ้น

SVG เก็บกริดเดียวกันเป็นเซตของสี่เหลี่ยมเวกเตอร์ที่มีขอบเขตทางคณิตศาสตร์ที่คมชัด ไฟล์ SVG 2 KB แสดงที่ 5 ซม. หรือ 5 ม. ด้วยขอบโมดูลเหมือนกัน นี่สำคัญสำหรับสามสถานการณ์: อะไรก็ตามที่พิมพ์ขนาดงานแสดงสินค้า (ป้าย, ป้ายม้วน), งานพิมพ์ขนาดเล็กที่ความหนาแน่นกดดันความละเอียดกล้อง (นามบัตร, บรรจุภัณฑ์สินค้า) และ workflow การออกแบบที่ QR จะถูกประกอบเข้าเลย์เอาต์ใหญ่ใน Illustrator หรือ InDesign

มีข้อได้เปรียบขนาดไฟล์ที่ขนาดใหญ่ด้วย PNG 2000 × 2000 พิกเซลคือ 40–100 KB SVG เทียบเท่าปกติต่ำกว่า 3 KB — โดยพื้นฐานคือข้อความอธิบายสี่เหลี่ยม สำหรับการใช้เว็บมันเบากว่า สำหรับการพิมพ์ช่องว่างคุณภาพคือจุดหลัก

เครื่องมือฟรีไหน export SVG จริง ๆ

การ export SVG เป็นหนึ่งในฟีเจอร์แรกที่ถูกย้ายไปหลังกำแพงเงินในตลาด QR ดังนั้นรายการจึงสั้นกว่าที่ควร ตารางด้านล่างสะท้อนนโยบายแพ็กเกจฟรีที่แต่ละเจ้าประกาศไว้ ณ เมษายน 2026 — ความพร้อมใช้งาน SVG อาจเปลี่ยนเมื่อผู้ให้บริการปรับปรุงแพ็กเกจ

เครื่องมือSVG ฟรี?ความสะอาดของไฟล์
MakeQRใช่สะอาด, path จัดกลุ่มได้, แก้ใน Illustrator ได้
QRCode Monkeyใช่สะอาด, path เดียวต่อโมดูล
qr-code-generator.comไม่แพ็กเกจจ่ายเงินเท่านั้น
QR TIGERไม่ (ทดลองเท่านั้น)ต้องมีบัญชีและทดลอง
Flowcodeไม่แพ็กเกจจ่ายเงิน เน้นองค์กร
the-qrcode-generator.comใช่SVG มี metadata โปรโมท

ข้อมูล ณ เมษายน 2026 การเข้าถึง SVG แพ็กเกจฟรีอาจเปลี่ยนเมื่อผู้ให้บริการปรับปรุงแพ็กเกจ

คอลัมน์ "ความสะอาด" น่าเปิด บาง export SVG ในทางเทคนิคเป็นเวกเตอร์แต่มาพร้อม bitmap fallback ฝังตัว, inline styles หรือ comment SVG อ้างอิงตัวสร้าง ไฟล์เหล่านี้ดูโอเคในเบราว์เซอร์แต่ทำให้นำเข้า Illustrator มีเสียง — นักออกแบบจะเหลือเลเยอร์พิเศษให้ลบ SVG สะอาดนำเข้าเป็นกลุ่มธรรมดาของสี่เหลี่ยมที่สามารถปรับสีหรือฝังในเลย์เอาต์ใหญ่โดยไม่ต้องเคลียร์

สร้าง SVG ใน MakeQR

เปิด makeqr.daylab.dev เอดิเตอร์ default เป็น URL QR แต่ตัวเลือกรูปแบบใช้ได้กับทุกประเภทเนื้อหา — Wi-Fi, vCard, PDF, ข้อความธรรมดา — ดังนั้นเลือก payload ที่ตรงกับการใช้งานก่อน กรอกปลายทาง ดูพรีวิวอัปเดต และปรับสีและโลโก้ถ้าต้องการ

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

หมายเหตุสามข้อในทางปฏิบัติเกี่ยวกับ output SVG หนึ่ง โค้ดถูกจัดกลุ่ม — ทุกโมดูลอยู่ใต้ element <g> เดียว ดังนั้นการปรับสีเป็นการกระทำเดียวใน Illustrator หรือ Figma สอง quiet zone รอบโค้ดถูกรักษาไว้เป็นพื้นที่ว่างใน SVG viewBox ดังนั้นวางบน canvas ออกแบบคงมาร์จินที่ถูกต้อง สาม ถ้าเพิ่มโลโก้ มันฝังเป็นกลุ่มแยกที่สลับหรือเอาออกได้โดยไม่สร้าง QR ใหม่ตั้งแต่ต้น

นำ SVG เข้า Illustrator

การนำเข้า SVG default ของ Illustrator สร้างไฟล์ที่มีเลเยอร์สะอาด เปิด .svg ตรงผ่าน File → Open หรือลากลงบน canvas QR ปรากฏเป็นกลุ่มของสี่เหลี่ยมที่เติมสี เพื่อปรับสีโค้ดทั้งหมด เลือกกลุ่มและเปลี่ยน fill — ไม่ต้องแก้โมดูลทีละตัว

ถ้าต้องการให้โค้ดอยู่ในองค์ประกอบที่ใหญ่กว่า — โปสเตอร์แบรนด์, การ์ดเมนู, ฉลากสินค้า — คัดลอกกลุ่มและวางลงในเอกสารปลายทาง Illustrator รักษาความซื่อสัตย์เวกเตอร์ข้ามเอกสาร ดังนั้นการปรับขนาดหลังวางไม่ทำให้ขอบเสื่อม รักษา quiet zone ไว้ ห้าม crop หรือวาง QR ชิดกับองค์ประกอบอื่น

สำหรับ workflow พิมพ์ CMYK เปลี่ยนสี fill จากดำ RGB เป็น 100 เปอร์เซ็นต์ K (key) หรือดำ rich ที่คุณเลือก ดำ RGB บริสุทธิ์พิมพ์เป็นดำอุ่น นุ่มกว่าบนแท่นพิมพ์ส่วนใหญ่ ซึ่งอาจลดคอนทราสต์กับโมดูลขาวและลดความน่าเชื่อถือการสแกน 100 เปอร์เซ็นต์ K หรือดำ rich อุ่น (C:30 M:30 Y:30 K:100) อ่านคมชัดในการผลิต

Workflow Figma และ Sketch

Figma นำเข้า SVG ผ่านการคัดลอก-วางหรือลากวาง QR ที่นำเข้าลงเป็น Frame ที่มีรูปทรงเวกเตอร์ เพื่อใช้บน mockup เว็บหรือ asset การตลาด ปรับขนาดได้อิสระ — เรนเดอร์ Figma ไม่ทำให้ไฟล์เวกเตอร์เป็นพิกเซลเลย

จุดที่ต้องระวังใน Figma โดยเฉพาะ ถ้าคัดลอก Figma frame ที่มี QR กลับออกเป็น PNG, export ถูก rasterize ที่ความละเอียด preview สำหรับการส่งต่อการพิมพ์ ให้ export QR frame เป็น SVG อีก ไม่ใช่ PNG พาเนล "Export" ของ Figma มีทั้งสอง — default เป็น SVG สำหรับอะไรก็ตามที่ออกจากเครื่องมือออกแบบไปที่โรงพิมพ์

Sketch จัดการการนำเข้า SVG เหมือนกัน โครงสร้างกลุ่มสะท้อน Figma และ workflow การปรับสีเหมือนกัน — เลือกกลุ่ม เปลี่ยน fill

InDesign สำหรับเลย์เอาต์หน้า

InDesign ไม่นำเข้า SVG แบบเนทีฟในทุกเวอร์ชัน builds ปี 2023 เก่ากว่าต้องการ workaround สามตัวเลือกตามลำดับความพึงพอใจ:

วางเป็น SVG (InDesign 2024+) — รองรับโดยตรงผ่าน File → Place QR นำเข้าเป็น graphic frame เวกเตอร์ ปรับขนาดได้โดยไม่เสียคุณภาพ นี่คือค่า default ทันสมัย

วางเป็น PDF — ถ้าเครื่องมือ export SVG ของคุณมี PDF ด้วย (MakeQR มี) export QR เป็น PDF หนึ่งหน้าแทน InDesign วาง PDF ได้แบบเนทีฟในทุกเวอร์ชัน คุณภาพเหมือน SVG เพราะทั้งคู่เป็นเวกเตอร์

คัดลอก-วางจาก Illustrator — เปิด SVG ใน Illustrator คัดลอกกลุ่ม วางใน InDesign ใช้ได้แม้กับ InDesign build เก่า ขั้นตอนเยอะกว่าเล็กน้อยแต่เชื่อถือได้

ไม่ว่าเส้นทางไหน ตรวจพาเนล preflight ก่อน export เอกสาร InDesign สุดท้ายให้โรงพิมพ์ ยืนยันว่า QR เป็นเวกเตอร์ (ไม่ใช่ raster ฝัง), ในโหมดสีที่ถูก (CMYK สำหรับการพิมพ์เชิงพาณิชย์ส่วนใหญ่), และมี quiet zone อย่างน้อย 4 มม. รอบทุกด้าน

ขนาดพิมพ์ที่ปลอดภัยสำหรับ SVG QR

เนื่องจาก SVG ปรับขนาดได้ไม่จำกัด ข้อจำกัดในทางปฏิบัติคือขนาดที่กล้องอ่านได้ที่ระยะมองปกติ แนวทางคร่าว ๆ ทดสอบกับมือถือ Android ระดับกลางปี 2024:

  • นามบัตร (90 × 55 มม.) — 20 × 20 มม., quiet zone 4 มม. อ่านได้ที่ระยะมอง 20 ซม.
  • การ์ดโต๊ะ / ใบปลิว — 30 × 30 มม., quiet zone 6 มม. อ่านได้ที่ 40 ซม.
  • โปสเตอร์ / ป้าย — 80 × 80 มม., quiet zone 16 มม. อ่านได้ที่ 1.5 ม.
  • ป้ายงานแสดงสินค้า — 200 × 200 มม., quiet zone 40 มม. อ่านได้ที่ 3 ม.
  • บิลบอร์ด — ขนาดปรับประมาณ 10:1 กับระยะมอง QR 50 ซม. อ่านได้ที่ 5 ม.

กฎฝ่ามือ: ระยะมองในเมตรคูณ 10 ให้ความยาวด้านขั้นต่ำของ QR ในมิลลิเมตร SVG ให้คุณใช้ขนาดไหนก็ได้จากไฟล์แหล่งเดียวกันโดยไม่ต้องสร้างใหม่

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

Q. SVG QR Code ดีกว่า PNG ไหม?

A. สำหรับการใช้งานพิมพ์ใด ๆ ใช่ SVG เก็บโค้ดเป็นรูปทรงทางคณิตศาสตร์แทนพิกเซล ดังนั้นยังคมชัดที่ขนาดใดก็ได้ — นามบัตรหรือป้าย 3 เมตรมาจากไฟล์เดียวกัน สำหรับการใช้งานเว็บที่ QR ปรากฏที่ขนาดคงที่ PNG ดีและมักโหลดเร็วกว่า การแบ่งพิมพ์-เทียบจอคือการตัดสินใจหลัก

Q. แก้ SVG QR Code ใน Illustrator หรือ Figma ได้ไหม?

A. ได้ SVG เป็นรูปแบบเวกเตอร์เนทีฟ ดังนั้น Illustrator, Figma, Sketch และ Affinity Designer นำเข้าตรงได้ทั้งหมด การแก้ไขที่พบบ่อยที่สุดคือการปรับสี (เปลี่ยน fill ของกลุ่มโมดูล) และเพิ่มพื้นหลังหรือเฟรม เลี่ยงแก้โมดูลเดี่ยว ๆ — การลบหรือปรับรูปทำให้แพตเทิร์น error correction เสียและอาจทำลายการสแกน

Q. SVG QR Code ฟรีคุณภาพต่ำกว่าแบบจ่ายเงินไหม?

A. ไม่ ข้อกำหนด QR เปิด (ISO/IEC 18004) และเป็น deterministic — URL ป้อนเดียวกันสร้างโค้ดที่ถูกต้องเหมือนกันโดยไม่สนใจว่าเครื่องมือไหนสร้าง SVG ฟรีจาก MakeQR หรือ QRCode Monkey เทียบเท่าบิตต่อบิตกับ SVG จากเครื่องมือ $49 ต่อเดือนที่เนื้อหาและระดับ error correction เดียวกัน แพ็กเกจจ่ายเงินขาย analytics และการ redirect ไดนามิก ไม่ใช่คุณภาพโค้ด

Q. ทำไม QR Code ของฉันดูเป็นพิกเซลเมื่อพิมพ์?

A. เกือบเสมอเพราะแหล่งคือ PNG ที่ปรับขนาดเกินความละเอียดเนทีฟ PNG 500 พิกเซลยืดเป็นงานพิมพ์ 20 ซม. แสดงขอบพิกเซลที่มองเห็นรอบแต่ละโมดูล QR การแก้คือสร้างใหม่เป็น SVG และใช้ไฟล์เวกเตอร์สำหรับพิมพ์ ถ้าโรงพิมพ์รับเฉพาะ raster, export SVG เป็น PNG ความละเอียดสูง (อย่างน้อย 1200 DPI ที่ขนาดสุดท้าย) แทนการยืดไฟล์เล็ก

พร้อมสร้าง QR โค้ดของคุณแล้วหรือยัง?

ลองใช้ MakeQR ฟรี — ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ

สร้าง QR โค้ดฟรี