📱
Photo & Image/QR Code with Logo

QR Code with Logo

Create branded QR codes with a custom logo overlay. High error correction ensures scannability.

100% LOCALLogo overlayLevel H error correctionCustom colorsPNG + SVG
Saved Codes· Auto-save on
▾
A calculadoraPage 1
URLs should start with https:// for auto-opening
#000000
#ffffff
QR PREVIEW
Enter content and a QR code will be generated automatically.
Data Source & Legal Disclaimer
Effective: Current
Sources: ISO/IEC 18004 — QR Code Specification

QR codes are generated locally in your browser using the qrcode library. No data is uploaded. Error correction level H (30%) is used to ensure the QR remains scannable even with a logo overlay.

See all data sources & update policy →
Como funcionaPage 2

QR code anatomy and error correction — illustrated

A QR symbol (ISO/IEC 18004) is a square grid of modules — black and white cells — built around three large finder patterns in the corners that let a scanner detect orientation, plus timing patterns that anchor the module positions. The payload bytes are split into data codewords and redundant Reed–Solomon codewords, so a damaged or obscured symbol can be reconstructed. The standard defines four error-correction levels — L (7%), M (15%), Q (25%), and H (30%) of the symbol may be lost and still decode. This tool encodes at H specifically because the center logo overlay deliberately destroys modules; with 30% redundancy the scanner can rebuild exactly the area the logo covers. Higher correction shrinks capacity, so the encoder picks the smallest version that fits the payload at level H.

Finder patterns + Reed–Solomon redundancy vs. a center logo overlay
QR STRUCTURE · MODULE GRID◎21×21 grid · 3 finder patternscenter = logo overlay zoneERROR CORRECTION · ISO/IEC 18004L7%M15%Q25%H30%max % of symbol that can be lostReed–Solomon codewords rebuild lost modulesThis tool encodes at H — the center logo still scansHigher correction costs capacity: at H the same payload needs a larger version (more modules) than at L.

At level H, up to 30% of codewords can be erased — the logo placed at the core of the symbol sits safely inside that budget, so the code still scans on the first try.

Worked example

A cafe prints a table-tent QR linking to its weekly menu. The owner wants the shop's circular logo centered on the code without breaking scans.

  1. Payload:The URL https://thecafemenu.example/weekly is 34 characters and encodes in byte mode. At level H the encoder selects a Version 4 symbol (33×33 modules) — Version 3 only holds 24 bytes at level H, which is not enough.
  2. Redundancy:The byte stream is split into data codewords and Reed–Solomon codewords — 100 codewords total at Version 4 level H (36 data + 64 EC). Even with codewords erased by the logo, the scanner can reconstruct them.
  3. Overlay:The 25%-size circular logo covers roughly the central 9×9 module block. The generator pads the area with a background-colored box (15% margin) so the logo edges stay crisp against the modules.
  4. Verify:The finished 400 px PNG downloads and scans instantly on a phone camera from a normal arm reach — the 30% budget absorbs the logo plus minor print smudging.
FAQ e detalhesPage 3

Create branded QR codes with your logo in the center. Everything runs locally; nothing is uploaded.

FreeToolHub QR Code with Logo is a free browser-based tool — create branded QR codes with your logo in the center. No signup, no upload; everything runs locally in your browser.

Sobre esta ferramenta

O que é esta ferramenta?

Crie códigos QR personalizados com sua logo no centro. Exportação em PNG e SVG, tamanho e correção de erro ajustáveis. Grátis, sem cadastro.

Logo overlayLevel H error correctionCustom colorsPNG + SVG

O Que é o QR Code com Logo?

O gerador de QR Code com Logo produz códigos escaneáveis que carregam sua marca no centro. Digite qualquer URL ou texto, escolha cores de primeiro e segundo plano com visualizações hex, defina o tamanho de exportação de 200 a 1000 pixels e opcionalmente faça o upload de uma logo PNG ou SVG que é desenhada exatamente no centro do código sobre uma caixa de cor sólida correspondente à cor de fundo. Um controle deslizante de tamanho escala a marca de 10% a 35% da largura do código. A visualização é regenerada automaticamente cerca de 300 milissegundos após você parar de digitar, e os códigos finais são exportados como PNG ou como vetor SVG. A geração segue o padrão QR ISO/IEC 18004 via biblioteca de código aberto qrcode.

Quem Deve Usar Esta Ferramenta?

Pequenas empresas imprimem códigos personalizados em menus, folhetos, adesivos para janelas e cartões de visita onde um quadrado preto e branco simples parece genérico. Organizadores de eventos codificam detalhes de registro ou Wi-Fi e sobrepõem a logo da conferência para que os participantes reconheçam o código como oficial. Equipes de embalagem de produtos conectam rótulos a manuais do usuário ou verificações de autenticidade com a marca da empresa incorporada. Profissionais de marketing que executam campanhas impressas desejam cores de marca consistentes em vez dos módulos padrão. Restaurantes enviam convidados para páginas de avaliações ou sistemas de pedidos com a logo do local no meio. Quem já imprimiu códigos QR só para descobrir que a logo quebrou a escaneabilidade vai apreciar que esta ferramenta gera com correção de erro Nível H desde o início, especificamente para sobreviver a uma sobreposição.

Como Funciona?

