Logolu QR Kod Nasıl Oluşturulur (Adım Adım + 12 Tasarım İpucu)

Hızlı Cevap

Logolu bir QR kod oluşturmak için, Seviye H hata düzeltmede gömülü logo yerleşimini destekleyen bir QR kod oluşturucu kullanın, şeffaf-arkaplanlı PNG veya kare bir logoyu matrisin merkezine en fazla %30 kapsamayla bırakın ve basmadan önce sonucu en az üç gerçek telefonda test edin. Tüm süreç QRbug, Adobe Express veya herhangi bir modern QR kod creator'ında 90 saniye sürer.

Çoğu ekibin düştüğü tuzak: varsayılan hata düzeltmeli bir koda çok büyük veya çok detaylı bir logo bırakmak — bu, kullanıcıların ~%20'si için sessizce tarama güvenilirliğini bozar. Bu rehber markalı QR kodları taranabilir tutmak için kullandığımız 12 tasarım kuralını ve büyük oluşturucularda adım adım kurulumu ele alır.

Logo gömmek neden gerekli?

Sektör verisiyle desteklenen iki neden:

1. Tarama oranı artar. 18.000 kod üzerinde 2025 Scanova çalışması, markalı QR kodların (logolu) özdeş yerleşimde düz siyah-beyaz kodlardan %26 daha yüksek tarama oranına sahip olduğunu buldu. Kullanıcılar markayı tanır, güvenir ve niyetle tarar.

2. Marka hatırlanırlığı. Logolu bir QR kod, taramadan önce bile bir marka izlenimidir. Kullanıcılar yılda yüzlerce QR görür; logolu olanlar sizinki olarak kayıt olur.

Maliyet: tarama güvenilirliğinde hafif bir düşüş (hata düzeltmesiyle dengelenir) artı 30 saniyelik tasarım çalışması.

Gömülü logolar teknik olarak nasıl çalışır

Bir QR kod modüllerinin bir kısmını hata düzeltme için ayırır — Reed–Solomon kodlaması, tarayıcının matrisin tanımlı bir yüzdesine kadar eksik veya hasarlı veriyi yeniden inşa etmesine izin verir:

Bir logo gömdüğünüzde, altındaki modülleri kapatırsınız (ve etkin olarak yok edersiniz). Hata düzeltmesi, kapatılan alanı yeniden inşa edecek kadar yüksek olmalıdır. Seviye H %30'a kadar kapsama tolere eder; %30 altında tarayıcılar kurtarabilir. %30 üstünde tarama güvenilirliği uçurumdan düşer.

Matematik doğrusal değildir. Seviye H'de %25 logo kapsamasında tarama güvenilirliği %95'in üstünde kalır. %35'te %80'in altına düşer. %40'ta %60'ın altına. Logo %35'te ne kadar iyi görünürse görünsün %30'u geçmeyin.

Taranan logo-gömülü QR kod için 12 kural

Bunlar her müşteri logo gömmesinde uyguladığımız kurallar. 12'sine de uyun, tarama hataları yaşamazsınız.

1. Logoyu eklemeden önce hata düzeltmeyi H'ye ayarlayın

Çoğu oluşturucu varsayılan olarak M'dir. M yalnızca %15 kapsamayı tolere eder; %30'a ulaşmak için H'ye ihtiyacınız var. Önce değiştirin, sonra logoyu ekleyin.

2. Logo kapsamını matrisin %30'unda sınırlayın

Oluşturucunuzdaki görsel cetveli kullanın. Logo, QR kodun merkezdeki 1/3'üne sığmalı, dışarı taşmamalı.

3. Logoyu tam ortaya yerleştirin

Merkezden kayık logolar, bulucu kareyle (üç büyük köşe) örtüşme ihtimalini artırır — tarayıcı bunlarda hata düzeltme yapamaz. Her zaman ortalayın.

4. Geniş dikdörtgen değil, kare veya dairesel logo kullanın

Geniş bir logo yatay modülleri orantısız yer. Kare veya dairesel logolar kapsama bütçesinde daha verimlidir.

5. Logonun çevresine beyaz (veya arka plan renkli) padding halkası ekleyin

Çoğu oluşturucu bunu otomatik yapar. Padding, tarayıcıya logo ile matris arasında temiz bir sınır verir, tanımayı iyileştirir.

6. Şeffaf arka plan kullanmayın — sabit renk seçin

Şeffaf logolar QR matrisin sızmasına izin verir, yoğun, taranması zor bir merkez yaratır. Sabit renk kullanın (beyaz, marka rengi veya eşleşen arka plan).

7. Yüksek kontrastlı logolar seçin

Açık mavi arka plan üzerine soluk gri bir logo iyi görünebilir ama arka plan sızarsa tarayıcı için kontrast sunmaz. Yüksek kontrastlı logolar temiz bir şekil olarak okunur.

8. 600×600'de değil, gerçek baskı boyutunda test edin

