QR Code Personalizado com Logo: Como Criar Sem Quebrar o Código

Para criar um QR Code personalizado com logo, o logo deve ocupar no máximo 25% da área central do código. Acima disso, câmeras de celular mais antigas e apps de banco com leitura lenta começam a falhar. O gerador de QR Code do GeraCode já aplica esse limite automaticamente: você sobe a imagem do logo, o próprio gerador redimensiona para caber nos 25% e força o nível de correção de erro alto — sem precisar editar nada em outra ferramenta.

Pontos principais

- Logo no QR Code funciona se ocupar no máximo 25% da área central (limite de segurança do nível H de correção de erro)

- O GeraCode aplica esse limite e o nível H automaticamente ao subir o logo — direto no navegador, sem Canva

- GeraCode personaliza cor dos módulos e cor de fundo gratuitamente, sem cadastro

- Testar com câmera nativa do iPhone, Android e app de banco antes de qualquer impressão

- Para balcão, vitrine e cardápio: cor da marca resolve sem logo, com zero risco de código quebrado

Por que QR Code com logo pode quebrar

QR Codes têm redundância embutida. A especificação ISO 18004 define quatro níveis de correção de erro, que determinam quanto do código pode ser coberto ou danificado sem perder a leitura:

O logo cobre módulos (os quadradinhos do QR Code). Para o logo não quebrar a leitura, o gerador precisa usar nível H de correção de erro. Mesmo assim, o logo deve ocupar no máximo 25% da área total, não os 30% teóricos, porque na prática há variação entre leitores e condições de iluminação.

Fábio organizou uma feira de artesanato em Belo Horizonte em abril de 2026. Mandou imprimir 300 cartões com QR Code personalizado com o logo do evento no centro. Na hora da feira, os clientes escaneavam o código, mas um em cada quatro celulares não lia. A câmera do iPhone abria, tentava focar e desistia. O logo tinha sido redimensionado para 35% da área, passando o limite seguro. Fábio perdeu a tarde refazendo os cartões na gráfica local a custo extra.

A solução não é evitar logos. É respeitar a regra dos 25%.

Personalizar QR Code com as cores da sua marca (grátis)

Para a maioria dos lojistas, personalizar as cores já entrega identidade visual suficiente no balcão, cardápio ou vitrine. Sem logo, sem risco de código quebrado.

O gerador de QR Code do GeraCode tem três opções de personalização:

• Cor dos módulos: escolha a cor principal da sua marca para os quadradinhos escuros
• Cor de fundo: defina a cor de fundo (mantenha contraste alto)
• Tamanho: de 200 a 500px (baixe em SVG para impressão sem perda de qualidade em qualquer tamanho)

Atenção ao contraste: QR Code verde escuro sobre fundo branco funciona. QR Code amarelo sobre fundo branco, não. Mantenha contraste mínimo de 4:1 entre módulos e fundo. QR Code claro sobre fundo escuro funciona em alguns apps, mas falha em outros, prefira sempre escuro sobre claro.

Gere o seu QR Code personalizado agora com o gerador de QR Code grátis do GeraCode, sem cadastro, funciona direto no navegador.

Como adicionar logo no QR Code direto no GeraCode

O gerador de QR Code do GeraCode tem upload de logo nativo — nenhuma outra ferramenta é necessária:

1. Acesse o gerador de QR Code
2. Cole o link ou texto que o QR Code vai abrir
3. Defina as cores da sua marca, se quiser
4. No campo "Logo no centro", envie o arquivo (PNG, JPEG ou SVG, até 2MB)
5. O gerador centraliza o logo, aplica a chapa branca de contraste ao redor dele, limita o tamanho a 25% da área do QR e ativa automaticamente a correção de erro nível H — os três ajustes que este guia explica manualmente logo abaixo
6. Baixe em PNG, SVG ou PDF, já com o logo embutido

Tudo acontece no navegador: o logo nunca é enviado para nenhum servidor.

Teste antes de qualquer impressão

Este passo não é opcional, mesmo com o limite automático. Abra o QR Code nos seguintes dispositivos e confirme que todos leem corretamente:

• Câmera nativa do iPhone (versão mais antiga que você tiver acesso)
• Câmera nativa de um Android (Samsung ou Motorola)
• App de banco brasileiro (Nubank, Itaú, Bradesco ou outro)

Se o conteúdo do QR Code for muito longo (link muito grande, por exemplo), o gerador avisa que o texto precisa ser reduzido — o nível H de correção de erro tem menos espaço para dados do que os níveis mais baixos.

Alternativa manual (Canva ou outro editor)

