O que é SVG? O guia do formato Scalable Vector Graphics
SVG (Scalable Vector Graphics) é um formato de imagem único que usa XML para descrever gráficos bidimensionais como vetores em vez de pixels. Diferente dos formatos raster como JPEG ou PNG, imagens SVG podem ser escaladas para qualquer tamanho sem perda de qualidade, tornando-as ideais para logos, ícones, diagramas e web design responsivo.
O que é SVG?
SVG é um formato de imagem vetorial baseado em XML, desenvolvido pelo W3C e introduzido em 2001. Diferente dos formatos raster (JPEG, PNG, GIF) que armazenam imagens como uma grade de pixels, o SVG armazena imagens como descrições matemáticas de formas, caminhos, texto e gradientes. Isso significa que a imagem pode ser escalada para qualquer dimensão - de um pequeno ícone a um outdoor - sem nenhuma perda de qualidade ou aumento no tamanho do arquivo.
Arquivos SVG são essencialmente arquivos de texto contendo marcação XML, o que significa que podem ser editados com qualquer editor de texto, pesquisados por motores de busca e comprimidos efetivamente com gzip. O SVG suporta estilização via CSS, interatividade via JavaScript e animação via SMIL ou animações CSS. O TurnPic converte imagens raster para SVG incorporando os dados do bitmap dentro de um contêiner SVG, fornecendo a estrutura e escalabilidade do SVG enquanto preserva os dados originais dos pixels.
Prós e contras do SVG
O SVG oferece vantagens únicas para gráficos vetoriais, mas tem limitações para conteúdo fotográfico.
| Prós | Contras |
|---|---|
| Infinitamente escalável sem perda de qualidade - ideal para design responsivo | Não adequado para fotografias complexas - SVG é projetado para gráficos vetoriais |
| Arquivos pequenos para gráficos simples como logos e ícones | SVGs complexos com muitos elementos podem ficar grandes e lentos para renderizar |
| Texto pesquisável e suporte a interatividade via CSS/JavaScript | Imagens raster incorporadas em SVG não se beneficiam da escalabilidade vetorial |
Compatibilidade de navegadores
O SVG tem excelente suporte em navegadores - todos os navegadores modernos, incluindo Chrome, Firefox, Safari, Edge e Opera, suportam SVG há muitos anos. SVG pode ser exibido inline em HTML, referenciado como origem de imagem ou carregado como arquivo independente. O suporte em navegadores móveis também é abrangente. A principal consideração de compatibilidade é que navegadores muito antigos (IE 8 e anteriores) não suportam SVG, mas isso raramente é uma preocupação em 2026.
Quando usar SVG
O SVG é o formato ideal para qualquer gráfico que precise escalar sem perda de qualidade. É o formato preferido para logos, ícones, diagramas, gráficos e ilustrações que serão exibidos em múltiplos tamanhos. Para fotografias e imagens complexas com muitas cores, o SVG não é adequado - use JPEG, PNG, WebP ou AVIF.
Cenários comuns em que o SVG se destaca incluem:
- Logos e gráficos de marca que precisam parecer nítidos em qualquer tamanho
- Ícones e elementos de interface para sites e aplicativos responsivos
- Diagramas, gráficos e ilustrações técnicas
- Gráficos que precisam de estilização CSS ou interatividade JavaScript
Como converter imagens para SVG
Converter imagens para SVG com o TurnPic incorpora sua imagem raster dentro de um contêiner SVG. Envie seus arquivos JPEG, PNG, GIF, BMP, WebP, AVIF ou ICO usando a página do conversor de SVG. A ferramenta suporta conversão em lote de até 30 imagens por envio, com limite de 10 MB por arquivo.
A conversão cria um arquivo SVG que contém a imagem bitmap original codificada como dados base64 dentro da estrutura XML do SVG. Isso fornece o formato e a estrutura do arquivo SVG enquanto preserva o conteúdo visual. O SVG resultante pode ser aberto em qualquer aplicativo compatível com SVG. Após o processamento, baixe cada arquivo SVG individualmente ou como um arquivo ZIP.
Perguntas frequentes
O SVG pode conter fotografias?
SVG puro é um formato vetorial e não é projetado para fotografias. No entanto, o SVG pode incorporar imagens raster (bitmaps) dentro de sua estrutura XML usando codificação base64 ou referências externas. O TurnPic usa essa abordagem para criar arquivos SVG a partir de imagens raster. A imagem incorporada mantém sua natureza baseada em pixels, mas é envolvida no formato SVG.
Minha imagem SVG escalará sem perda de qualidade?
Gráficos SVG vetoriais puros escalam perfeitamente sem nenhuma perda de qualidade. No entanto, quando um SVG contém uma imagem raster incorporada (como produzido pelo conversor do TurnPic), a parte do bitmap incorporado ainda é baseada em pixels e mostrará perda de qualidade quando escalada além de sua resolução original. O contêiner SVG em si é escalável, mas os detalhes da imagem incorporada não são.
SVG é menor que PNG ou JPEG?
Para gráficos vetoriais simples como logos e ícones, arquivos SVG são tipicamente muito menores que arquivos PNG equivalentes. No entanto, quando o SVG contém uma imagem raster incorporada, o arquivo é na verdade maior que o original porque os dados da imagem são codificados em base64 (o que adiciona cerca de 33% de overhead). Para conteúdo fotográfico, JPEG ou WebP são muito menores.
Posso editar arquivos SVG?
Sim, arquivos SVG são arquivos de texto XML e podem ser editados com qualquer editor de texto ou software especializado de gráficos vetoriais como Adobe Illustrator, Inkscape ou Figma. Esta é uma das principais vantagens do SVG - a definição da imagem é legível e editável, diferentemente dos formatos raster que são binários.
Pronto para converter suas imagens para SVG?
Converter para SVG agora