Pembuat Kode QR Bergaya Gratis

Tentang kode QR

Kode QR (Quick Response) adalah barcode 2D yang dapat dipindai oleh smartphone dan pembaca khusus. Mereka mengenkode teks, URL, informasi kontak, kredensial WiFi, dan lainnya. Generator ini membuat kode QR yang distilisasi dengan warna dan ukuran yang dapat dikustomisasi yang cocok untuk pemasaran, kemasan, dan penggunaan digital.

Tingkat koreksi kesalahan

• L (7%) · pemulihan dasar, berfungsi saat kode sebagian besar utuh
• M (15%) · standar, perlindungan seimbang (direkomendasikan)
• Q (25%) · pemulihan tinggi untuk kode yang rusak
• H (30%) · pemulihan maksimum untuk kode yang sangat rusak

Pertanyaan umum

Bisakah saya menggunakan warna kustom dalam kode QR?

Ya! Sebagian besar pemindai QR modern menangani warna dengan baik. Pastikan kontras tinggi antara latar depan dan latar belakang untuk pembacaan yang andal. Uji dengan pemindai target Anda.

Ukuran apa yang harus saya gunakan?

Kode QR yang lebih besar dibaca lebih cepat dan lebih andal. Gunakan setidaknya 100×100 px. Untuk pencetakan, gunakan 300 px atau lebih untuk aplikasi cetak kecil.

PNG atau SVG · format mana yang terbaik?

Gunakan SVG untuk vektor yang dapat diskalakan (web, penskalaan untuk pencetakan). Gunakan PNG untuk gambar raster (tampilan web, berbagi cepat). Keduanya berfungsi sama baiknya untuk pembacaan.

Apa yang sebenarnya dilakukan styler ini, dan ke mana bidang yang lebih luas pergi

Halaman ini mengekspos set kontrol styling yang sengaja kecil: pilih warna depan (gelap), warna latar belakang (terang), ukuran output antara 100 dan 1000 piksel, dan tingkat koreksi kesalahan (L / M / Q / H). Kemudian merender kode QR standar dengan pengaturan tersebut, sepenuhnya di browser Anda, dan menawarkan unduhan PNG dan SVG. Tidak ada penyematan logo, tidak ada bentuk modul yang dibulatkan, tidak ada varian finder-pattern dekoratif. Fitur-fitur ini ada di ekosistem QR-styled yang lebih luas dan dijelaskan di bawah, itulah yang ingin dipahami oleh sebagian besar orang yang belajar tentang "kode QR yang dirancang gaya", tetapi alat yang hati-hati jujur tentang apa yang dikirimkannya.

Mengapa styling berfungsi sama sekali, headroom koreksi-kesalahan

Kode QR menggunakan koreksi kesalahan Reed-Solomon (diperkenalkan oleh Irving S. Reed dan Gustave Solomon pada 1960, skema pengkodean yang sama yang memungkinkan CD diputar melalui noda sidik jari dan probe Voyager menelepon pulang dari luar angkasa antar-bintang). Kode dikodekan secara berlebihan sehingga persentase modul dapat hilang atau salah dibaca dan data asli masih dapat dipulihkan. Empat tingkat standar, dalam kata-kata Denso Wave sendiri:

• Level L (Low), sekitar 7% codeword dapat dipulihkan.
• Level M (Medium), sekitar 15%. "Paling sering dipilih."
• Level Q (Quartile), sekitar 25%.
• Level H (High), sekitar 30%.

Panduan resmi Denso Wave: "Level Q atau H dapat dipilih untuk lingkungan pabrik di mana QR Code menjadi kotor" dan "Level L dapat dipilih untuk lingkungan bersih dengan jumlah besar data." Pilih tingkat terendah yang bertahan dari kondisi pemindaian dunia nyata Anda, karena setiap langkah dari L ke H membuat kode lebih padat (lebih banyak modul per sisi) untuk payload yang sama.