Se preferir compor a imagem você mesmo — por exemplo, para aplicar efeitos que o gerador não oferece — baixe o QR Code em SVG no GeraCode sem logo, abra num editor como Canva, e posicione o logo respeitando manualmente o limite de 25% da área central e o contraste mínimo. É mais trabalho e mais fácil de errar a medida; use o upload direto no GeraCode sempre que possível.

Quando a cor basta (e o logo não é necessário)

Tatiana tem uma confeitaria em Recife. Ela queria o logo da confeitaria no QR Code do cardápio. Depois de duas tentativas no Canva com o logo quebrando a leitura em celulares com câmera ruim, ela desistiu do logo e simplesmente usou o gerador do GeraCode com a cor rosa-escuro da marca nos módulos e fundo branco. O resultado ficou consistente com a identidade visual e nenhum cliente teve problema para escanear desde então.

Situações onde as cores da marca resolvem sem logo:

• QR Code PIX no balcão (o cliente precisa escanear rápido, o logo pode distrair)
• QR Code de WhatsApp ou site na vitrine ou cardápio
• QR Code de WiFi no restaurante ou hotel
• Qualquer situação de uso frequente onde confiabilidade de leitura é prioridade

Situações onde o logo agrega valor real:

• Cartão de visita (espaço pequeno, o logo reforça a marca)
• Material de feira ou evento com concorrência visual de outras bancas
• Embalagem de produto onde a identidade visual é parte do produto

Para QR Code PIX com identidade visual, veja também como gerar QR Code PIX grátis passo a passo.

Tamanho mínimo para imprimir QR Code personalizado com logo

Logo no centro reduz a margem de erro do código, então o tamanho impresso importa mais do que num QR Code simples. Duas regras práticas:

• Tamanho mínimo absoluto: 2 x 2 cm para leitura de perto (cartão de visita, etiqueta, embalagem). Abaixo disso, o conjunto módulos + logo fica denso demais para câmeras comuns.
• Regra da distância 10:1: o QR Code deve ter pelo menos 1/10 da distância de leitura. Cliente escaneia a 50 cm no balcão? Imprima com no mínimo 5 cm. Cartaz de vitrine lido a 2 metros? 20 cm de lado.

Deixe também a zona de silêncio: margem branca ao redor do código de pelo menos 4 módulos de largura. Molduras, bordas decorativas e texto colados no QR Code invadem essa margem e atrapalham a leitura tanto quanto um logo grande demais.

Conteúdo mais curto ajuda: quanto menos caracteres no link, menos módulos o QR Code precisa, e maior fica cada quadradinho no mesmo espaço impresso. Se o link for longo, vale encurtar antes de gerar.

Erros que quebram QR Code personalizado com logo

Logo maior que 25% da área

O mais comum quando o logo é composto manualmente num editor de imagem. Ao subir o logo direto no gerador de QR Code do GeraCode, esse limite é aplicado automaticamente — o risco só existe na rota manual (Canva ou similar), onde vale usar sempre as medidas exatas: para um QR Code de 500px, o logo deve ser no máximo 125 x 125px.

Contraste insuficiente entre módulos e fundo

Fundo colorido com módulos em cor próxima faz o leitor confundir os quadradinhos com o fundo. Teste sempre com o fundo branco primeiro. Se precisar de fundo colorido, escureça os módulos ao máximo.

Logo com sombra ou transparência sobre os módulos

PNG com sombra projetada ou borda com transparência parcial cobre módulos nas bordas do logo. Isso aumenta a área efetiva do bloqueio além do que você mediu. Use o logo sem sombras e sem bordas com gradiente.

Exportar em resolução baixa

PNG abaixo de 150dpi fica pixelado na impressão. Para impressão física, exporte sempre em resolução máxima no Canva ou use o SVG do GeraCode diretamente na gráfica.

Não testar em escala antes de imprimir em quantidade

O erro mais caro. Antes de mandar 200 cartões para a gráfica, imprima um em casa ou peça uma prova da gráfica e escaneie com pelo menos três dispositivos diferentes. Um código quebrado numa tiragem inteira é custo e retrabalho que a regra dos 25% evita.

QR Code personalizado com logo é possível e gratuito, direto no navegador: suba o logo no gerador de QR Code do GeraCode, que aplica a regra dos 25% e a correção de erro alta automaticamente, e teste em três dispositivos antes de imprimir.

Para começar agora, use o gerador de QR Code do GeraCode, sem criar conta, sem instalar nada. Para QR Code para restaurante com cardápio digital, veja também o guia específico. Vai usar QR Code com a marca num evento? Veja QR Code para evento.