· 3 mnt

QR dalam gambar atau grafis: integrasi dalam desain

Cara menyematkan kode QR di foto, poster atau grafis tanpa kehilangan kemampuan pemindaian. Latar, kontras, quiet zone.

QR di poster, flyer, kemasan, email HTML, presentasi. Semua mungkin — dengan tiga aturan.

Jawaban cepat

  • Quiet zone: ≥ 4 modul margin putih di sekitar QR.
  • Kontras: modul gelap pada latar terang. Minimal 3:1.
  • Format: SVG untuk skala, PNG transparan untuk overlay.
  • Jangan pernah QR pada pola kacau.

Quiet zone — batas tak tergoyahkan

Standar ISO mensyaratkan margin putih (atau terang) di sekitar QR. 4 modul = ~10% dari sisi QR.

Tanpa quiet zone banyak pemindai tidak mendeteksi kode sama sekali.

Kontras — aturan baja

Ideal: QR hitam pada latar putih. Diterima: QR warna pada latar terang dengan kontras ≥ 3:1. Tidak: QR terang pada gelap, kontras rendah.

Format berdasarkan penggunaan

Tujuan Format
Cetak SVG
Cetak kualitas tinggi PNG 300+ DPI
Web (HTML, email) SVG
Latar dengan QR PNG transparan
GIF/video animasi PNG tanpa latar, dilapis

Detail: PNG vs SVG.

QR di poster

Ukuran cm minimum tergantung jarak pemindaian:

Jarak Ukuran QR
30 cm 2 × 2 cm
1 m 4 × 4 cm
3 m 10 × 10 cm
10 m 30 × 30 cm

Aturan: ukuran = jarak / 10.

Detail: Ukuran minimum QR.

QR pada kemasan produk

  • Label matte lebih baik dari mengkilap.
  • ECL Q atau H untuk ketahanan kerusakan.
  • Jangan pernah di lipatan kemasan.

QR di mailing HTML

Sematkan sebagai PNG (bukan SVG — beberapa klien tidak menampilkan). Ratakan dengan konten lainnya.

QR dalam foto (misalnya poster iklan dengan foto)

Tiga teknik:

  1. Panel putih — QR dalam kotak terang yang dilapis.
  2. Buram area — di bawah QR foto diburamkan ke kontras rendah.
  3. Negatif — QR putih pada foto gelap (hanya berfungsi di beberapa pemindai — risiko).

Kesalahan desainer umum

Tidak ada quiet zone

"Lebih terlihat bagus tanpa margin". Pemindai berhenti melihat QR.

QR sebagai latar

Pola di seluruh permukaan dengan QR nyaris tak terlihat. Tidak.

Teks atau grafis di atas QR

Hanya logo terpusat. Jangan pernah konten lain di dalam kode.

QR terlalu kecil

Di bawah minimum tidak terpindai.

Warna + logo + koreksi rendah

Membuat QR stres dari tiga sisi. Pilih maksimal dua.

Uji produk langsung

Cetak prototipe dalam ukuran final. Pindai dengan 3 ponsel, dari 3 jarak, dalam 2 kondisi cahaya.

Detail logo: QR dengan logo.

Pertanyaan yang sering diajukan

QR transparan di foto? Hanya jika latar di bawah modul tetap cukup terang.

Bisa memutar QR? Ya. Pemindai membaca dalam rotasi apa pun berkat tiga mata.

QR tersembunyi dalam grafis? Tidak direkomendasikan. Kemampuan pemindaian menurun.

QR berwarna berfungsi? Ya — dengan mempertahankan kontras 3:1.

QR dengan sudut terpotong atau lingkaran? Non-standar. Beberapa pemindai akan menolak.

Ringkasan

Quiet zone, kontras, format — tiga pilar QR dalam desain. Sisanya estetika.

Buat QR dengan desain bagus gratis: qrcito.com

← Kembali ke blog