Untuk styling, hubungannya langsung: lebih banyak headroom koreksi-kesalahan sama dengan lebih banyak kebebasan visual tanpa memutuskan pemindaian. Logo, modul yang diwarnai ulang, bentuk modul yang dibulatkan, bahkan tinta warna lembut dari latar belakang yang seharusnya terang, masing-masing mengkonsumsi sebagian dari anggaran. Tambahkan terlalu banyak dan decoder Reed-Solomon pemindai kehabisan koreksi. Resep praktis yang diikuti sebagian besar generator styling: jika Anda menambahkan logo atau styling "designer" apa pun, naikkan ke Level H, dan bahkan kemudian uji pada beberapa perangkat sebelum mencetak dalam skala.

Varian bentuk modul/titik

Kode QR standar dalam spesifikasi menggunakan modul persegi tanpa pembulatan. Pustaka styling modern, dan ekosistem QR-styled yang lebih luas, biasanya mengekspos satu set tetap opsi bentuk modul yang dinamai. Kosakata de-facto, didirikan oleh pustaka qr-code-styling Denys Kozak dan sekarang disalin oleh sejumlah generator:

• square, default, identik dengan simbol referensi ISO/IEC 18004. Keandalan pemindai maksimum.
• rounded, modul persegi dengan sudut yang dibulatkan. Sedikit kehilangan kontras di sudut tetapi secara visual lebih lembut.
• dots, titik bulat sepenuhnya tanpa penggabungan modul. Tampilan "desain" terkuat, biaya margin decoding paling banyak.
• classy, modul dengan satu sudut yang dibulatkan, dirancang untuk terlihat seperti chevron yang mengalir ketika modul gelap yang berdekatan sejajar.
• classy-rounded, bentuk classy dengan kurva yang lebih berat.
• extra-rounded, persegi dengan radius sudut maksimum, hanya kurang dari menjadi melingkar.

Pustaka memperlakukan modul-modul yang berdekatan dengan warna yang sama sebagai gumpalan yang terhubung sebelum menerapkan bentuk, itulah sebabnya rounded dan classy memberikan goresan mengalir yang berkelanjutan daripada setiap modul terlihat terisolasi. Pemindai membaca pusat modul, jadi selama kontras centroid-ke-centroid bertahan, kamera senang. Alat ini saat ini hanya mengekspos modul persegi standar, bentuk-bentuk lain ini memerlukan pustaka rendering yang berbeda untuk mendukung.

Varian mata / finder-pattern

Setiap kode QR memiliki tiga "mata", pola berbentuk mata-banteng besar di sudut kiri atas, kanan atas, dan kiri bawah. Pola finder ini memiliki rasio modul tetap 1:1:3:1:1, proporsi internal yang dianalisis tim Masahiro Hara terhadap materi cetakan saat itu untuk menemukan urutan yang hampir tidak pernah terjadi secara kebetulan, sehingga pemindai dapat menemukannya dengan cepat.

Setiap pola finder sebenarnya terdiri dari dua bagian: persegi sudut luar (cincin modul 7×7 dengan cincin dalam 5×5 dari warna terbalik) dan titik sudut (pusat solid 3×3). Pustaka styling memperlakukan kedua bagian ini sebagai dapat disesuaikan secara independen, itulah sebabnya Anda akan melihat kontrol "frame" dan "ball" terpisah di alat seperti QRCode Monkey dan QR TIGER. Keduanya dapat mengambil salah satu opsi bentuk yang sama dengan modul data: square, dot, rounded, extra-rounded, classy, classy-rounded.

Peringatan scannability untuk styling mata: pola finder adalah cara pemindai menemukan kode di tempat pertama. Mendistorsi mereka terlalu agresif (mis. titik kecil di mana persegi solid harus ada) dapat membuat kamera gagal mengunci, terutama pada jarak atau pada sudut. Aturan aman: pertahankan setidaknya cincin persegi-sudut luar sebagai bentuk tertutup berkelanjutan (square, rounded, extra-rounded, bukan "dots"), dan Anda bisa lebih berani dengan titik dalam.

Logo yang disematkan

