Gerador de QR Code estilizado gratuito

Sobre os QR codes

Os QR codes (Quick Response) são códigos de barras 2D que podem ser escaneados por smartphones e leitores dedicados. Eles codificam texto, URLs, informações de contato, credenciais Wi-Fi e mais. Este gerador cria QR codes estilizados com cores e tamanhos personalizados adequados a marketing, embalagem e uso digital.

Níveis de correção de erros

• L (7 %) · recuperação básica, funciona quando o código está majoritariamente intacto
• M (15 %) · padrão, proteção equilibrada (recomendado)
• Q (25 %) · recuperação alta para códigos danificados
• H (30 %) · recuperação máxima para códigos muito danificados

Perguntas frequentes

Posso usar cores personalizadas em um QR code ?

Sim ! A maioria dos scanners QR modernos lida bem com cores. Garanta alto contraste entre o primeiro plano e o plano de fundo para uma leitura confiável. Teste com seus scanners-alvo.

Qual tamanho usar ?

QR codes maiores são lidos mais rápido e com mais confiabilidade. Use pelo menos 100×100 px. Para impressão, use 300 px ou mais para pequenas aplicações impressas.

PNG ou SVG · qual formato é melhor ?

Use SVG para vetores escaláveis (web, escala para impressão). Use PNG para imagens rasterizadas (exibição web, compartilhamento rápido). Ambos funcionam igualmente bem para leitura.

O que este styler realmente faz, e para onde vai o restante da área

Esta página expõe um conjunto deliberadamente pequeno de controles de estilo: escolha uma cor de frente (escura), uma cor de fundo (clara), um tamanho de saída entre 100 e 1000 pixels e um nível de correção de erros (L / M / Q / H). Em seguida renderiza um QR padrão com esses ajustes, inteiramente no seu navegador, e oferece download em PNG e SVG. Não há incorporação de logo, formas de módulo arredondadas nem variantes decorativas dos padrões de busca. Esses recursos existem no ecossistema QR estilizado mais amplo e estão descritos abaixo, são o que a maioria procura ao se informar sobre «QR codes estilizados», mas uma ferramenta cuidadosa é honesta sobre o que entrega.

Por que o estilo funciona: a margem de correção de erros

QR codes usam correção de erros Reed-Solomon (introduzida por Irving S. Reed e Gustave Solomon em 1960, o mesmo esquema de codificação que permite a um CD tocar através de uma marca de dedo e a uma sonda Voyager telefonar para casa do espaço interestelar). O código é codificado com redundância para que uma porcentagem dos módulos possa estar ausente ou ser mal lida e os dados originais ainda possam ser recuperados. Os quatro níveis padronizados, nas palavras da Denso Wave:

• Nível L (Low), aproximadamente 7% das palavras de código podem ser restauradas.
• Nível M (Medium), aproximadamente 15%. «Most frequently selected».
• Nível Q (Quartile), aproximadamente 25%.
• Nível H (High), aproximadamente 30%.

Orientação oficial da Denso Wave: «Level Q or H may be selected for factory environment where QR Code get dirty» e «Level L may be selected for clean environment with the large amount of data.» Escolha o nível mais baixo que sobreviva às suas condições reais de leitura, porque cada degrau de L até H deixa o código mais denso (mais módulos por lado) para o mesmo payload.

Para estilo, a relação é direta: mais margem de correção de erros igual a mais liberdade visual sem quebrar a leitura. Um logo, um módulo recolorido, uma forma de módulo arredondada, até um tom suave no fundo supostamente claro, cada um consome parte do orçamento. Acumule demais e o decodificador Reed-Solomon do leitor fica sem correções. A receita prática que a maioria dos geradores com estilo segue: se você adicionar um logo ou qualquer estilização «designer», suba para o Nível H, e ainda assim teste em vários dispositivos antes de imprimir em escala.

Variantes de forma de módulo/ponto

O QR padrão da spec usa módulos quadrados sem arredondamento. As bibliotecas de estilo modernas, e o ecossistema QR estilizado mais amplo, costumam expor um conjunto fixo de formas de módulo nomeadas. O vocabulário de facto, estabelecido pela biblioteca qr-code-styling de Denys Kozak e agora copiado por uma multidão de geradores:

• square, o padrão, idêntico ao símbolo de referência ISO/IEC 18004. Confiabilidade máxima de leitura.
• rounded, módulos quadrados com cantos arredondados. Pequena perda de contraste nos cantos, visualmente mais suave.
• dots, pontos totalmente circulares sem fusão de módulos. Aparência mais «design», custa a maior margem de decodificação.
• classy, módulos com um canto arredondado, projetados para parecer chevrons fluidos quando módulos escuros adjacentes se alinham.
• classy-rounded, a forma classy com uma curva mais acentuada.
• extra-rounded, quadrado com o raio de canto máximo, quase virando círculo.

A biblioteca trata módulos adjacentes da mesma cor como uma massa conectada antes de aplicar a forma, por isso rounded e classy dão traços fluidos contínuos em vez de cada módulo parecer ilhado. O leitor lê os centros dos módulos, então enquanto o contraste centro-a-centro sobreviver, a câmera fica satisfeita. Esta ferramenta atualmente expõe apenas os módulos quadrados padrão, as outras formas exigem outra biblioteca de render.

Variantes de olho / padrão de busca

Todo QR tem três «olhos», os grandes padrões em alvo nos cantos superior-esquerdo, superior-direito e inferior-esquerdo. Esses padrões de busca têm uma proporção fixa de módulos de 1:1:3:1:1, uma proporção interna que a equipe de Masahiro Hara analisou contra os impressos da época para achar uma sequência que quase nunca aparece por acidente, para o leitor identificá-los rápido.

Cada padrão de busca tem duas partes: um quadrado de canto externo (um anel de 7×7 módulos com um anel interno de 5×5 da cor inversa) e um ponto de canto (o centro sólido de 3×3). As bibliotecas de estilo tratam as duas partes como independentemente personalizáveis, por isso você vê controles «frame» e «ball» separados em ferramentas como QRCode Monkey e QR TIGER. Ambas aceitam as mesmas opções de forma que os módulos de dados: square, dot, rounded, extra-rounded, classy, classy-rounded.

Ressalva de leitura para estilizar olhos: os padrões de busca são como o leitor encontra o código antes de tudo. Distorcê-los demais (p. ex. pontos minúsculos onde deveria haver quadrados sólidos) pode impedir a câmera de travar, especialmente a distância ou em ângulo. Regra segura: mantenha pelo menos o anel externo do quadrado de canto como forma fechada contínua (square, rounded, extra-rounded, não «dots»), e você pode ser mais ousado com o ponto interno.

Logos embutidos

Esse é o recurso de estilização QR mais pedido em 2026. O mecanismo é brutalmente simples: o QR é gerado normalmente, depois uma imagem de logo (PNG, JPEG, SVG) é desenhada sobre o centro, substituindo alguns módulos de dados. A correção de erros Reed-Solomon então «preenche» os módulos ocultos no momento da leitura. Limites práticos:

• Use sempre o nível de correção de erros H (30%) ao embutir um logo.
• Mantenha a cobertura do logo em 20-25% da área total de módulos (não da área visual incluindo a zona quieta). Acima de ~25% você invade a margem de recuperação necessária para absorver o ruído real de leitura. Acima de 30%, falha praticamente garantida em leitores baratos e à distância.
• Centralize o logo. Os cantos hospedam os padrões de busca e (em códigos maiores) padrões de tempo e alinhamento; ocultá-los é jeito rápido de quebrar o código por completo.
• Se o logo tiver alguma cor próxima do fundo, coloque uma «placa» opaca atrás, para o leitor não se confundir na borda.
• Teste sempre em ao menos um iPhone, um Android mediano e um app de scanner dedicado antes de imprimir em escala.

Esta ferramenta não embute logos. É uma escolha de escopo deliberada, sobreposições de logo exigem um modelo de interação cuidadoso (upload, posicionamento, transparência, trava de nível EC) que não cabe em uma ferramenta «cor + tamanho». Para fluxos QR-com-logo, veja o QR Code Generator relacionado.

Personalização de cor, o que é seguro e o que não é

