QR codes transparentes que ainda escaneiam na superfície atrás deles

Um QR code transparente é um QR code exportado sem fundo, de modo que só os módulos escuros são desenhados e todo o resto deixa ver o que está atrás. Isso faz da superfície atrás do código uma parte do código: uma superfície clara e uniforme escaneia, e uma escura, estampada ou em movimento não. Esta página cobre onde os QR codes transparentes funcionam, onde falham e como corrigir as falhas sem perder o visual.

1 Conteúdo
https://
Sem cadastro QR codes ilimitados Sem marca d'água Free high-resolution downloads
2 Design
Forma
Padrão
Olhos
3 Prévia
Copiado!

O que é um QR code transparente?

Um QR code transparente é uma imagem de QR code cujo fundo é totalmente vazado, deixando visíveis apenas os módulos escuros. Os módulos claros de um QR code transparente simplesmente não são desenhados; eles são vãos, e um leitor lê a cor que aparecer através desses vãos. Um QR code com fundo transparente é, portanto, tão escaneável quanto a superfície em que é colocado. Para códigos que carregam uma cor de fundo própria, veja QR codes coloridos. Onde a superfície não é a ideal, módulos quadrados são o estilo mais tolerante - veja QR codes em pixels - e uma moldura para QR code é um jeito de dar ao código uma placa clara.

Um cartão de mesa vermelho “Oak & Leaf Cafe - escaneie para ver nosso menu” com um QR code hexagonal branco vazado no vermelho, em um suporte de madeira

O que a transparência muda

Remover o fundo não muda os dados de um QR code nem o jeito como um celular o decodifica. Muda quem é responsável por três coisas que um QR code normal traz consigo.

  • Os módulos claros passam a ser a superfície - um leitor precisa que todo módulo claro seja claramente mais claro que todo módulo escuro. Sem fundo no arquivo, esse contraste só existe se a superfície atrás do código for clara e uniforme.
  • A zona de silêncio também passa a ser a superfície - uma zona de silêncio é a margem vazia ao redor de um QR code que permite a um leitor detectar onde o símbolo começa e termina. A ISO/IEC 18004 a define em quatro módulos de cada lado, e em um código transparente essa margem tem de ser superfície livre, não arte vizinha.
  • O contraste deixa de ser fixado na exportação - um QR code com fundo próprio tem o mesmo contraste em todo lugar em que é usado. Um QR code transparente tem um contraste diferente em cada superfície, então precisa ser conferido de novo a cada vez que é aplicado.
  • Só alguns formatos de arquivo conseguem guardá-la - PNG, SVG, PDF e EPS guardam transparência. O JPG não guarda, e salvar um QR code transparente como JPG preenche o fundo de branco ou de preto, dependendo do programa.

Um QR code transparente é uma conveniência de design, e não um tipo diferente de código. Ele poupa o trabalho de igualar uma cor de fundo à mão e deixa um único arquivo servir a várias superfícies claras. Ele não faz um código funcionar em uma superfície em que um código normal falharia.

O xadrez não faz parte do código

Ferramentas de design e geradores mostram a transparência como um xadrez cinza e branco. O xadrez é uma convenção de prévia e nunca é exportado nem impresso. Se um QR code baixado mostra um xadrez depois de colocado em um documento, o arquivo era um print da prévia, e não a exportação transparente.

Gerar QR code
Um pôster de evento vermelho e preto de “Pulse Festival” com a line-up e um QR code triangular para escanear e comprar ingressos

Onde os QR codes transparentes funcionam melhor

Um QR code transparente serve a qualquer layout em que o código deva ficar direto sobre uma superfície clara, sem uma caixa branca visível em volta.

Painéis de cor clara em um layout

Um código escuro sobre um painel creme, cinza-claro ou pastel, sem um quadrado branco quebrando o design. Um único arquivo transparente serve a todas as cores de painel de um sistema de marca, desde que cada uma seja clara.

Slides de apresentação e documentos

Um PNG ou SVG transparente entra em um fundo de slide claro sem caixa. Em um modelo de slide escuro, coloque antes um painel claro arredondado atrás do código.

Papel kraft, creme e colorido

Imprimir só os módulos escuros deixa o papel ser o fundo. O papel kraft é mais escuro do que parece, então use a tinta mais escura disponível e imprima uma prova.

Embalagens com cor especial

Um trabalho de impressão em uma cor só não consegue imprimir uma caixa branca. Um código vetorial transparente é impresso como uma única tinta sobre a própria superfície clara do cartucho.

Gravação a laser e vinil de recorte

Gravadoras e plotters de recorte precisam só dos módulos escuros como formas vetoriais. Um SVG transparente entrega exatamente isso, sem retângulo de fundo para apagar.

Produtos em tecido claro

Uma serigrafia de uma cor só em uma peça branca ou clara. A textura do tecido suaviza as bordas, então imprima o código maior do que ele seria no papel.

Em quais superfícies um QR code transparente escaneia