Ini adalah fitur styling QR yang paling diminta pada 2026. Mekanismenya brutal sederhana: kode QR dihasilkan seperti biasa, kemudian gambar logo (PNG, JPEG, SVG) digambar di atas tengah, menggantikan beberapa modul data. Koreksi kesalahan Reed-Solomon kemudian "mengisi" modul yang dikaburkan pada waktu pemindaian. Batas praktis:

• Selalu gunakan koreksi kesalahan Level H (30%) saat menyematkan logo.
• Pertahankan cakupan logo pada 20-25% dari area modul total (bukan area visual termasuk zona tenang). Di atas ~25% Anda mengganggu margin pemulihan yang diperlukan untuk menyerap noise pemindaian dunia nyata. Di atas 30% Anda hampir dijamin gagal pada pemindai yang lebih murah dan pada jarak.
• Pusatkan logo. Sudut-sudut menjadi tuan rumah pola finder dan (pada kode yang lebih besar) pola pengaturan waktu dan pola penyelarasan; mengaburkan itu adalah cara cepat untuk memecahkan kode sepenuhnya.
• Jika logo memiliki warna apa pun yang dekat dengan latar belakang, berikan "plakat" buram di belakangnya sehingga pemindai tidak bingung di tepi.
• Selalu uji setidaknya pada satu iPhone, satu Android kelas menengah, dan satu aplikasi pemindai khusus sebelum mencetak dalam skala.

Alat ini tidak menyematkan logo. Ini adalah pilihan cakupan yang disengaja, overlay logo memerlukan model interaksi yang hati-hati (unggah, posisi, transparansi, kunci EC-level) yang tidak cocok untuk alat "warna + ukuran". Untuk alur kerja QR-dengan-logo, lihat QR Code Generator terkait.

Kustomisasi warna, apa yang aman dan apa yang tidak

Warna adalah satu-satunya tuas styling yang sebenarnya diekspos oleh alat ini, jadi bagian ini paling langsung relevan. Aturan pertama: kontras. Pemindai QR melihat setiap modul dan memutuskan "gelap atau terang?", dan semakin besar celah antara keduanya, semakin cepat dan lebih andal ia memutuskan. Nomor kerja yang banyak dikutip untuk kode QR secara spesifik adalah rasio kontras setidaknya 4:1 antara latar depan dan latar belakang, dengan 4,5:1 atau lebih tinggi lebih disukai untuk keandalan dunia nyata. Panduan umum WCAG 2.x tentang grafik non-teks (kriteria 1.4.11) menetapkan minimum 3:1; kode QR perlu melewati batas itu dengan margin yang nyaman karena kamera tidak memiliki penalaran kontekstual manusia untuk diandalkan.

• Dapat diandalkan: navy gelap, hijau gelap, ungu gelap, charcoal, hitam di atas putih, gading atau nada pucat sangat.
• Secara visual bagus tetapi sering tidak dapat dipindai: merah nada-tengah pada hijau nada-tengah, "palet merek teredam" pada latar belakang yang teredam, pastel-pada-pastel.
• Merah murni sebagai latar depan adalah mode kegagalan lama yang patut disebut. Banyak pemindai CCD lama menggunakan LED penerangan merah, yang membuat merah terlihat sama seperti putih ke sensor. Kamera smartphone modern baik-baik saja, tetapi jika QR Anda akan dipindai oleh pembaca industri, hindari latar depan merah.

Aturan kedua: jangan membalik. Kode QR, menurut spesifikasi, adalah modul gelap pada latar belakang terang. Kode QR terang-pada-gelap ("terbalik") secara teknis valid dan pemindai paling cerdas (iOS Camera modern, Google Lens terbaru) dapat membaliknya dan membacanya, tetapi sebagian besar telepon di lapangan tidak dapat. Aplikasi kamera Android lama, aplikasi pemindai pihak ketiga, dan hampir semua pemindai barcode khusus mengasumsikan gelap-pada-terang dan akan gagal pada kebalikannya. Pola yang direkomendasikan ketika Anda memiliki latar belakang merek gelap dan ingin menempatkan QR di atasnya: jangan membalik, sebagai gantinya tempatkan QR standar gelap-pada-terang di dalam "plakat" terang atau kotak berbingkai yang kontras pada permukaan gelap.

