Formas contra pixels
Um PNG guarda uma grade de pixels. Amplie e o programa adivinha o que existe entre eles, o que suaviza todas as bordas. Um SVG guarda instruções: desenhe um quadrado aqui, deste tamanho, desta cor. Peça em 2 cm ou em 2 m e ele desenha limpo nos dois casos.
Por que um QR code se importa mais do que uma foto
Um leitor lê um QR code amostrando uma grade e decidindo se cada célula é clara ou escura. Bordas suaves empurram as células para o cinza médio, e as células perto do meio são onde a decodificação começa a falhar. Uma foto um pouco borrada ainda parece a foto. Um QR code um pouco borrado deixa de ser um QR code.
Isso é pior em símbolos densos. Um conteúdo longo, como um registro vCard ou uma URL com parâmetros, precisa de mais módulos no mesmo quadrado físico, então cada módulo fica menor e cada borda suave cobre uma fatia maior dele.
Escolher pelo destino
| Onde o código vai | Formato | Por quê |
|---|---|---|
| Cartão de visita, panfleto, embalagem | SVG | A gráfica ajusta ao layout sem perda |
| Cartaz, adesivo de vitrine, sinalização | SVG | Tamanhos grandes são exatamente onde um PNG desmonta |
| Arquivo de design em um editor vetorial | SVG | Formas editáveis, cores ajustáveis, sem reamostragem |
| Assinatura de e-mail | PNG | Os clientes de e-mail lidam com imagens raster de forma bem mais previsível |
| Apresentação de slides ou captura de tela | PNG | Tamanho de exibição fixo, sem redimensionamento |
| Campo de upload do CMS de outra pessoa | PNG | Alguns sistemas recusam envios de SVG por princípio |
Trabalhar com o SVG
- Insira o arquivo, não cole uma captura de tela dele Importe o arquivo no programa de layout. Copiar uma imagem de pré-visualização joga fora os dados vetoriais e devolve pixels de novo.
- Mude a cor com cuidado Qualquer editor vetorial muda a cor dos módulos. Mantenha os módulos escuros sobre um fundo claro. Códigos invertidos e pares de tons pastel de baixo contraste falham em leitores reais.
- Não estique um dos eixos Redimensione as duas dimensões juntas. Um código esticado é uma grade quebrada, e nenhuma correção de erros conserta geometria.
- Mantenha a zona de silêncio A margem em branco faz parte do símbolo. Cortar rente aos módulos é a forma mais comum de um layout bonito parar de ser lido.
Se você precisa usar o PNG
Exporte no tamanho em pixels que o layout final precisa, ou maior, e nunca amplie depois. Reduzir costuma ser seguro. Ampliar é de onde vem o borrão.
Não passe o PNG por um compressor com perdas. Os artefatos JPEG se acumulam nas bordas duras de preto e branco, que é toda borda de um QR code. Se você precisa do arquivo menor, nosso compressor de imagem recodifica PNG sem perdas e descarta o resultado quando ele não fica realmente menor.
A verificação que roda nos dois
O Vaultaire monta o PNG e o SVG a partir do mesmo conteúdo e depois decodifica cada arquivo pronto de novo com um leitor separado. O download só é liberado depois que o texto decodificado bate com o que você revisou. Isso pega um desenho corrompido antes que ele chegue à impressão. Isso não diz se o layout final manteve a zona de silêncio, então escaneie a prova você mesmo.
Perguntas frequentes sobre SVG e PNG
SVG ou PNG?
SVG para qualquer coisa impressa ou redimensionável: cartazes, embalagens, cartões, sinalização, arquivos de design. PNG para um espaço fixo na tela, como uma assinatura de e-mail ou um slide.
Um QR code em SVG tem qualidade maior?
Ele não tem resolução nenhuma. Descreve os módulos como formas e é desenhado no tamanho que você pedir. O PNG tem uma grade fixa de pixels e perde definição além dela.
Posso mudar a cor?
Sim, em qualquer editor vetorial, e o arquivo continua nítido. Mantenha os módulos escuros sobre um fundo claro. Códigos invertidos ou de baixo contraste falham em alguns leitores, seja qual for o formato.
Por que meu código impresso fica borrado?
Um PNG foi ampliado além da sua grade de pixels, então a gráfica inventou detalhe nas bordas dos módulos. Imprima o SVG ou exporte um PNG no tamanho exato que o layout precisa.
As gráficas aceitam SVG?
A maioria aceita, e todo programa de layout o importa. Se a gráfica quiser PDF ou EPS, coloque o SVG em um editor de design e exporte de lá. As formas sobrevivem.
Posso converter o PNG em SVG depois?
Vetorizar um código raster adivinha bordas que já estavam suaves. Gere o SVG a partir do conteúdo. Leva um segundo e a geometria fica exata.