Ekranda 600×600 px'te iyi görünen bir logo, gerçek 25mm baskı boyutunda matrise hâkim olabilir. Onaydan önce QR'ı son hedef boyutta render edin.

9. Üç gerçek telefonda test edin — eski + yeni, iOS + Android

iPhone 15'in tarayıcısı iPhone 8 veya 4 yıllık bir Android'inkinden çok daha bağışlayıcıdır. Üç test cihazından biri başarısız olursa logo boyutunu %5 düşürün.

10. Logoyu monokrom veya iki renkli tutun

Gradyanlı çok renkli bir logo, tarayıcının filtrelemesi gereken gürültü ekler. En temiz logo gömmeleri düz, 1–2 renkli şekillerdir.

11. İnce çizgili veya ince detaylı logolardan kaçının

Basılı boyutta 4 piksel altındaki detay zaten kaybolur. Logonuzun basitleştirilmiş versiyonunu (favicon versiyonu) QR gömme için kullanın.

12. Her baskıdan sonra yeniden test edin

Baskı kalitesi matbaalar arasında değişir. Dijital provada %99 güvenilirlikle taranan bir logo, ucuz gazete kağıdında %85'e düşebilir. Her zaman gerçek fiziksel baskıyı test edin.

QRbug'da adım adım

Baştan sona 90 saniye:

1. qrbug.com'a gidin.
2. URL tipini seçin. Hedefinizi yapıştırın.
3. Özelleştir → Hata düzeltme → H'ye ayarlayın.
4. Logo → PNG veya SVG'nizi yükleyin. Önerilen: kare, 200×200 px veya 1:1 SVG, şeffaf veya beyaz arka plan.
5. Logo boyut kaydırıcısını ~%25'e ayarlayın (%30 altında kalın).
6. Nokta rengi ve göz rengi için marka renkleri seçin. Arka plana karşı ≥%4,5:1 kontrastı doğrulayın.
7. SVG İndir'e tıklayın. (Baskı için SVG, ekran için PNG.)
8. Üç telefondan tarayarak dosyayı test edin.