Um QR code transparente escaneia em uma superfície que é mais clara que os módulos, de tom uniforme e parada. Ele falha em superfícies escuras, estampadas, em movimento ou transparentes. Cada falha tem uma correção que preserva a maior parte do visual sem borda.

Um adesivo «Escaneie para ver o cardápio» na vidraça verde-escura de uma cafeteria, com uma cliente na mesa da janela e o quadro de bebidas ao fundo

Superfícies que quebram um QR code transparente

Estas são as cinco aplicações que mais impedem um QR code transparente de escanear, com o motivo de cada uma.

  • Fundos escuros - módulos escuros sobre uma superfície escura não têm contraste. Recolorir os módulos de branco produz um QR code invertido, que a norma permite, mas que os leitores de celular decodificam de forma inconsistente. Em vez disso, coloque um painel claro atrás do código.
  • Fotografias - uma foto varia de brilho de um módulo para o outro, então alguns vãos são lidos como claros e outros como escuros. Mesmo uma foto clara costuma ter sombras ou detalhes atravessando o código.
  • Degradês e estampas - um degradê claro em um canto e de tom médio no outro dá ao código alto contraste de um lado e baixo contraste do outro. Um leitor define um único limiar para uma região inteira, e metade do código cai do lado errado dele.
  • Vídeo e transmissões ao vivo - um QR code transparente sobre imagens em movimento tem um fundo que muda a cada quadro. Um código que escaneia durante uma cena clara para de escanear em uma escura.
  • Vidro, vitrines e etiquetas transparentes - um código impresso em filme transparente não tem fundo nenhum: o leitor vê a rua atrás da vitrine ou o líquido dentro da garrafa. Uma etiqueta transparente em uma bebida escura é um código escuro sobre uma superfície escura.

Como regra de trabalho, a superfície atrás de um QR code transparente deve dar uma razão de contraste de pelo menos 4:1 em relação aos módulos para uso em tela e de 7:1 para impressão. São as mesmas metas que valem para um QR code com fundo próprio.

Como corrigir cada uma

Todas estas correções acrescentam uma área clara e uniforme diretamente atrás do código. A área pode ter a forma e a cor que o design pedir; ela só precisa estar lá.

  • Coloque uma placa clara atrás do código - um retângulo arredondado ou um círculo em branco ou em uma cor clara da marca, passando pelo menos quatro módulos além do código, de todos os lados. Sobre uma foto ou um layout escuro, essa é a correção inteira.
  • Use uma placa semiopaca sobre vídeo - uma placa branca com 85 a 100% de opacidade mantém o fundo estável e ainda deixa o overlay leve. Abaixo de cerca de 85%, as imagens começam a aparecer através dos módulos claros.
  • Imprima uma camada branca em material transparente - para adesivos de vitrine e etiquetas transparentes, peça à gráfica uma base de tinta branca atrás da área do código. A camada branca é impressa primeiro e os módulos escuros por cima, então o código leva o próprio fundo para o vidro.
  • Escolha a parte mais clara do layout - onde não se quer uma placa, mova o código para uma área que já seja clara e lisa, e confira que a zona de silêncio está livre de texto e de bordas.
  • Confira o contraste na superfície real - colete a cor da superfície e a cor dos módulos e compare as duas no verificador de contraste de QR code. Uma leitura de contraste feita contra o branco não diz nada sobre um código aplicado sobre bege.
Uma placa de balcão rosa-forte da Lumière “Clean. Bright. Conscious. - escaneie para conhecer nossos produtos” com um QR code escuro sobre uma plaquinha branca, ao lado de um frasco de sérum

Ideias de QR code transparente

Quatro aplicações em que remover o fundo melhora o design, com o detalhe que mantém cada uma escaneável.

Um cardápio em papel colorido

Um código verde-escuro impresso direto em cartão creme, sem caixa branca. O creme é claro o bastante para um contraste forte, e o código é lido como parte do cardápio, e não como um adesivo sobre ele.

Um adesivo de vitrine

Vinil de recorte ou filme transparente impresso, com uma base branca atrás do código. Visto de fora, o código tem um fundo claro sólido, não importa o que aconteça dentro da loja.

Um overlay de stream

Um PNG transparente colocado sobre uma placa branca arredondada no canto da transmissão. A placa mantém o código escaneável em toda troca de cena, e o arquivo transparente evita uma caixa branca destoando dentro dela.

Uma caixa kraft de uma cor só

Uma única tinta preta sobre cartão kraft imprime só os módulos. O kraft reduz o contraste, então o código é dimensionado com 3 cm ou mais e provado no cartão real.

Como fazer um QR code transparente

Um QR code transparente leva cerca de um minuto para fazer. A maior parte do cuidado vai para onde ele é colocado depois.

