QR Code sem fundo: como gerar em PNG transparente ou SVG e usar sobre qualquer arte
Transparente não é branco: o código continua precisando de contraste e de margem livre atrás dos módulos.
Designer usando mesa digitalizadora e caneta ao lado de um notebook e uma câmera
Imagine a arte de um cartaz pronta, fundo azul-escuro, tipografia alinhada, e no canto um quadrado branco com o QR Code dentro, destoando de tudo. O designer tenta apagar o branco no editor, o código vira um borrão semitransparente e deixa de ler. O que ele precisava era de um QR Code sem fundo desde a origem: um arquivo com transparência real, em que só os módulos escuros existem e o resto é vazio, pronto para pousar sobre qualquer arte.
Este texto explica o que é um QR Code sem fundo, em que formato ele precisa vir, por que a margem não pode sumir junto com o fundo, como gerar em PNG transparente ou SVG, como colocar sobre foto e cor, e quais cores funcionam.
O que "sem fundo" quer dizer
Um QR Code é composto de módulos escuros sobre uma área clara. Na imagem comum, a área clara é pintada de branco. No arquivo sem fundo, a área clara é transparente, e o fundo passa a ser o que estiver embaixo: a cor do cartaz, a foto, o papel.
Isso muda a estética, mas não muda a regra de leitura: o leitor continua precisando de contraste entre os módulos e o que está atrás deles. Transparente não é branco; se o fundo for escuro, o código some.
Na prática, o pedido chega ao designer de duas formas: o cliente manda um JPG com fundo branco e pede para "tirar o branco", ou pede o código já pronto para a arte. A segunda é a certa, porque o gerador entrega a transparência sem borrar as bordas dos módulos, e a primeira quase sempre termina em código que não lê.
Por isso o arquivo sem fundo dá liberdade e cobra responsabilidade de quem monta a arte.
QR Code sem fundo: formatos e quando usar cada um
A tabela compara os formatos que aceitam transparência.
| Formato | Transparência | Escala sem perda | Melhor uso |
|---|---|---|---|
| PNG | Sim, canal alfa | Não, é bitmap | Site, apresentação, redes sociais |
| SVG | Sim, por ausência de fundo | Sim, é vetor | Gráfica, banner, adesivo, qualquer impresso |
| JPG | Não | Não | Evitar; comprime e borra os módulos |
| Sim, se vier do SVG | Sim | Entrega final para impressão |
Para peça impressa, o SVG é o único que aguenta ampliação para banner sem serrilhar. Dá para gerar QR Code online já com fundo transparente e baixar nos dois formatos, PNG para tela e SVG para a gráfica, sem cadastro e sem marca d'água.
A margem que não pode sumir
O padrão exige uma zona de silêncio ao redor do código: uma faixa livre de qualquer desenho, com largura de pelo menos quatro módulos. Nos arquivos com fundo branco, essa faixa vem pronta. No arquivo transparente, ela continua existindo, mas fica invisível, e é fácil encostar texto, borda ou logo nela.
Quando o fundo da arte é uniforme e claro, a margem é a própria arte, e basta não colocar nada perto. Quando o fundo é foto ou padrão, é preciso criar uma área lisa atrás do código, mesmo que na cor da arte, para a zona de silêncio existir.
Código encostado numa borda preta é o defeito mais comum de arte com QR transparente.
Como colocar sobre foto ou cor sem perder a leitura
A sequência abaixo é a de quem monta a arte no editor.
- Escolha o ponto da arte com fundo mais uniforme e claro; evite área com detalhes finos atrás do código.
- Se não houver área lisa, desenhe um retângulo ou círculo na cor de fundo da arte, com margem de quatro módulos além do código.
- Cole o QR transparente sobre essa área, sem redimensionar de forma não proporcional.
- Se a arte for escura, inverta: módulos brancos sobre um retângulo escuro liso, mantendo a margem, e teste bem, porque alguns leitores falham com código invertido.
- Exporte um teste em tamanho real e leia com três celulares diferentes, inclusive um mais antigo.
- Só então mande para a gráfica, em SVG ou PDF.
Quais cores funcionam e quais falham?
O leitor mede contraste de luminância, não de matiz. Azul-marinho, verde-escuro, roxo e vinho sobre fundo claro leem tão bem quanto preto. Amarelo, laranja-claro e tons pastel como cor dos módulos falham, porque a diferença de luminância para o fundo claro é pequena.
Módulos escuros sobre fundo escuro, mesmo com matizes diferentes, como azul sobre roxo, não leem. Degradê dentro dos módulos também atrapalha, porque parte do código perde contraste.
Regra prática: módulos escuros, fundo claro, diferença que se enxerga de longe. O restante é estética.
Correção de erro e logo no centro
Arte que coloca uma logo sobre o código precisa de nível de correção H, que tolera até 30% de módulos cobertos. A logo fica no centro, longe dos três quadrados de canto e do quadrado menor de alinhamento.
Com fundo transparente, a logo costuma vir com o próprio fundo, e é ela que pode invadir a margem interna. Vale deixar um respiro entre a logo e os módulos.
Código com logo lê um pouco mais devagar; em placa lida de longe, é melhor sem.
Perguntas frequentes sobre QR Code sem fundo
O que é QR Code sem fundo?
Um arquivo em que só os módulos escuros são desenhados e o resto é transparente, para o código pousar sobre a cor ou a foto da arte.
PNG ou SVG?
SVG para qualquer impresso, porque amplia sem perder definição. PNG para uso em tela e redes sociais.
Posso tirar o fundo de um QR em JPG?
Não vale a pena. O JPG comprime e borra as bordas dos módulos; o resultado costuma falhar. Gere um novo já transparente.
A margem branca é obrigatória?
A margem livre é obrigatória; a cor não. Ela pode ser da cor da arte, desde que seja lisa e tenha pelo menos quatro módulos de largura.
Código branco sobre fundo escuro funciona?
Funciona em parte dos leitores e falha em outros. Se for usar, teste em vários aparelhos antes de imprimir.
Dá para colorir os módulos?
Sim, com cor escura sobre fundo claro. Amarelo, laranja-claro e pastel não leem.
Resumo
O QR Code sem fundo é um arquivo com transparência real, em PNG para tela e SVG para impressão, que permite integrar o código à arte sem o quadrado branco. A leitura continua exigindo contraste de luminância, margem livre de quatro módulos e fundo liso atrás do código; foto detalhada, borda encostada, cor clara nos módulos e código invertido em fundo escuro são as causas de falha. Logo no centro pede correção H. Teste em tamanho real com três celulares antes de mandar para a gráfica.