Cor é a única alavanca de estilo que esta ferramenta expõe de fato, então essa seção é a mais diretamente relevante. Primeira regra: contraste. Um leitor de QR olha para cada módulo e decide «escuro ou claro?», e quanto maior o intervalo entre os dois, mais rápida e confiável a decisão. O número de trabalho mais citado especificamente para QR é uma razão de contraste de pelo menos 4:1 entre frente e fundo, com 4,5:1 ou mais preferido para confiabilidade real. A orientação geral do WCAG 2.x para gráficos não textuais (critério 1.4.11) define 3:1 como mínimo; QR precisa passar dessa barra com folga porque a câmera não tem o raciocínio contextual humano para se apoiar.

• Confiáveis: azul-marinho, verde escuro, roxo escuro, carvão, preto sobre branco, marfim ou tons muito pálidos.
• Visualmente bonitos mas frequentemente ilegíveis: vermelho meio-tom sobre verde meio-tom, «paleta de marca dessaturada» sobre fundo dessaturado, pastel sobre pastel.
• Vermelho puro como frente é um velho modo de falha que vale citar. Muitos leitores CCD antigos usam um LED de iluminação vermelha, o que faz o vermelho parecer igual ao branco para o sensor. Câmeras modernas de smartphone vão bem, mas se seu QR puder ser lido por leitores industriais, evite frentes vermelhas.

Segunda regra: não inverter. Um QR é, por spec, módulos escuros sobre fundo claro. QRs invertidos (claro sobre escuro) são tecnicamente válidos e os leitores mais espertos (iOS Camera moderno, Google Lens recente) sabem inverter e ler, mas uma fatia significativa dos telefones no campo não consegue. Apps de câmera Android antigos, apps de scanner de terceiros e quase todos os scanners de código de barras dedicados assumem escuro-sobre-claro e falham na inversão. Padrão recomendado quando você tem fundo de marca escuro e quer colocar um QR nele: não inverta, em vez disso coloque um QR padrão escuro-sobre-claro dentro de uma «placa» ou caixa clara contrastante sobre a superfície escura.

Terceira regra: gradientes e módulos multi-cor custam margem de decodificação. As bibliotecas de estilo suportam gradientes lineares e radiais nos módulos escuros, no fundo e até nos olhos independentemente, e ficam lindos na tela. Mas cada transição suave de cor torna a decisão escuro/claro por módulo mais difícil para o leitor, especialmente sob luz fraca. Os gradientes são mais seguros quando ficam dentro de uma única família escura (p. ex. marinho indo a roxo profundo, ambos claramente «escuros») em vez de atravessar meios-tons. Esta ferramenta só expõe cores sólidas, que é o ponto de partida mais seguro.

PNG ou SVG, escolha do formato de saída

PNG é um formato raster. O QR é renderizado em uma grade fixa de pixels. Prós: funciona em todo lugar, inclusive em clientes de e-mail antigos e qualquer superfície de exibição de imagem. Contras: ampliar além da resolução renderizada provoca borrões e aliasing nas bordas dos módulos, o que pode comprometer a leitura em impressões grandes. Para um PNG de 300 px usado em pôster 600×600 mm, os módulos vão parecer perceptivelmente fofos.

SVG (Scalable Vector Graphics) é um formato vetorial. O QR é descrito como um conjunto de polígonos e o renderer rasteriza na resolução que a tela ou a impressora pedir. Prós: escala infinitamente sem perda; tamanho de arquivo bem pequeno (geralmente poucos kB); editável no Illustrator, Affinity Designer, Inkscape; suporte nativo em navegadores modernos. Regra prática: se vai para tela, qualquer formato serve; se vai para impressão, sobretudo em escala acima de cartão-postal, escolha SVG.

Evite JPEG para QR codes. Os artefatos de compressão com perdas do JPEG se agrupam em torno de bordas de alto contraste, exatamente onde fica cada fronteira de módulo QR, e mesmo com configurações de alta qualidade o JPEG pode introduzir borrão de borda o suficiente para quebrar a decodificação em leitores baratos. PNG é a escolha raster correta.

A exigência de zona quieta (frequentemente esquecida)

ISO/IEC 18004 exige uma zona quieta, uma margem de fundo claro, de pelo menos 4 módulos de largura nos quatro lados do código. Sem ela, o leitor pode confundir tipografia próxima, bordas ou imagens de fundo com parte do código e ou falhar em decodificar, ou decodificar errado. Na prática: se um módulo tem 2 mm de largura no impresso, a zona quieta precisa de ao menos 8 mm de cada lado. Os downloads PNG e SVG desta ferramenta já incluem a margem padrão de zona quieta. Muitas exportações de QR «recortadas» para o Instagram quebram a regra e essa é uma das principais causas da frustração «por que meu código não lê?».