Gerar QR code
  1. 1

    Adicione o seu conteúdo

    Cole o link, ou escolha outro tipo, como Wi-Fi ou e-mail, e gere o código.

  2. 2

    Ative o Fundo transparente

    Abra a aba Cores e marque Fundo transparente. A prévia mostra um xadrez atrás do código, que marca a área vazada e não é exportado.

  3. 3

    Escolha uma cor escura para os módulos

    Escolha uma cor que seja escura em relação à superfície em que o código vai ficar. Preto, azul-marinho, verde-escuro e marrom-escuro funcionam em superfícies claras.

  4. 4

    Exporte PNG ou SVG e teste no lugar

    Baixe PNG para telas ou SVG para impressão, coloque o código sobre o fundo real e escaneie-o ali com dois celulares antes de publicar ou imprimir.

Um QR code em uma placa de balcão

Um código sem caixa em volta

O KoloQR, um gerador de QR code gratuito com QR codes circulares e de formatos personalizados, tem uma opção Fundo transparente na aba Cores. Marque-a e o gerador desenha só os módulos, os padrões de localização e o logo, se houver, em contornos quadrados, circulares, triangulares ou hexagonais.

A leitura de contraste do KoloQR trata um código transparente como se ele estivesse sobre branco, porque o gerador não tem como saber a superfície final. Confira você mesmo a cor da superfície real antes de imprimir. O KoloQR exporta PNG, SVG, PDF e EPS transparentes, sem conta e sem marca d'água, e faz só QR codes estáticos.

Gerar QR code

Formatos de exportação para QR codes transparentes

A transparência só sobrevive em formatos que conseguem guardá-la, e só se o programa que abre o arquivo a respeitar.

PNG

Guarda transparência e funciona em slides, documentos, sites, editores de vídeo e programas de streaming. Exporte no maior tamanho necessário, porque um PNG perde nitidez quando ampliado.

SVG

Transparente por natureza: o arquivo contém as formas dos módulos e nada mais. O formato para impressão, recorte de vinil e gravação, nítido em qualquer tamanho.

PDF ou EPS

Formatos vetoriais para gráficas. Os dois mantêm o fundo vazio, o que deixa a gráfica acrescentar uma base branca ou uma cor especial atrás do código como uma camada separada.

Questions? Answered

Sim, em uma superfície clara e uniforme. Um QR code transparente não tem fundo próprio, então a superfície atrás dele faz o papel dos módulos claros. Sobre branco, creme ou uma cor clara, o código escaneia como qualquer outro. Sobre um fundo escuro, estampado ou em movimento ele falha, e precisa de uma placa clara atrás.

Não diretamente. Uma fotografia muda de brilho ao longo da área do código, então alguns módulos claros são lidos como escuros. Coloque uma placa branca ou clara atrás do código, passando pelo menos quatro módulos além dele, de todos os lados. A placa pode ser arredondada ou levemente colorida para combinar com a foto.

O arquivo foi salvo como JPG ou aberto em um programa que não suporta transparência. O JPG não tem transparência, e muitos programas preenchem a área vazia de preto. Um código escuro sobre preto é invisível. Baixe o código de novo em PNG ou SVG e insira o arquivo em vez de colá-lo da área de transferência.

Gere o código de novo com fundo transparente se puder; é mais limpo do que editar. Remover o branco de um PNG em um editor de imagem deixa um halo claro de pixels semitransparentes em volta de cada módulo, que aparece como uma franja em superfícies coloridas. Se os dados originais forem desconhecidos, decodifique o código primeiro e gere-o de novo.

Só com uma camada branca atrás. Em filme transparente, o fundo do código é o que estiver atrás do vidro, que muda com a luz e muitas vezes é escuro. Peça à gráfica uma base de tinta branca sob a área do código, ou use vinil branco com o código impresso nele.

Evite sempre que puder. Módulos brancos sobre uma superfície escura formam um QR code invertido, que a norma do QR code permite, mas que os leitores de celular decodificam de forma inconsistente. Um código escuro sobre uma placa clara colocada por cima do fundo escuro escaneia em muito mais aparelhos.

Sim. A zona de silêncio de quatro módulos de cada lado continua valendo; ela só não é desenhada no arquivo. Mantenha texto, imagens e a borda do layout fora dessa margem, e garanta que a superfície dentro dela tenha o mesmo tom claro da superfície atrás do código.

Sim. O logo fica no centro como de costume, e a área em volta dele é limpa para que ele continue legível. Em um código transparente essa área limpa também é vazada, então confira que o logo tem contraste suficiente tanto com a superfície final quanto com os módulos.

Sim. O KoloQR faz QR codes transparentes de graça, com downloads em PNG, SVG, PDF e EPS, sem conta e sem marca d'água. Os códigos são estáticos, então não têm limite de leituras e não expiram.

Por que a KoloQR?

  • Crie QR codes para sites, cardápios, Wi-Fi, PDFs e cartões de visita
  • Personalize cores, logos e formas únicas
  • Baixe arquivos PNG e SVG de alta qualidade
  • Feito tanto para impressão quanto para o digital
Gerar QR code
Um QR code preto simples ao lado do mesmo código redesenhado como um círculo com as cores da marca