| Eu preciso de... | Melhor abordagem |
|---|---|
| Um SVG único para um trabalho de impressão estático | Crie um código QR estático e baixe o arquivo SVG para posicioná-lo no seu layout. |
| Um SVG para uma campanha sazonal em que a URL pode mudar | Use um código QR dinâmico com redirecionamento editável para não precisar substituir o SVG impresso. |
| Um SVG com logo para embalagens | Use a personalização de logo e um nível de correção de erros mais alto e teste a arte final antes de aprovar a impressão. |
| Códigos QR SVG em massa para variações de produto | Confira os planos atuais para fluxos em massa e gerenciamento de destinos dinâmicos. |
| Um SVG para incorporação inline na web | Baixe ou copie o código-fonte SVG e incorpore-o diretamente no HTML quando precisar de controle por CSS. |
O que é um código QR SVG?
A QR-Build é um gerador de código QR online em qr-build.com que cria códigos QR para URLs, vCards, redes Wi-Fi, links de PDF, e-mail, produtos e outros tipos de conteúdo compatíveis. A exportação em SVG é um formato de saída, não um tipo de conteúdo QR: você escolhe primeiro o tipo de código QR e depois baixa o resultado como arquivo vetorial.
O SVG faz diferença quando o código QR será redimensionado depois da exportação. PNG, JPG e BMP são formatos raster com dimensões fixas em pixels, então um PNG de baixa resolução pode ficar borrado ao ser ampliado no Illustrator, no InDesign ou em um layout de impressão em grande formato. SVG e EPS são formatos vetoriais, e os módulos permanecem matematicamente nítidos em qualquer tamanho.
Um código QR SVG limpo não melhora a leitura por si só. A legibilidade depende de contraste, zona silenciosa, tamanho de impressão e correção de erros. O formato protege a nitidez visual; a estrutura do QR e a arte final ainda precisam ser testadas antes da produção.
Saída vetorial
O SVG usa dados de caminhos em vez de pixels, então o código QR pode ser redimensionado sem reamostragem nem desfoque.
Ideal para fluxos de impressão
Designers podem posicionar códigos QR SVG no Illustrator, Figma, InDesign, arquivos de embalagem e layouts de sinalização.
Ideal para fluxos web
Desenvolvedores podem usar o SVG como arquivo de imagem ou colar o markup inline para incorporações responsivas controladas por CSS.
SVG vs. PNG vs. EPS - qual formato baixar?
A escolha do formato deve seguir o uso final. SVG costuma ser o melhor formato vetorial de QR para design moderno e web; PNG é simples para imagens digitais fixas; EPS é relevante quando a gráfica exige PostScript.
| Formato | Melhor para | Resolução | Tamanho do arquivo | Suporte de software |
|---|---|---|---|---|
| SVG | Impressão moderna, web, branding, embalagens e incorporações responsivas | Vetor independente de resolução | Pequeno a moderado | Navegadores, Illustrator, Figma, InDesign, Sketch, Inkscape, Affinity Designer |
| PNG | Imagens apenas digitais, imagens no corpo de e-mails, posts em redes sociais, slides de apresentação | Pixels raster fixos | Moderado | Suporte universal em praticamente qualquer aplicativo |
| EPS | Pré-impressão profissional, impressão offset, sistemas RIP PostScript antigos | Vetor independente de resolução | Geralmente maior que o SVG | Illustrator, InDesign, CorelDraw e ferramentas de pré-impressão de gráficas |
Esta comparação reflete a análise da QR-Build dos fluxos com SVG, PNG e EPS no Illustrator CC, Figma, InDesign, navegadores modernos e cenários comuns de envio para gráfica em 2026.
| Condição | Formato recomendado |
|---|---|
| O código QR será redimensionado em um layout de impressão | Use SVG para que os módulos fiquem nítidos no tamanho final de saída. |
| O código QR é apenas para uma imagem de e-mail de tamanho fixo | Use PNG: é simples, amplamente aceito e suficiente para usos apenas raster. |
| A gráfica pede um arquivo compatível com PostScript | Use EPS ou confirme se a gráfica consegue converter o SVG no seu sistema de pré-impressão. |
| O destino do código QR pode mudar depois da impressão | Use a saída SVG com um código QR dinâmico para que o arquivo vetorial continue o mesmo enquanto o destino do redirecionamento permanece editável. |
Como gerar um código QR SVG com QR-Build
- 1
Passo 1 - Escolha o tipo de código QR
Comece pelo tipo de conteúdo: URL, vCard, Wi-Fi, link de PDF, e-mail, evento, produto ou outra categoria de QR compatível. Se não souber qual tipo de conteúdo usar, consulte escolher seu tipo de código QR como referência complementar.
- 2
Passo 2 - Insira seu conteúdo
Adicione a URL de destino, os dados de contato, as credenciais do Wi-Fi, o link do documento ou o conteúdo da campanha. Em campanhas impressas, confirme que a URL é definitiva antes de escolher um código QR estático.
- 3
Passo 3 - Personalize o design
Ajuste cores, logo, moldura ou formato só depois que o conteúdo estiver correto. Se o estilo da marca for a prioridade, veja como personalizar o design do seu código QR sem comprometer a confiabilidade da leitura.
- 4
Passo 4 - Baixe em SVG
Selecione SVG como formato de exportação e posicione o arquivo no Illustrator, Figma, InDesign, em um componente web ou em um pacote pronto para impressão. Teste a leitura da arte posicionada antes de publicar ou aprovar uma tiragem.
Torne seu código QR SVG impresso atualizável
Um código QR dinâmico permite que o SVG impresso permaneça no lugar enquanto a URL de destino muda pela camada de redirecionamento da QR-Build.
Usando códigos QR SVG em softwares de design
Adobe Illustrator
O Adobe Illustrator é um software de design vetorial que importa SVG nativamente e permite editar caminhos. Posicione o SVG, use Objeto > Desagrupar se precisar acessar cada módulo, redimensione sem perda de qualidade e mude o modo de cor do documento para CMYK antes de exportar para impressão.
Figma
O Figma é uma ferramenta de design no navegador que aceita SVG colado da área de transferência ou importado como arquivo. Um SVG da QR-Build pode virar um componente, ser redimensionado em layouts de interface e continuar nítido em telas de alta densidade.
Adobe InDesign
O Adobe InDesign é um software de diagramação que insere SVG como arquivo vinculado ou incorporado. Preserve a zona silenciosa ao ajustar o quadro, pois cortar a borda em branco é um motivo comum de falha em códigos QR impressos.
Canva
O Canva é uma ferramenta de design online que permite usar SVG como elemento enviado, mas o upload de SVG pode depender do seu plano atual. Verifique o suporte a SVG na sua conta do Canva antes de prometer a um cliente a entrega de um vetor editável.
CorelDraw
O CorelDraw é um software de gráficos vetoriais usado em comunicação visual e impressão em grande formato. Ele abre SVG e EPS, mas as gráficas devem confirmar o comportamento específico do seu RIP antes de uma tiragem grande.
Inkscape e Affinity Designer
O Inkscape e o Affinity Designer trabalham com SVG como formato vetorial nativo. São opções práticas para freelancers que precisam inspecionar dados de caminhos ou converter arquivos para entrega ao cliente.
Incorporando códigos QR SVG na web
Incorporação inline significa inserir o markup SVG diretamente no HTML, o que permite controle por CSS e evita uma requisição HTTP extra. Incorporação como arquivo significa servir o SVG como imagem, o que facilita o gerenciamento quando designers e desenvolvedores compartilham arquivos.
| Método | Melhor para | Implementação |
|---|---|---|
| SVG inline | Componentes web, layouts responsivos, dimensionamento por CSS, sem requisição extra | Cole o markup SVG no HTML e adicione os atributos role e aria-label. |
| Arquivo de imagem | Páginas simples, uploads em CMS, documentação, pipelines de arquivos estáticos | Use um elemento img com um atributo alt descritivo e controle o tamanho de exibição com CSS. |
| Link de download | Entrega para desenvolvedores ou downloads de arquivos QR acessíveis aos usuários | Sirva o arquivo SVG com o tipo de conteúdo image/svg+xml correto. |
<svg role="img" aria-label="Código QR com link para a página da campanha" viewBox="0 0 256 256">...</svg>
<img src="/assets/campaign-qr.svg" alt="Código QR com link para a página da campanha"> Códigos QR SVG para impressão e embalagens
A exportação em SVG se encaixa na cadeia de impressão: ela gera caminhos vetoriais independentes de resolução, a zona silenciosa pode ser preservada no software de diagramação e o código continua legível quando o contraste e o tamanho estão corretos. Para planejar as dimensões, use o guia de tamanho de código QR para impressão junto com as especificações de produção da sua gráfica.
Designer de embalagens
O rótulo de um produto precisa de um código QR que abra uma página de garantia e deve ser posicionado no Illustrator sem desfoque raster.
O SVG mantém as bordas dos módulos nítidas e permite ao designer dimensionar o arquivo conforme as restrições do rótulo.
Operador de gráfica
Um cliente envia um PNG de baixa resolução para um banner de feira, mas a peça final tem mais de 1 metro de largura.
Um código QR vetorial pode ser ampliado para grande formato sem perda de qualidade, desde que a zona silenciosa e o contraste sejam mantidos.
Agência de marketing
Uma campanha sazonal usa pôsteres, displays de mesa e mala direta com um único destino QR que pode mudar.
A saída SVG de um QR dinâmico conecta o material impresso a uma URL de redirecionamento editável e reduz o risco de reimpressão.
Estúdio freelancer
Um cliente pede os arquivos finais da marca, incluindo um vetor do código QR para futuros cartões de visita e papelaria.
O SVG oferece um entregável reutilizável que pode ser inserido em futuros modelos impressos e digitais.
Códigos QR SVG estáticos e dinâmicos
Um código QR estático tem o destino codificado permanentemente no padrão no momento da geração. Um código QR dinâmico usa uma camada de redirecionamento, um intermediário no servidor que encaminha o tráfego de leitura de uma URL curta fixa para a URL de destino atual. Para uma comparação mais detalhada, veja códigos QR estáticos e dinâmicos para campanhas impressas e como as equipes podem acompanhar leituras com analytics de QR.
| Critério | Código QR SVG estático | Código QR SVG dinâmico |
|---|---|---|
| Edição do destino | O destino fica fixo após a geração. | O destino pode ser atualizado no painel sem alterar o SVG impresso. |
| Analytics | Sem analytics de leitura integrado, a menos que o sistema de destino registre as visitas. | O analytics de leitura pode relacionar o desempenho do QR ao ROI da campanha. |
| Risco de reimpressão | Risco maior quando URLs, cardápios, formulários ou páginas de campanha podem mudar. | Risco menor, porque o destino do redirecionamento pode ser editado depois da impressão. |
| Melhor uso | Peças impressas pontuais, destinos fixos e incorporações web simples. | Campanhas sazonais, embalagens, cardápios, materiais de eventos e tiragens longas. |
Erros comuns com códigos QR SVG
Cortar a zona silenciosa
A zona silenciosa é a borda em branco que os leitores usam para localizar o código. Mantenha pelo menos 4 módulos de largura em todos os lados depois de posicionar o SVG em um quadro ou layout.
Comprimir demais os caminhos
Uma otimização agressiva do SVG pode mesclar, simplificar ou alterar caminhos de forma a danificar a geometria dos módulos. Valide o arquivo otimizado antes de usá-lo em produção.
Usar cores com pouco contraste
Módulos claros sobre um fundo de baixo contraste podem falhar mesmo quando o SVG está perfeitamente nítido. Use módulos escuros sobre fundo claro, a menos que os testes comprovem o contrário.
Achar que o SVG melhora a leitura automaticamente
O SVG evita a pixelização, mas não compensa tamanho inadequado, contraste ruim, zona silenciosa danificada ou correção de erros insuficiente.
Usar EPS como solução alternativa
O EPS é útil quando a gráfica exige, mas as ferramentas modernas costumam trabalhar diretamente com SVG. Evite conversões desnecessárias, a menos que o fluxo de impressão exija.
Não confirmar com a gráfica
Algumas gráficas profissionais ainda exigem EPS para compatibilidade com fluxos RIP PostScript. Confirme os requisitos antes da entrega final.
Boas práticas para downloads de código QR SVG
Um código QR SVG pronto para produção deve ser gerado a partir do conteúdo final, preservar uma zona silenciosa de 4 módulos, ser testado após personalização e versionado antes da entrega.
-
Teste a leitura após personalizar
Teste o código QR depois de adicionar logos, mudar a cor dos módulos, colocá-lo sobre um fundo ou exportar a arte final. -
Use mais correção de erros com logos
Os níveis de correção de erros Q e H oferecem mais capacidade de recuperação quando um logo ou elemento de design cobre parte do padrão QR. -
Tenha uma alternativa dinâmica
Use códigos QR dinâmicos para cardápios, eventos, embalagens e campanhas sazonais em que uma mudança de URL obrigaria a reimprimir. -
Nomeie os arquivos com versões
Use uma convenção previsível, como brand-qr-v2.svg, para que designers, clientes e gráficas saibam qual arquivo foi aprovado. -
Guarde os arquivos de origem e os posicionados
Mantenha o SVG original junto ao arquivo de design final para que o código QR possa ser verificado ou substituído sem refazer todo o layout. -
Confira os preços atuais
Os recursos de QR dinâmico e os limites dos planos podem mudar. Acesse ver planos atuais antes de contar com condições de fluxos pagos.
Especificações técnicas
A exportação SVG da QR-Build gera caminhos limpos em vez de embalar um PNG rasterizado dentro de um contêiner SVG. Os arquivos são exportados como markup SVG válido. Os padrões e as opções de correção de erros dependem do fluxo de QR selecionado; os níveis L, M, Q e H correspondem a aproximadamente 7%, 15%, 25% e 30% de capacidade de recuperação. Recomendamos Q ou H para designs com logo e um teste de leitura antes de aprovar a impressão.
| Área | Especificação | Nota de produção |
|---|---|---|
| Formatos de arquivo | SVG, PNG e fluxos de envio para gráfica orientados a EPS | Use SVG para saída vetorial moderna; confirme os requisitos de EPS com a gráfica. |
| Zona silenciosa | Mínimo de 4 módulos de largura em todos os lados | Não corte a borda em branco ao posicionar o SVG em um quadro de layout. |
| Correção de erros | L 7%, M 15%, Q 25%, H 30% | Use Q ou H ao adicionar um logo ou quando as condições de impressão forem menos previsíveis. |
| DPI | Não se aplica ao SVG, pois o SVG é independente de resolução | O DPI importa na exportação raster e na produção gráfica final, não no arquivo vetorial de origem. |
| Conteúdo da URL | URLs mais curtas geram padrões QR menos densos | Redirecionamentos de QR dinâmico mantêm os padrões impressos compactos e preservam destinos editáveis. |
| Ferramenta | Suporte a SVG | Observação |
|---|---|---|
| Navegadores modernos | Renderização nativa de SVG em 2026 | O SVG inline não exige plugin nem polyfill no Chrome, Firefox, Safari ou Edge. |
| Adobe Illustrator CC | Importação nativa de SVG a partir de 2024 | Use o modo de documento CMYK para impressão e teste após mudar as cores. |
| Figma | Colar da área de transferência e importar arquivo | O SVG importado pode virar um componente ou um grupo vetorial editável. |
| Adobe InDesign | Inserção de SVG em documentos de diagramação | Confirme que o quadro não corta a zona silenciosa. |
| Canva | O upload de SVG pode depender do plano | Verifique o suporte da conta atual antes da entrega ao cliente. |
| Sistemas RIP de impressão antigos | Podem exigir EPS em vez de SVG | Pergunte à gráfica qual formato vetorial é necessário antes de uma tiragem grande. |
Glossário
SVG
SVG (Scalable Vector Graphics) é um formato de imagem vetorial baseado em XML que codifica gráficos como caminhos e é redimensionado sem pixelização.
EPS
EPS (Encapsulated PostScript) é um formato vetorial usado em fluxos profissionais de pré-impressão e em sistemas RIP antigos.
Vetor
Imagens vetoriais são definidas por caminhos matemáticos, por isso podem ser ampliadas infinitamente sem perder a nitidez das bordas.
Raster
Imagens raster são compostas por pixels fixos, por isso perdem qualidade quando ampliadas além das dimensões originais.
DPI
DPI (pontos por polegada) mede a resolução de impressão; não se aplica a arquivos SVG de origem, pois o SVG é independente de resolução.
Zona silenciosa
A zona silenciosa é a borda em branco ao redor de um código QR que os leitores usam para localizar o padrão; recomenda-se pelo menos 4 módulos de largura.
Correção de erros
A correção de erros é a redundância de dados do código QR que permite a leitura mesmo quando parte do padrão está encoberta; os níveis L, M, Q e H oferecem capacidade de recuperação crescente.
Incorporação inline
Incorporação inline significa inserir o markup SVG diretamente no HTML para que o CSS controle o código QR sem carregar um arquivo de imagem separado.
Código QR dinâmico
Um código QR dinâmico usa uma camada de redirecionamento que permite atualizar a URL de destino depois que o código é impresso.
Camada de redirecionamento
Uma camada de redirecionamento é um intermediário no servidor que encaminha o tráfego de leitura de uma URL curta fixa para a URL de destino atual.
Saída SVG limpa
Saída SVG limpa são dados de caminhos vetoriais sem imagem raster incorporada, o que permite redimensionar e inspecionar o arquivo com confiabilidade em softwares de design.
FAQ - Gerador de código QR SVG
O que é um código QR SVG?
Um código QR SVG é um código QR exportado como arquivo Scalable Vector Graphics, um formato construído com caminhos matemáticos que podem ser redimensionados para qualquer tamanho sem pixelização. Diferentemente de PNG ou JPG, o SVG é independente de resolução e continua nítido em qualquer dimensão de saída. A QR-Build gera códigos QR SVG para URLs, vCards, redes Wi-Fi, PDFs e todos os outros tipos de conteúdo compatíveis.
SVG é o melhor formato para códigos QR?
SVG é o melhor formato quando o código QR será usado em impressão, saídas de grande formato, embalagens ou como incorporação web inline que precisa de dimensionamento responsivo. Para contextos apenas digitais, como imagens para redes sociais, conteúdo no corpo de e-mails ou slides de apresentação, o PNG é mais simples e igualmente eficaz. Escolha o formato com base em onde e como o código QR será exibido.
Gerar código QR SVG com a QR-Build é grátis?
A QR-Build permite downloads em SVG para fluxos de código QR estático. Os códigos QR dinâmicos, que incluem URL de redirecionamento editável e analytics de leitura, estão disponíveis conforme as regras dos planos atuais. Acesse ver planos atuais para conferir recursos e preços atualizados.
Posso usar um código QR SVG no Adobe Illustrator?
Sim. Arquivos SVG abrem nativamente no Adobe Illustrator. Depois de importar, use Objeto > Desagrupar para acessar cada caminho e redimensione para qualquer tamanho sem perda de qualidade. A saída SVG da QR-Build usa dados de caminhos separados, sem raster incorporado, o que a torna adequada para revisão de produção. Mude o modo de cor do documento para CMYK antes de exportar para impressão.
Qual é a diferença entre SVG e EPS para códigos QR?
SVG e EPS são formatos vetoriais que podem ser redimensionados sem perda de qualidade. O SVG é o padrão moderno, compatível com navegadores, Figma, Illustrator, InDesign e as principais ferramentas de design. O EPS é um formato PostScript legado ainda usado em ambientes profissionais de pré-impressão. Para a maioria dos fluxos em 2026, o SVG é a escolha recomendada; escolha EPS apenas quando o sistema da sua gráfica exigir especificamente.
Posso tornar meu código QR SVG dinâmico?
O arquivo SVG é sempre estático, pois o padrão codificado é fixado no momento do download. Porém, se o código for criado como código QR dinâmico na QR-Build, ele aponta para uma URL de redirecionamento que pode ser atualizada no seu painel. O SVG impresso nunca muda; apenas o destino para o qual ele redireciona é atualizado. Isso torna os códigos QR SVG dinâmicos úteis em campanhas impressas cujas URLs podem mudar.
Como incorporar um código QR SVG em um site?
Cole o código-fonte SVG diretamente no HTML como elemento SVG inline para ter controle por CSS e evitar requisições HTTP extras. Como alternativa mais simples, use um elemento img com um atributo alt descritivo. Para acessibilidade, adicione role="img" e aria-label ao markup SVG inline para que a finalidade do código QR fique clara para tecnologias assistivas.
Um código QR SVG funciona em tamanho de outdoor?
Sim. O SVG é independente de resolução, então ampliá-lo para dimensões de outdoor não degrada a qualidade. A legibilidade em grande formato depende do contraste, de uma zona silenciosa de pelo menos 4 módulos em todos os lados e de um nível adequado de correção de erros. O formato do arquivo protege a nitidez, mas a qualidade da leitura ainda depende da arte final impressa.
O que é a zona silenciosa e por que ela importa na impressão?
A zona silenciosa é a borda em branco ao redor de um código QR que permite aos leitores localizar e ler o padrão. A zona silenciosa mínima recomendada é de 4 módulos de largura em todos os lados. Ao posicionar um código QR SVG em um software de diagramação, garanta que a zona silenciosa não seja cortada, pois essa é uma causa comum de falha na leitura de códigos QR impressos.
Como redimensionar um código QR SVG sem perder qualidade?
Redimensione o SVG arrastando uma alça de canto ou definindo uma dimensão específica no painel de transformação da sua ferramenta de design. Não é preciso reamostrar nem ajustar a resolução, pois o SVG é vetorial. Illustrator, Figma, InDesign e outros editores vetoriais mantêm a qualidade total em qualquer escala.
Posso adicionar um logo a um código QR SVG?
Sim. A QR-Build permite sobrepor um logo durante a criação do código QR, antes do download em SVG. Ao adicionar um logo, use o nível de correção de erros Q ou H quando disponível para que o código QR tenha mais capacidade de recuperação. Sempre teste a leitura do código QR final antes de aprovar uma tiragem.
Quais softwares abrem arquivos de código QR SVG?
Arquivos SVG abrem no Adobe Illustrator, Figma, Adobe InDesign, CorelDraw, Inkscape, Sketch, Affinity Designer e no Canva quando o upload de SVG está disponível no plano atual. O SVG também é renderizado nativamente pelo Chrome, Firefox, Safari e Edge, sem plugin.
Qual é a diferença entre SVG e PNG para códigos QR?
SVG é vetorial e PNG é raster. Um SVG pode ser redimensionado para qualquer tamanho sem alterar a qualidade das bordas, enquanto um PNG tem resolução fixa em pixels e pode ficar borrado quando ampliado. Use SVG para impressão, embalagens, grande formato e incorporações web inline. Use PNG em contextos apenas digitais em que o tamanho final da imagem é fixo.
Como usar um código QR SVG no Figma?
Copie o código-fonte SVG na QR-Build e cole diretamente em um arquivo do Figma, ou arraste o arquivo SVG baixado para o canvas. O Figma importa o SVG como geometria vetorial editável que pode ser redimensionada, recolorida ou aninhada dentro de um componente. Teste o código final após qualquer alteração de estilo.
Por que meu código QR SVG não é lido depois que o coloquei no layout?
A causa mais comum é uma zona silenciosa cortada: a borda em branco foi aparada ao posicionar ou enquadrar o SVG no software de diagramação. Restaure pelo menos 4 módulos de espaço em branco em todos os lados. A segunda causa mais comum é o baixo contraste. A escolha entre SVG e PNG não determina o sucesso da leitura; contraste, zona silenciosa, tamanho e correção de erros são os fatores decisivos.
Ferramentas relacionadas de código QR
Gere um código QR SVG pronto para produção
Crie um QR vetorial limpo para impressão, embalagens, software de design ou incorporação web.
Sem wrapper raster. Saída vetorial limpa para entrega profissional.