Uma nota sobre QR codes de pagamento

Uma fatia não trivial do tráfego mundial de QR é para pagamentos, e esses QRs de pagamento não são genéricos. EMV QR Codes (especificação EMVCo, versão atual 1.1, última atualização 27 de novembro de 2020) codificam um payload estruturado de ID do estabelecimento, valor da transação, moeda, MCC, código de país e checksum CRC. Alipay e WeChat Pay (China), UPI (Índia), PromptPay (Tailândia), PayNow (Singapura), PIX (Brasil) seguem payloads definidos pelo regulador. Visualmente parecem QRs comuns, mas um app de câmera genérico não consegue pagar nada com eles, o payload tem que ser emitido pela própria plataforma de pagamento. Você não consegue gerar um QR de pagamento funcional com esta ferramenta, por mais autêntico que seja o visual. Use o painel do estabelecimento do seu processador de pagamentos.

O boom pós-2020 do QR estilizado de marca, por que isso importa

QR codes estavam tecnicamente disponíveis em todo lugar desde mais ou menos 2010, mas a adoção no Ocidente ficou rasa até a COVID-19 forçar um pivô sem contato. As interações com QR cresceram 94% de 2018 a 2020; os downloads atribuídos a leituras de QR cresceram 750% entre o Q1 2020 e o Q4 2021. Cerca de 89 milhões de usuários de smartphone nos EUA leram um QR em 2022. A Juniper Research projeta que pagamentos por QR ultrapassarão US$ 8 trilhões de gasto anual global em 2029, ante US$ 5,4 trilhões em 2025. O fornecedor de QR de marca QR TIGER afirma que QRs estilizados/de marca recebem até 70% mais leituras que QRs preto e branco (trate o número como dado de fornecedor, mas a direção de que estilização de marca aumenta leituras é amplamente aceita).

Em 2026 um QR já não é uma peça estranha de infraestrutura utilitária, é uma superfície de marca. Empresas querem que ele transmita marca do mesmo jeito que querem tipografia ou embalagem na marca. É por isso que a intenção de busca «styler» existe e por que ferramentas concorrentes convergem para o mesmo conjunto de controles ponto/olho/cor/logo.

Mais perguntas

Consigo criar um QR de pagamento (Alipay, WeChat Pay, UPI) com esta ferramenta?

Não. QRs de pagamento são emitidos pela própria plataforma de pagamento e embarcam um payload assinado criptograficamente ou específico da plataforma que um gerador genérico não consegue produzir. Use o painel de estabelecimento do seu processador de pagamentos ou a integração oficial Alipay/WeChat/UPI do seu país.

Por que meu QR colorido não lê em alguns telefones?

Quase sempre uma questão de contraste. Mire em pelo menos 4,5:1 entre frente e fundo; use escuro-sobre-claro (não invertido); evite vermelho puro na frente se o seu QR puder ser lido por leitores industriais. Se embutir um logo em outro lugar, suba a correção de erros para o nível H. A maior causa de falhas de leitura em QRs estilizados são cores de marca bem intencionadas que ficam ótimas numa paleta Pantone mas dão pouca coisa para uma câmera de telefone trabalhar.

Posso adicionar um logo ao centro do meu QR aqui?

Não nesta ferramenta, ela foca em cor e tamanho. Sobreposições de logo exigem um modelo de interação cuidadoso (gestão de upload, posicionamento, transparência, trava de nível EC) que não cabe neste fluxo de «estilização rápida». O padrão canônico é renderizar o QR no nível H, depois compor o logo no centro com um editor de imagem mantendo a cobertura em 20-25% da área dos módulos.

Qual o tamanho certo para imprimir um QR?

Regra prática: o comprimento de borda do QR deve ser pelo menos um décimo da distância de leitura esperada. Um QR pensado para ser lido a 1 m deve ter pelo menos 10 cm × 10 cm. Para um QR na tela de TV lido do sofá, você quer grande; para um QR em cartão de visita lido com o braço esticado, 1,5-2 cm bastam. Sempre SVG para impressão, nunca JPEG, e mantenha a zona quieta de 4 módulos intacta.

Ferramentas relacionadas