(1) Digite a URL ou texto; URLs HTTPS são recomendadas porque abrem diretamente quando escaneadas, e a visualização se atualiza após um breve debounce sem pressionar nenhum botão. (2) Personalize cores, tamanho do canvas e logo opcional. O codificador constrói a matriz QR com correção de erro Nível H, que armazena cerca de 30% de dados redundantes, depois a rasteriza para um canvas. Quando uma logo está presente, o código desenha-a centralizada com uma caixa de preenchimento sólida na cor de fundo, dimensionada pelo controle deslizante de logo. (3) Baixe o resultado: PNG captura exatamente a visualização incluindo a logo, enquanto SVG re-codifica o código como marcação vetorial limpa para impressão em grande formato. Tudo funciona na aba do navegador.

Uma Sobreposição de Logo Quebrará a Escaneabilidade?

Não se você respeitar as margens que a ferramenta impõe. Códigos QR sobrevivem a danos através da correção de erro Reed-Solomon, e este gerador sempre usa Nível H, a classificação mais alta, que pode reconstruir a mensagem mesmo quando cerca de 30% dos módulos estão obscurecidos. O controle deslizante de logo atinge no máximo 35% da largura do código, e a marca fica exatamente no centro sobre a região central sem padrão de busca, com uma caixa de preenchimento impedindo que pixels detalhados da logo vazem para módulos próximos. O contraste é tão importante: mantenha cores de primeiro e segundo plano fortemente diferenciadas, já que códigos cinza-claro sobre branco falham independentemente do nível de correção. Teste qualquer código impresso com duas câmeras de telefone diferentes antes de uma grande tiragem; textura do papel e encolhimento de tamanho adicionam seu próprio ruído.

Perguntas frequentes

Sobrepor uma logo em um código QR quebra a escaneabilidade?

Não quando feito corretamente. Códigos QR carregam correção de erro Reed-Solomon, e no nível mais alto (H) eles sobrevivem até 30% de danos - que é o orçamento que uma logo central gasta. A logo deve permanecer dentro da área central, evitar os três quadrados de busca nos cantos e manter o código em densidade razoável. Este gerador aplica correção nível H por padrão, que é exatamente por que códigos QR com logo funcionam.

Que contraste de cor um código QR precisa para escanear?

Leitores escaneiam o padrão por contraste, não por cor: os módulos escuros devem ser significativamente mais escuros que os claros. Marinho escuro sobre branco é perfeito; cinza claro sobre branco não; e inverter (código claro sobre fundo escuro) falha em muitos leitores apesar de parecer elegante. Mantenha a própria logo fora da área de dados ou com alto contraste contra ela, e teste em um telefone real antes de imprimir.

Posso alterar a URL do site após imprimir o código QR?

Não - um código QR estático codifica o destino permanentemente em seu padrão; os pixels SÃO o link. Se a URL pode mudar, codifique um redirecionamento curto que você controla (seu domínio/qr/1 redirecionando para o destino real), para que uma edição futura seja um redirecionamento do lado do servidor em vez de uma nova impressão. O gerador codifica exatamente o texto que você digita - essa permanência é um recurso, não uma limitação, quando você sabe disso com antecedência.

Por que meu código QR funciona na tela mas não na impressão?

Três culpados usuais: tamanho de impressão abaixo de ~2 cm (telefones precisam de um tamanho mínimo de módulo para focar), espalhamento de tinta fechando as lacunas entre módulos (aumente a zona silenciosa ou use menos caracteres) ou o reflexo do papel brilhante anulando o contraste sob luz ambiente. Exporte em alta resolução, imprima a 3 cm ou mais para folhetos, e faça um teste de escaneamento real da peça impressa - não apenas da tela.

Quão grande pode ser minha logo sem quebrar a escaneabilidade do QR?

Códigos QR usam correção de erro Reed-Solomon. No nível mais alto (H), até 30% do código podem ser obscurecidos e ainda escanear de forma confiável. Mantenha sua logo central abaixo de 20% da área do QR para compatibilidade universal com leitores. Esta ferramenta aplica automaticamente nível de correção de erro H e mostra uma visualização de escaneabilidade antes da exportação.

Quais formatos e tamanhos de saída estão disponíveis?

Exporte como PNG (até 2048×2048px para impressão), SVG (escalável infinitamente para sinalização e embalagem) ou PDF. Personalize cores de primeiro/segundo plano, estilo de ponto (quadrado, arredondado, pontos) e forma do padrão de busca. Um código QR personalizado com sua logo aumenta as taxas de escaneamento em 20-40% em comparação com códigos genéricos preto e branco, conforme testes A/B da indústria.

How large can my logo be without breaking QR scannability?

QR codes use Reed-Solomon error correction. At the highest level (H), up to 30% of the code can be obscured and still scan reliably. Keep your center logo under 20% of the QR area for universal scanner compatibility. This tool auto-applies error correction level H and shows a scannability preview before export.

What output formats and sizes are available?

Export as PNG (up to 2048×2048px for print), SVG (infinitely scalable for signage and packaging), or PDF. Customize foreground/background colors, dot style (square, rounded, dots), and finder pattern shape. A branded QR code with your logo increases scan rates by 20-40% compared to generic black-and-white codes, per industry A/B tests.

Ferramentas relacionadas

Compartilhar:𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.