Raster para telas, vetor para impressão — além dos tamanhos em pixels que evitam um código impresso borrado.
Baixe SVG para qualquer coisa que será impressa ou redimensionada. Baixe PNG para qualquer coisa que fica na tela — e-mail, um slide, um post nas redes sociais, uma página web. Impressão recebe vetor, telas recebem raster.
Os dois arquivos contêm o mesmo QR code e escaneiam de forma idêntica no tamanho em que você os criou. A única diferença é como a imagem é armazenada, o que define o que acontece quando alguém a amplia.
Se estiver em dúvida, leve os dois. Nenhum custa nada aqui, e ter o SVG pronto quando a gráfica pedir vetor economiza uma tarde inteira.
Um PNG é uma imagem raster: uma grade fixa de pixels. Um PNG de 512 x 512 px guarda 262.144 pixels de informação e nunca vai guardar mais. Amplie até o tamanho de um cartaz e o software precisa inventar o detalhe que falta, então a borda de cada módulo fica suave e o código passa a ser mais difícil de ler com pouca luz ou em ângulo.
Um SVG é uma imagem vetorial: um conjunto de instruções que descreve os quadrados, em vez de uma foto deles. O renderizador os desenha de novo em qualquer tamanho solicitado, então as bordas ficam exatamente tão nítidas em um outdoor quanto em um cartão de visita. O arquivo costuma ser menor também, porque um QR code tem apenas algumas centenas de formas.
O problema é o suporte. Todo celular, navegador, cliente de e-mail e processador de texto lida com PNG. O SVG é confiável em navegadores e em softwares de design como Illustrator, InDesign e Affinity, mas alguns pacotes de escritório o renderizam mal e a maioria das redes sociais o rejeita de vez. É esse o dilema, por inteiro.
Um detalhe se você adicionou um logo: o padrão do QR continua vetorial no SVG, mas um logo que você enviou como PNG ou JPG continua sendo uma imagem raster dentro dele. Comece pela maior versão do logo que você tiver.
Quando uma gráfica pede arte pronta para impressão, o SVG é a resposta. Envie um PNG só se o sistema dela não aceitar vetor, e envie no tamanho calculado abaixo.
| Onde vai ser usado | Formato | Tamanho de exportação |
|---|---|---|
| Página web ou assinatura de e-mail | PNG | 300–600 px |
| Apresentação de slides | PNG | 600–1000 px |
| Instagram ou outra rede social | PNG | 1000–1080 px |
| Cartão de visita, código de 2 cm | SVG | PNG alternativo: 250 px |
| Cardápio ou display de mesa, código de 4 cm | SVG | PNG alternativo: 500 px |
| Panfleto ou cartaz A4, código de 5 cm | SVG | PNG alternativo: 600 px |
| Embalagens e etiquetas | SVG | Vetor — as gráficas vão pedir |
| Cartaz ou banner de grande formato | SVG | Vetor, sem tamanho em pixels |
DPI — pontos por polegada — é quantos pontos de tinta a impressora aplica em cada polegada de papel. 300 DPI é o padrão para qualquer coisa segurada na mão, porque a uma distância normal de leitura o olho deixa de distinguir os pontos individuais por volta dessa densidade. Abaixo de cerca de 150 DPI, as bordas ficam visivelmente suaves.
Para um QR code, bordas suaves são mais do que uma questão estética. O leitor precisa decidir se cada módulo é claro ou escuro, e limites borrados produzem mais erros de decodificação — de forma mais evidente com pouca luz, em ângulo ou na câmera de um celular antigo. Um código nítido escaneia mais rápido e de mais longe.
DPI se aplica apenas a arquivos raster. Um SVG não tem DPI porque não tem pixels; o software da gráfica o renderiza na resolução em que a impressora roda. É exatamente por isso que as gráficas insistem em pedir vetor.
A conta é de uma linha só: pixels = largura impressa em polegadas x 300. Um código de 1 polegada (2,5 cm) precisa de um PNG de 300 x 300 px, e um código de 2 polegadas (5 cm) precisa de 600 x 600 px. Trabalhando em centímetros, divida por 2,54 primeiro — um código de 4 cm tem 1,57 pol, então 1,57 x 300 = 472 px, que você arredonda para 500.
Arredondar o tamanho de exportação para cima não custa nada. Arredondar para baixo custa uma reimpressão.
Não corte a zona de silêncio. Um QR code precisa de uma margem em branco de quatro módulos nos quatro lados, e os leitores a usam para encontrar as bordas do código. Recortá-la para espremer o código no layout é o motivo mais comum de um código tecnicamente perfeito não escanear.
Não salve um QR code como JPG. A compressão JPG cria halos fracos em volta das bordas de alto contraste, que é exatamente do que um QR code é feito. Use PNG quando precisar de um arquivo raster e nunca reexporte um código que já passou pela compressão JPG.
O QR Code Agent exporta PNG e SVG sem conta, sem marca d'água e sem limite de tamanho. A imagem é gerada no seu navegador, então o arquivo é criado no seu próprio dispositivo e nada é enviado.
Os códigos são estáticos, ou seja, o destino fica codificado no padrão e o arquivo que você baixa é definitivo — bom saber antes de 5.000 etiquetas irem para a gráfica. Teste o arquivo exportado em dois ou três celulares diferentes antes da tiragem, não depois.
Grátis, sem cadastro, e seu código nunca expira.
Conseguiu seu código? ☕ Me pague um café — é o que mantém esta ferramenta gratuita para todo mundo.