Herhangi bir telefon başarısız olursa hata düzeltmeyi yükseltmek (zaten H'de) imkânsız — yerine logo boyutunu %22'ye düşürün, kontrastı artırın veya logoyu basitleştirin.

Adobe Express'te adım adım

Hafifçe daha fazla tasarım kontrolü, benzer iş akışı:

1. Yeni QR kod projesi. URL tipini seçin, hedefi yapıştırın.
2. Tasarım panelini açın. EC seviyesini H'ye ayarlayın.
3. + Öğe ekle → logonuzu yükleyin. Ortaya sürükleyin. QR'ın ~%25'ine boyutlandırın.
4. Ön plan rengini ayarlamak için Adobe'nin renk seçicisini kullanın. Arka plan varsayılan olarak beyaz.
5. Baskı için SVG (1200×1200) olarak dışa aktarın.

Adobe Express'in logo yerleşim kontrolleri biraz daha sıkı ama dinamik yönlendirmeden yoksun (yalnızca-statik bir oluşturucu). Tek seferlik markalı kodlar için uygun; analitik gerektiren kampanyalar için değil.

qr-code-styling kütüphanesi ile adım adım (geliştiriciler)

Programatik üretim için:

import QRCodeStyling from 'qr-code-styling'

const qr = new QRCodeStyling({
  width: 600,
  height: 600,
  type: 'svg',
  data: 'https://example.com',
  image: '/path/to/logo.png',
  qrOptions: {
    errorCorrectionLevel: 'H',
  },
  imageOptions: {
    hideBackgroundDots: true,
    imageSize: 0.3,           // %30 kapsama sınırı
    margin: 4,                // padding halkası
    crossOrigin: 'anonymous',
  },
  dotsOptions: {
    color: '#1d4ed8',
    type: 'rounded',
  },
  cornersSquareOptions: {
    color: '#1d4ed8',
    type: 'extra-rounded',
  },
  backgroundOptions: {
    color: '#ffffff',
  },
})

await qr.toFile('output.svg')

imageSize: 0.3 logo kapsama sınırıdır — asla 0.3'ün üstüne çıkarmayın. hideBackgroundDots: true logonun altındaki noktaları kaldırır, tarayıcıya daha temiz kenarlar verir.

Yaygın hatalar

Logo çok büyük

En yaygın başarısızlık modu. %35 logo ekranda iyi görünür ama eski telefonlarda tarama güvenilirliğini bozar. %30 ve altında kalın.

Yanlış hata düzeltme seviyesi

Varsayılan Seviye M %15 kurtarma sağlar. Seviye M üzerinde %30 logo, nüfusun yarısı için okunamaz. Her zaman önce H'ye geçin.

Gradyanlı çok renkli logo

Tarayıcının eşik algoritması hangi piksellerin "modül" hangi piksellerin "logo" olduğuna karar vermek zorunda. Gradyanlar onu şaşırtır. Yalnızca düz renkler.

Logonun bulucu karelerin üstünde olması

Üç büyük köşe karesi tarayıcıların yön bulduğu yerdir. Logo bunlardan herhangi biriyle örtüşürse, tarayıcı kilitlenemez, hata düzeltme olsa da olmasa da. Logoyu köşelerden uzakta ortalayın.

Baskı testini atlamak

Dijitalde %100 taranan logolar gazete kağıdı veya tuvalde %60'ta başarısız olur. Baskı medyumu mürekkebi emer ve kenarları yumuşatır; ikisi de kontrastı azaltır. Gerçek malzemede test edin.

Uzun bir kampanya için statik QR'a logo gömmek

URL'yi sonradan güncellemeniz gerekirse, tüm markalı kodu yeniden basmanız gerekir. Herhangi bir kampanya QR'ı için dinamik kullanın — bkz. dinamik QR kodlar açıklandı.

QR amacına göre logo boyut rehberi

Bunlar muhafazakâr önerilerdir. Kontrollü koşullarda daha yükseğe itebilirsiniz, ama %5 güvenlik marjı, biri kötü açıdan ilk tarama yaptığında kendini öder.

Logo gömmemek gereken durumlar

Düz QR kodun daha iyi olduğu üç durum:

1. Tarama-kritik ortamlar. Farmasötik ambalaj, tıbbi cihazlar, ödeme QR'ları — tarama hatasının gerçek maliyeti olduğu her yer. Logoyu atlayın, güvenilirliği önceleyin.

2. Çok küçük baskı boyutları. 15mm × 15mm altında, küçük bir logo bile matrisin çok fazlasını yer. Yalnızca düz kod.

3. Yüksek yoğunluklu veri yükleri. 500+ karakter kodlayan QR zaten taranabilirlik sınırındadır. Üzerine logo eklemek marjı daha da azaltır.

Diğer her şey için — pazarlama kampanyaları, restoran menüleri, etkinlik tabelaları — iyi boyutlandırılmış bir logo, ücretsiz %26 tarama oranı artışıdır.

SSS

Bir QR kod için maksimum logo boyutu nedir?

Seviye H hata düzeltmede matris alanının %30'u. %30 üstünde tarama güvenilirliği keskin düşer. %25 altı eski telefonlar için güvenli bölgedir.

Logolu QR kodum neden taranmıyor?

En yaygın nedenler sırayla: hata düzeltme H yerine M'ye ayarlanmış; logo %30 kapsamayı aşıyor; logo merkezden çok kayık ve bir bulucu kareyle örtüşüyor; noktalarla arka plan arasında yetersiz kontrast; veya basılı boyut 2cm × 2cm altında.

QR koda herhangi bir logo koyabilir miyim?

Evet, boyut ve kapsama kurallarına uyduğu sürece. Kare, monokrom, basit logolar en iyi çalışır. Geniş dikdörtgenler, çok renkli gradyanlar ve detay-yoğun logolar en kötü çalışır.

Logo eklemek kodu fark edilmesi daha kolay yapar mı?

Evet — yayınlanmış çalışmalar (Scanova 2025) markalı kodlar için düz olanlara karşı %26 daha yüksek tarama oranı gösterir. Kullanıcılar markayı tanır ve güvenir, niyetle tarar.

Logolar için özel bir QR kod oluşturucusu gerekir mi?

Çoğu modern oluşturucu kutudan çıkar çıkmaz logoları destekler. Kontrol edilecek özellikler: hata düzeltme seviyesi seçilebilir (H'yi içermeli), logo boyut kaydırıcısı, otomatik arka plan-noktası kaldırma ve SVG dışa aktarım. Tam değerlendirme çerçevesini eksiksiz oluşturucu rehberinde ele aldık.

Favicon'umu QR logosu olarak kullanabilir miyim?

Evet ve genellikle en iyi seçimdir. Favicon'lar marka logosunun basitleştirilmiş versiyonlarıdır, küçük boyutlarda okumak için tasarlanmıştır — QR-gömülü logonun sahip olduğu aynı kısıtlama. Favicon'u şeffaf arka planlı 200×200 px PNG olarak yeniden dışa aktarın, yerleştirin.

"Logolu QR kod" ile "markalı QR kod" arasında fark nedir?

İşlevsel olarak aynı — her ikisi de gömülü logo ve (genellikle) marka renkli noktalar içeren QR kodu ifade eder. "Markalı QR kod" bazen kodun etrafında özel bir çerçeveyi de ima eder, bu başka bir görsel katman ekler ama matrisi değiştirmez.

Bir logo, bir kuralın bedeliyle genel bir QR kodu marka izlenimine dönüştürür: Seviye H'de %30 kapsama altında kalın. Bunu izleyin, geri kalan kurallar taktiksel hale gelir.

Manuel kurulumu atlamak istiyorsanız, QRbug'un markalı QR builder'ı bir logo yüklediğinizde otomatik olarak Seviye H + %30 sınır + merkez yerleşim uygular.