Generator QR Code SVG Gratis — Kualitas Vektor untuk Cetak
Kalau QR code berakhir di baliho, kartu nama (ukuran Indonesia 90×55mm), atau apa pun yang dicetak lebih besar dari kartu pos, ekspor sebagai SVG. PNG raster 1000 piksel persegi terlihat baik di layar telepon dan bencana di poster 90 cm, di mana setiap modul menjadi pikselisasi berantakan yang sulit dibaca kamera telepon. SVG adalah format vektor — kode disimpan sebagai instruksi matematis, bukan piksel, jadi file yang sama merender tajam sempurna pada ukuran apa saja dari perangko sampai banner stadion.
Panduan ini mencakup mengapa SVG penting untuk penggunaan produksi, tool gratis mana yang benar-benar memberi Anda SVG tanpa paywall, dan bagaimana membawa file ke Illustrator, Figma, atau InDesign secara bersih. Kalau Anda mendesain untuk cetak, SVG adalah default — bukan fitur bonus di balik tier Pro.
Mengapa SVG lebih baik daripada PNG untuk QR code
QR code adalah grid kotak hitam dan putih yang disebut modul. PNG menyimpan setiap kotak sebagai blok piksel, jadi PNG 500 piksel merepresentasikan setiap modul dengan sekitar 15 × 15 piksel. Skala file itu sampai ukuran poster dan setiap blok 15 piksel menjadi blok 3 cm — berbutir, kabur di tepinya, dan lebih sulit di-decode kamera telepon.
SVG menyimpan grid yang sama sebagai set persegi panjang vektor dengan batas matematis tajam. File SVG 2 KB tampil pada 5 cm atau 5 m dengan tepi modul identik. Ini penting untuk tiga situasi: apa pun yang dicetak pada skala pameran dagang (banner, signage retractable), cetak skala kecil di mana kepadatan meregangkan resolusi kamera (kartu nama, kemasan produk), dan alur kerja desain di mana QR akan disusun ke layout lebih besar di Illustrator atau InDesign.
Ada juga keuntungan ukuran file pada skala besar. PNG 2000 × 2000 piksel adalah 40–100 KB. Setara SVG biasanya di bawah 3 KB — pada dasarnya teks mendeskripsikan persegi panjang. Untuk penggunaan web lebih ringan; untuk cetak kesenjangan kualitas adalah inti.
Tool gratis mana yang benar-benar mengekspor SVG
Ekspor SVG adalah salah satu fitur pertama yang bergerak ke balik paywall di pasar QR, jadi daftarnya lebih pendek dari seharusnya. Tabel di bawah merefleksikan kebijakan paket gratis yang dipublikasikan masing-masing penyedia per April 2026 — ketersediaan SVG bisa berubah saat penyedia merevisi tier mereka.
| Tool | SVG gratis? | Kebersihan file |
|---|---|---|
| MakeQR | Ya | Bersih, path bisa di-group, bisa diedit di Illustrator |
| QRCode Monkey | Ya | Bersih, satu path per modul |
| qr-code-generator.com | Tidak | Paket berbayar saja |
| QR TIGER | Tidak (trial saja) | Akun + trial wajib |
| Flowcode | Tidak | Paket berbayar, berorientasi enterprise |
| the-qrcode-generator.com | Ya | SVG termasuk metadata promosi |
Snapshot: April 2026. Akses SVG paket gratis bisa berubah saat penyedia merevisi tier mereka.
Kolom "kebersihan" layak dijelaskan. Beberapa ekspor SVG secara teknis vektor tapi datang dengan fallback bitmap tersemat, style inline, atau komentar SVG yang merujuk generator. File-file ini terlihat baik di browser tapi menyebabkan import berisik ke Illustrator — desainer akhirnya dengan layer ekstra untuk dihapus. SVG bersih di-import sebagai grup sederhana persegi panjang yang bisa direcolor atau disematkan di dalam layout lebih besar tanpa pembersihan.
Menghasilkan SVG di MakeQR
Buka makeqr.daylab.dev. Editor default ke QR URL, tapi pilihan format berlaku ke setiap tipe konten — WiFi, vCard, PDF, teks biasa — jadi pilih payload mana yang cocok dengan use case Anda dulu. Isi tujuan, lihat pratinjau terupdate, dan kustomisasi warna dan logo kalau mau.
Ketika pratinjau terlihat benar, klik Unduh dan pilih SVG. File tersimpan ke folder unduhan Anda sebagai .svg mandiri. Buka di editor vektor apa saja, di browser, atau drop langsung ke file desain. Tanpa watermark, tanpa akun, tanpa batas scan di kode hasil.
Tiga catatan praktis tentang output SVG. Pertama, kode di-group — semua modul tinggal di bawah satu elemen <g>, jadi recoloring adalah satu aksi di Illustrator atau Figma. Kedua, quiet zone di sekitar kode dipertahankan sebagai ruang kosong di viewBox SVG, jadi meng-drop-nya ke kanvas desain mempertahankan margin yang benar. Ketiga, kalau Anda menambahkan logo, logo tersemat sebagai grup terpisah yang bisa ditukar atau dihapus tanpa mengulang generate QR dari awal.
Membawa SVG ke Illustrator
Import SVG default Illustrator membuat file berlapis bersih. Buka .svg langsung lewat File → Open, atau tarik ke kanvas. QR muncul sebagai grup persegi panjang berisi. Untuk mewarnai ulang seluruh kode, pilih grup dan ubah fill — tidak perlu mengedit modul individu.
Kalau Anda ingin kode duduk di dalam komposisi lebih besar — poster berbrand, kartu menu, label produk — salin grup dan tempel ke dokumen tujuan. Illustrator mempertahankan fidelitas vektor antar dokumen, jadi skala setelah tempel tidak menurunkan tepi. Pertahankan quiet zone utuh; jangan memotong atau menyusun QR flush terhadap elemen lain.
Untuk alur kerja cetak CMYK, ubah warna fill dari RGB hitam ke 100 persen K (key) atau rich black pilihan Anda. Hitam RGB murni dicetak sebagai hitam lebih hangat, lebih lembut di kebanyakan mesin cetak, yang bisa mengurangi kontras terhadap modul putih dan menurunkan reliabilitas scan. 100 persen K atau rich black hangat (C:30 M:30 Y:30 K:100) terbaca tajam di produksi.
Alur kerja Figma dan Sketch
Figma meng-import SVG lewat copy-paste atau drag-drop. QR yang di-import mendarat sebagai Frame berisi bentuk vektor. Untuk memakainya di mockup situs atau aset marketing, ubah ukuran bebas — renderer Figma tidak pernah mempikselisasi file vektor.
Satu gotcha khusus di Figma: kalau Anda menyalin frame Figma berisi QR keluar kembali ke PNG, ekspor dipasaranterisasi pada resolusi pratinjau. Untuk handoff cetak, ekspor frame QR sebagai SVG lagi, bukan sebagai PNG. Panel "Export" Figma menawarkan keduanya; default ke SVG untuk apa pun yang meninggalkan tool desain dan menuju percetakan.
Sketch menangani import SVG dengan cara serupa. Struktur grup mencerminkan Figma, dan alur kerja recoloring sama — pilih grup, ubah fill.
InDesign untuk layout halaman
InDesign tidak native meng-import SVG di setiap versi; build 2023 lama butuh workaround. Tiga opsi dalam urutan preferensi:
Place sebagai SVG (InDesign 2024+) — dukungan langsung lewat File → Place. QR di-import sebagai frame grafis vektor, bisa diubah ukuran tanpa kehilangan kualitas. Ini default modern.
Place sebagai PDF — kalau tool ekspor SVG Anda juga menawarkan PDF (MakeQR iya), ekspor QR sebagai PDF satu halaman. InDesign menempatkan PDF secara native di semua versi. Kualitas identik dengan SVG karena keduanya format vektor.
Copy-paste dari Illustrator — buka SVG di Illustrator, salin grup, tempel ke InDesign. Bekerja bahkan dengan build InDesign lama. Sedikit lebih banyak langkah, tapi andal.
Apa pun path-nya, cek panel preflight sebelum mengekspor dokumen InDesign final ke press. Konfirmasi QR adalah vektor (bukan raster tersemat), di mode warna benar (CMYK untuk kebanyakan cetak komersial), dan dengan minimal 4 mm quiet zone di semua sisi.
Ukuran cetak aman untuk SVG QR
Karena SVG berskala tak terbatas, kendala praktis adalah ukuran yang bisa dibaca kamera pada jarak pandang tipikal. Panduan kasar diuji terhadap telepon Android mid-range 2024:
- Kartu nama — 20 × 20 mm, quiet zone 4 mm, di dalam kartu standar 90×55mm. Terbaca pada jarak pandang 20 cm.
- Kartu meja / flyer — 30 × 30 mm, quiet zone 6 mm. Terbaca pada 40 cm.
- Poster / signage — 80 × 80 mm, quiet zone 16 mm. Terbaca pada 1,5 m.
- Banner pameran dagang — 200 × 200 mm, quiet zone 40 mm. Terbaca pada 3 m.
- Baliho — ukuran berskala kira-kira 10:1 dengan jarak pandang. QR 50 cm terbaca pada 5 m.
Aturan jempol: jarak pandang dalam meter dikali 10 memberi panjang sisi QR minimum dalam milimeter. SVG memungkinkan Anda mencapai ukuran-ukuran ini dari file sumber yang sama tanpa regenerasi.
FAQ
T. Apakah QR code SVG lebih baik daripada PNG?
J. Untuk penggunaan cetak apa pun, ya. SVG menyimpan kode sebagai bentuk matematis daripada piksel, jadi tetap tajam pada ukuran apa saja — kartu nama atau banner 3 meter berasal dari file yang sama. Untuk penggunaan web di mana QR muncul pada ukuran tetap, PNG baik-baik saja dan sering lebih cepat memuat. Pemisahan cetak-vs-layar adalah keputusan inti.
T. Bisakah saya mengedit QR code SVG di Illustrator atau Figma?
J. Bisa. SVG adalah format vektor native, jadi Illustrator, Figma, Sketch, dan Affinity Designer semua meng-import-nya langsung. Edit paling umum adalah recoloring (ubah fill grup modul) dan menambah background atau frame. Hindari mengedit modul individu — menghapus atau membentuk ulang mereka merusak pola error-correction dan bisa merusak pemindaian.
T. Apakah QR code SVG gratis lebih rendah kualitasnya daripada yang berbayar?
J. Tidak. Spesifikasi QR terbuka (ISO/IEC 18004) dan deterministik — URL input yang sama menghasilkan kode valid yang sama terlepas tool mana yang menghasilkannya. SVG gratis dari MakeQR atau QRCode Monkey setara bit-demi-bit dengan SVG dari tool $49 per bulan pada konten dan level error-correction yang sama. Tier berbayar menjual analytics dan redirect dinamis, bukan kualitas kode.
T. Mengapa QR code saya terlihat pikselisasi saat dicetak?
J. Hampir selalu karena sumbernya PNG yang di-skala ke atas di luar resolusi native-nya. PNG 500 piksel yang direntangkan ke cetak 20 cm menunjukkan tepi piksel terlihat di sekitar setiap modul QR. Perbaikannya adalah mengulang generate sebagai SVG dan memakai file vektor untuk cetak. Kalau tukang cetak hanya menerima raster, ekspor SVG ke PNG resolusi tinggi (minimal 1200 DPI pada ukuran final) alih-alih meregangkan file lebih kecil.
Panduan terkait
- Cara Menambah Logo ke QR Code (Gratis, Tanpa Daftar) — sematkan brand Anda di SVG tanpa merusak reliabilitas scan.
- Generator QR Code Gratis Tanpa Watermark — Daftar Jujur 2026 — setara SVG dari audit watermark.
- QR Code Statis vs Dinamis — Mana yang Benar-Benar Anda Butuhkan — membantu memutuskan apakah Anda butuh tier berbayar untuk tracking di luar ekspor SVG.
- Editor MakeQR — buat SVG sekarang juga, tanpa akun.
Siap membuat kode QR Anda?
Coba MakeQR gratis — tanpa pendaftaran, tanpa watermark.
Buat Kode QR Gratis