Aturan ketiga: gradien dan modul multi-warna menghabiskan margin decoding. Pustaka styling mendukung gradien linier dan radial pada modul gelap, latar belakang, dan bahkan mata secara independen, dan mereka terlihat luar biasa di layar. Tetapi setiap transisi warna halus membuat keputusan gelap/terang per-modul lebih sulit untuk pemindai, terutama dalam cahaya yang buruk. Gradien paling aman ketika gradien tetap dalam satu keluarga gelap (mis. navy yang memudar menjadi ungu tua, keduanya jelas "gelap") daripada melintasi melalui nada tengah. Alat ini saat ini hanya mengekspos warna solid, yang merupakan titik awal teraman.

PNG vs SVG, pilihan format output

PNG adalah format raster. Kode QR dirender ke grid piksel tetap. Pro: berfungsi di mana-mana, termasuk klien email yang lebih lama dan setiap permukaan tampilan gambar. Kontra: penskalaan di atas resolusi yang dirender menyebabkan keburaman dan aliasing di sepanjang tepi modul, yang dapat membahayakan kemampuan pemindaian pada cetakan besar. Untuk PNG 300px yang digunakan pada poster 600×600 mm, modul akan terlihat sangat lembut.

SVG (Scalable Vector Graphics) adalah format vektor. Kode QR dijelaskan sebagai satu set poligon dan renderer merasterisasi mereka pada resolusi apa pun yang diminta perangkat tampilan atau cetak. Pro: dapat diskalakan tanpa batas tanpa kehilangan kualitas; ukuran file sangat kecil (sering beberapa kB); dapat diedit di Illustrator, Affinity Designer, Inkscape; bekerja secara native di browser web modern. Aturan praktis: jika itu akan masuk ke layar, salah satu format baik-baik saja; jika itu akan dicetak, terutama pada skala apa pun di atas ukuran kartu pos, pilih SVG.

Hindari JPEG untuk kode QR. Artefak kompresi lossy JPEG berkumpul di sekitar tepi kontras tinggi, persis di mana setiap batas modul QR berada, dan bahkan pada pengaturan kualitas tinggi JPEG dapat memperkenalkan cukup keburaman tepi untuk memecahkan decoding pada pemindai yang lebih murah. PNG adalah pilihan raster yang tepat.

Persyaratan zona tenang (sering dilupakan)

ISO/IEC 18004 memerlukan zona tenang, margin latar belakang berwarna terang, setidaknya 4 modul lebar pada keempat sisi kode. Tanpa itu, pemindai dapat salah mengira tipe terdekat, perbatasan, atau citra latar belakang sebagai bagian dari kode dan baik gagal mendecode atau mendecode dengan salah. Dalam istilah praktis: jika modul tunggal lebarnya 2 mm pada kode yang dicetak, zona tenang perlu setidaknya 8 mm di setiap sisi. Unduhan PNG dan SVG alat ini menyertakan margin zona tenang standar di luar kotak. Banyak ekspor QR yang ramah-Instagram "yang dipangkas" melanggar aturan dan itu adalah penyebab utama frustrasi "mengapa kode saya tidak memindai?".

Sebuah catatan tentang kode QR pembayaran

Sebagian besar trafik kode QR dunia adalah untuk pembayaran, dan kode QR pembayaran ini bukan umum. Kode QR EMV (spesifikasi EMVCo, versi saat ini 1.1, terakhir diperbarui 27 November 2020) mengkodekan payload terstruktur ID merchant, jumlah transaksi, mata uang, MCC, kode negara, dan checksum CRC. Alipay dan WeChat Pay (Cina), UPI (India), PromptPay (Thailand), PayNow (Singapura), PIX (Brasil) mengikuti payload yang ditentukan oleh regulator. Mereka terlihat seperti kode QR biasa secara visual, tetapi aplikasi kamera umum sebenarnya tidak dapat membayar apa pun dengan mereka, payload harus dikeluarkan oleh platform pembayaran itu sendiri. Anda tidak dapat menghasilkan kode QR pembayaran yang berfungsi dengan alat ini, tidak peduli seberapa autentik styling visualnya. Gunakan dashboard merchant pemroses pembayaran Anda.

