EXPORTAÇÃO SVG DO QR CODE
Exporte um QR code como SVG, não como bitmap embrulhado
A Mosaqo desenha cada código como geometria, e a exportação SVG é esse desenho escrito em arquivo. Um módulo é um retângulo, a zona de silêncio faz parte da tela e as cores são valores hexadecimais simples na marcação — o mesmo arquivo serve para um cartão de visita e para uma fachada.
VISÃO RÁPIDA
O que isso muda na prática
01
O que existe de fato dentro do arquivo
A exportação é um único elemento SVG com largura e altura declaradas e uma viewBox medida em módulos. Cada módulo escuro é um retângulo de um por um em coordenadas inteiras, e os três padrões de localização são formas próprias, então o estilo dos cantos permanece independente de os módulos serem quadrados, arredondados ou pontilhados. Nada é traçado a partir de um bitmap, porque nada nunca foi um bitmap.
A zona de silêncio faz parte da tela em vez de ser algo a lembrar depois: a viewBox é o código mais a margem que você escolheu, quatro módulos por padrão e até dezesseis. Um fundo transparente é escrito como a ausência total de retângulo de fundo — é exatamente isso que permite ao arquivo pousar sobre papel colorido sem uma caixa branca em volta.
- Um retângulo por módulo, em coordenadas inteiras
- Zona de silêncio incluída na viewBox
- Frente e fundo como valores hexadecimais de seis dígitos
- Nenhum retângulo de fundo quando o fundo é transparente
02
Vetor é sobre bordas, não sobre tamanho de arquivo
Um leitor lê a fronteira entre um módulo escuro e um claro. Ampliar um PNG pequeno suaviza cada uma dessas fronteiras, e uma fronteira suave é um dado ambíguo — por isso um código ampliado falha num tamanho que o mesmo código teria aguentado exportado em vetor. Um SVG não tem resolução para perder em primeiro lugar.
É por isso também que um único arquivo cobre qualquer aplicação. O que vai no convite vai no cartaz: a gráfica escala e as bordas dos módulos continuam exatamente onde a geometria as coloca.
03
Onde um cartão composto deixa de ser vetor puro
Um código nu é vetor do início ao fim. Um cartão é vetor onde pode ser: a matriz mantém sua geometria, e formas, fundos e gradientes continuam formas.
Duas coisas não fazem essa viagem. Uma fotografia ou um logo enviado não tem forma vetorial, então viaja dentro do SVG como imagem raster em alta resolução. O texto continua texto vivo com uma família tipográfica nomeada, o que significa que uma máquina sem essa fonte substitui por outra e a linha muda de largura. Quando a tipografia precisa ser exata, componha no seu programa de diagramação e exporte o código sozinho.
Um cartão exportado em PDF é achatado numa única imagem de alta resolução na página — uma composição de fotografias não pode ser outra coisa — e a Mosaqo renderiza bem acima de 300 dpi em A4, então fica pronta para gráfica de qualquer forma. Só o código nu, em SVG ou PDF, chega à página como geometria.
- A matriz do QR: geometria vetorial
- Fotos, logos e adesivos enviados: raster embutido
- Texto: texto vivo — mantenha a fonte ou componha na diagramação
04
Para que servem as exportações PNG e PDF
PNG é a resposta certa para uma tela, um e-mail ou um slide — onde o código é colocado uma vez num tamanho que você já conhece. Exporte generosamente grande e nunca amplie depois.
O PDF é a mesma geometria numa página: o código desenhado, não rasterizado, centralizado em A4, pronto para imprimir ou entregar a alguém como está. Ele também não tem resolução, então ampliar a página amplia o código sem suavizar uma única borda. Envie o SVG quando o código precisar entrar numa diagramação controlada por outra pessoa, num tamanho que só ela conhece.
05
Recolorir e posicionar o arquivo
Como o arquivo é texto, suas cores são editáveis sem abrir um programa de design: o preenchimento dos módulos é a frente que você escolheu, e o retângulo de fundo é o fundo. Mantenha a direção convencional — módulos escuros sobre base clara. Códigos invertidos são lidos por muitos leitores e não por todos, o que os torna uma aposta em qualquer coisa impressa.
Ao posicionar o arquivo, mantenha a zona de silêncio livre e resista a efeitos que suavizam bordas: sombras, modos de mesclagem, transparência sobre arte carregada. Um código apoiado numa fotografia falha pela mesma razão que um borrado.
06
Teste o arquivo exportado, não a prévia
Abra o SVG exportado, coloque-o em tamanho final na diagramação real, imprima um exemplar no material de verdade e escaneie com dois celulares diferentes, à distância em que um leitor vai segurá-lo, sob a luz que a aplicação realmente tem.
O editor verifica contraste, zona de silêncio e densidade de dados enquanto você trabalha, e essas verificações pegam a maior parte dos problemas antes de chegarem à gráfica. O que elas não conseguem ver é o verniz, a dobra e a luz da sala.
FAQ
Perguntas frequentes
O SVG é um arquivo vetorial de verdade ou uma imagem de um código?
Vetor de verdade. Cada módulo é um retângulo na marcação e os padrões de localização são formas próprias, então o arquivo escala para qualquer tamanho sem perder uma borda. Na exportação de um código nu nada é rasterizado.
Posso mudar as cores no arquivo exportado?
Sim. Frente e fundo são valores hexadecimais de seis dígitos na marcação e podem ser editados em qualquer editor de texto ou de design. Mantenha módulos escuros sobre fundo claro: inverter um código é o que mais quebra uma leitura.
Por que meu cartão exportado contém uma imagem embutida?
Porque uma fotografia ou um logo enviado não tem forma vetorial. A matriz continua geometria vetorial; a imagem viaja como raster de alta resolução dentro do mesmo SVG.
Devo mandar para a gráfica o SVG ou o PDF?
Qualquer um — os dois são vetoriais. O PDF é uma folha A4 pronta com o código desenhado nela, o que serve a uma gráfica que quer uma página. O SVG é o código sozinho, o que serve a quem vai posicioná-lo dentro de uma diagramação. O que nenhuma gráfica deveria receber é um raster ampliado a partir de um pequeno.
O SVG inclui a zona de silêncio?
Sim. A margem que você definiu — quatro módulos por padrão — faz parte da tela, então posicionar o arquivo rente à borda de uma diagramação não come o espaço de respiro do código.
PRÓXIMO PASSO