PNG ou SVG para QR Code?
A diferença entre um arquivo bitmap e um vetorial, o que 1024 pixels realmente rendem no papel e qual dos dois usar em cada lugar onde um código vai parar.
Resposta curtaUse o SVG para tudo o que for impresso ou editado em um programa de design, porque ele se ajusta a qualquer tamanho com as bordas dos módulos perfeitamente nítidas. Use o PNG para documentos, slides, e-mail, redes sociais e páginas web, no tamanho natural ou menor. Nunca amplie um PNG pequeno e nunca converta um QR Code para JPG.
Bitmap ou vetor
O PNG é um bitmap: uma grade fixa de pixels, cada um com uma cor. Um QR Code salvo assim fica perfeito no tamanho natural, mas cada módulo é um bloco de pixels, e o arquivo não faz ideia de que esses blocos deveriam ser quadrados de bordas bem definidas.
O SVG é um arquivo vetorial: uma descrição de formas. Um QR Code em SVG é, literalmente, uma lista de quadrados com coordenadas. Quem for desenhá-lo — o RIP da gráfica, um navegador, um programa de design — redesenha esses quadrados do zero no tamanho pedido, então as bordas continuam nítidas tanto em 2 cm quanto em 2 m.
Essa diferença pesa mais no QR Code do que na maioria dos gráficos. O leitor encontra os módulos procurando a transição brusca entre escuro e claro. Tudo o que suaviza essa transição — reamostragem, compressão, desfoque — prejudica diretamente a confiabilidade da leitura.
O gerador deste site entrega os dois: um PNG de 1024 × 1024 px (qr-code.png) e um SVG vetorial (qr-code.svg). Ambos incluem a zona de silêncio de quatro módulos e as cores ou o logo que você escolheu, então nenhum dos dois precisa de margem extra — e nenhum deve ser recortado.
Qual arquivo usar em cada lugar
| Uso | Formato | Por quê |
|---|---|---|
| Impressão em gráfica: panfletos, cartazes, embalagens | SVG | Nítido em qualquer tamanho; gráficas preferem arte vetorial. |
| Grandes formatos: faixas, banners, sinalização, adesivagem de veículos | SVG | Um bitmap teria que ser ampliado muito além dos seus pixels. |
| Illustrator, InDesign, Affinity, Figma | SVG | Entra como formas editáveis que você escala e posiciona à vontade. |
| Canva | SVG ou PNG | O Canva aceita upload de SVG; o PNG também funciona em tamanhos modestos. |
| Word, Google Docs, Pages | PNG | Compatível com tudo e imprime bem em tamanho de documento. |
| PowerPoint, Google Slides, Keynote | PNG | Funciona em todo lugar; versões recentes do PowerPoint e do Keynote também aceitam SVG. |
| Newsletters e assinaturas de e-mail | PNG | Muitos clientes de e-mail simplesmente não exibem SVG. |
| Posts em redes sociais | PNG | As plataformas aceitam PNG; a maioria recusa SVG. |
| Páginas web | PNG ou SVG | Os dois funcionam no navegador; o SVG continua nítido em telas de alta densidade. |
| Impressora de escritório ou de casa | PNG | Funciona bem até o tamanho natural de impressão; use SVG se precisar maior. |
Na dúvida, guarde os dois arquivos. Eles codificam exatamente o mesmo link, então não há risco em usar um no cartaz e o outro na newsletter. Dicas detalhadas de posicionamento estão nos guias de panfletos e cartazes e de apresentações.
O que 1024 × 1024 pixels significam no papel
A resolução de impressão é medida em pontos por polegada (DPI). Dividindo a largura em pixels pelo DPI, você tem o maior tamanho em que a imagem é impressa naquela resolução.
| Resolução | Uso típico | Largura máxima |
|---|---|---|
| 300 DPI | Material lido de perto: cartões, panfletos, etiquetas | cerca de 8,7 cm |
| 150 DPI | Cartazes e sinalização lidos à distância | cerca de 17 cm |
| 72–96 DPI | Telas, slides, web | Não é uma limitação de impressão |
Abaixo dessas larguras, o PNG é uma escolha segura. Acima delas, você está pedindo para o programa inventar pixels, e ele vai suavizar as bordas ao fazer isso. O QR Code tolera isso melhor do que uma fotografia, porque os módulos são blocos grandes, mas não há por que correr o risco quando existe o SVG. Qual deve ser o tamanho do código é outra questão, tratada em tamanho do QR Code para impressão.
Três jeitos de estragar um bom arquivo
- Ampliar um PNG pequeno. Um código de 200 pixels tirado de um print de tela, esticado para ocupar uma folha A4, sai com bordas borradas ou serrilhadas. Gere o código de novo e use o SVG em vez de ampliar o que você tem.
- Salvar como JPG. A compressão JPEG foi feita para fotografias e deixa pequenos artefatos ao redor de bordas bem definidas — justamente onde o QR Code mais tem bordas. Um código que lê bem em PNG pode ficar no limite depois de passar por JPG. Mantenha em PNG ou SVG.
- Tirar print do código. O print captura o código no tamanho em que ele estava na tela, muitas vezes já redimensionado. Baixe o arquivo em vez de capturá-lo.
Mudar as cores e adicionar logos são decisões à parte, com riscos próprios; veja cores do QR Code e QR Code com logo, ou deixe o gerador de QR Code personalizado aplicá-los dentro de limites seguros, em vez de editar o SVG na mão. Seja qual for a mudança, escaneie o arquivo final antes de mandá-lo para qualquer lugar.
Baixe o seu link em PNG e em SVG:Gerar um QR Code
Perguntas relacionadas
SVG. É um arquivo vetorial, então sai com as bordas dos módulos nítidas em qualquer tamanho, e as gráficas preferem arte vetorial. O PNG funciona bem em impressora de escritório, desde que você não o amplie além do tamanho natural de impressão.
Cerca de 8,7 cm de largura a 300 DPI, o que serve para material lido de perto, ou cerca de 17 cm a 150 DPI, o normal para sinalização vista à distância. Acima disso, use o SVG.
É melhor não. A compressão JPEG acrescenta artefatos ao redor de bordas bem definidas, que é justamente onde o QR Code guarda a informação. Use PNG para bitmaps e SVG para tudo o que precisar ser redimensionado.
Sim. O Canva aceita upload de SVG, e o código pode ser redimensionado sem perder nitidez. Mantenha a margem branca ao redor e não o coloque em cima de uma fotografia.
PNG. Muitos clientes de e-mail não exibem imagens SVG, enquanto o PNG funciona em quase todo lugar. Insira-o em um tamanho fácil de escanear na tela, por volta de 150 a 250 pixels de largura.