Ledakan QR bermerek pasca-2020, mengapa ini penting

Kode QR telah tersedia secara teknis di mana-mana sejak sekitar 2010, tetapi adopsi di Barat tetap dangkal hingga COVID-19 memaksa pivot tanpa kontak. Interaksi kode QR tumbuh 94% dari 2018 hingga 2020; unduhan yang diatribusikan ke pemindaian kode QR tumbuh 750% antara Q1 2020 dan Q4 2021. Kira-kira 89 juta pengguna smartphone AS memindai kode QR pada tahun 2022. Juniper Research memproyeksikan pembayaran kode QR akan melebihi $8 triliun dalam pengeluaran tahunan secara global pada 2029, naik dari $5,4 triliun pada 2025. Vendor QR bermerek QR TIGER mengklaim kode QR bergaya/bermerek mendapatkan hingga 70% lebih banyak pemindaian daripada kode hitam-putih biasa (perlakukan angka pasti sebagai klaim vendor, tetapi poin arah bahwa styling merek mendorong pemindaian secara luas dipegang).

Pada 2026, kode QR tidak lagi merupakan bagian dari infrastruktur utilitas aneh, itu adalah permukaan merek. Perusahaan ingin merasa on-brand dengan cara yang sama mereka menginginkan tipografi atau kemasan mereka on-brand. Itulah mengapa niat pencarian "styler" ada sama sekali dan mengapa alat yang bersaing semuanya berkumpul pada set kontrol dot/eye/colour/logo yang sama.

Pertanyaan lainnya

Bisakah saya membuat kode QR pembayaran (Alipay, WeChat Pay, UPI) dengan alat ini?

Tidak. Kode QR pembayaran dikeluarkan oleh platform pembayaran itu sendiri dan menyematkan payload yang ditandatangani kriptografis atau platform-spesifik yang tidak dapat dihasilkan oleh generator umum. Gunakan dashboard merchant pemroses pembayaran Anda atau integrasi resmi Alipay/WeChat/UPI untuk negara Anda.

Mengapa kode QR berwarna saya tidak memindai di beberapa telepon?

Hampir selalu masalah kontras. Targetkan setidaknya 4,5:1 kontras antara latar depan dan latar belakang; gunakan gelap-pada-terang (bukan terbalik); hindari merah murni sebagai latar depan jika Anda mungkin dipindai oleh pembaca industri. Jika Anda menyematkan logo di tempat lain, naikkan koreksi kesalahan ke Level H. Penyebab tunggal terbesar kegagalan pemindaian QR yang dirancang gaya adalah warna merek yang bermaksud baik yang terlihat hebat pada swatch Pantone tetapi memberikan kamera telepon terlalu sedikit untuk dikerjakan.

Bisakah saya menambahkan logo ke tengah kode QR saya di sini?

Tidak di alat ini, ia fokus pada warna dan ukuran. Overlay logo memerlukan model interaksi yang hati-hati (penanganan unggah, posisi, transparansi, kunci EC-level) yang tidak cocok untuk alur kerja "styling cepat" ini. Pola kanonik adalah merender QR di Level H, kemudian membuat logo Anda di pusat menggunakan editor gambar, mempertahankan cakupan di 20-25% area modul.

Berapa ukuran yang tepat untuk mencetak kode QR?

Aturan praktis: panjang tepi QR setidaknya seperempat dari jarak pemindaian yang diharapkan. QR yang dimaksudkan untuk dipindai dari jarak 1 m setidaknya harus 10 cm × 10 cm. Untuk QR layar TV yang dipindai melintasi ruang tamu, Anda menginginkannya besar; untuk QR kartu nama yang dipindai pada panjang lengan, 1,5-2 cm berfungsi. Selalu SVG untuk cetak, jangan pernah JPEG, dan jaga agar zona tenang 4 modul tetap utuh.

Alat terkait