Formato de imagem

SVG

Gráficos vetoriais baseados em XML, com formas, texto e animação opcional. A exportação raster define uma resolução específica em pixels.

Conheça o formato

Converter SVG para

Escolha um formato de destino para suas imagens SVG.

Todas as 22 conversões

Os caminhos indicados podem exigir etapas como mesclar camadas, rasterizar, aplicar mapeamento de tons ou perder a animação.

Converter para SVG

Escolha um formato de origem para converter para SVG.

Todas as 39 conversões

Os caminhos indicados podem exigir etapas como mesclar camadas, rasterizar, aplicar mapeamento de tons ou perder a animação.

Sobre SVG

Scalable Vector Graphics

SVG é uma linguagem do W3C para descrever gráficos bidimensionais em XML. Traçados, formas, texto, gradientes e transformações descrevem como desenhar a imagem, em vez de registrar apenas uma matriz fixa de pixels. Permite criar gráficos escaláveis para diagramas, ícones de interface e ilustrações que precisam ser exibidos em diferentes tamanhos.

Opacidade, recorte e máscaras podem criar composições transparentes. SVG também pode fazer referência a imagens raster, fontes, estilos e recursos externos; essas dependências afetam a portabilidade. Animação e scripts interativos são possíveis em contextos adequados, mas um SVG carregado como imagem estática pode operar em um modo de processamento mais restrito.

Use SVG para diagramas, logotipos e ícones cujas formas precisam manter a nitidez ao mudar de tamanho. Uma fotografia incorporada em SVG continua sendo uma imagem raster e não ganha detalhes vetoriais. Para exportar PNG ou JPEG, escolha com cuidado as dimensões, as fontes e o fundo; a renderização converte os elementos vetoriais, o texto e a animação em pixels.

Principais recursos

Compressão
Não é um codec de pixels
Transparência
Sim
Animação
Sim
Extensões
.svg
Tipo MIME
image/svg+xml
Metadados
Metadados XML, title, desc
Ideal para
Diagramas e ícones escaláveis
Gráficos vetoriais
Traçados, formas e texto

SVG descreve geometria, em vez de usar um codec de pixels com ou sem perdas. O XML pode ser comprimido para transferência, mas a rasterização é uma operação separada que fixa a resolução e pode eliminar a possibilidade de edição.

História do SVG

SVG evolui por meio das especificações do W3C para gráficos estruturados na web; uma revisão posterior aproxima o formato dos recursos da plataforma web.

  1. 2001

    SVG 1.0

    SVG 1.0 torna-se uma Recomendação do W3C, definindo uma linguagem XML para gráficos vetoriais, texto e inclusão de imagens raster.

  2. 2003

    SVG 1.1

    SVG 1.1 revisa e modulariza a especificação, preservando o modelo gráfico central. Seus módulos descrevem recursos que as implementações podem oferecer em diferentes perfis.

  3. 2011

    SVG 1.1, segunda edição

    A segunda edição é publicada como Recomendação em 16 de agosto de 2011, com esclarecimentos e correções, sem criar um formato raster diferente.

  4. 2018

    SVG 2: candidata a Recomendação

    O documento SVG 2 de 4 de outubro de 2018 tem o status de Candidata a Recomendação. Atualiza a integração com CSS e DOM; esse status não deve ser confundido com uma Recomendação concluída do W3C.

Comparando SVG

Cada formato tem vantagens e limitações. Escolha de acordo com a imagem e o fluxo de trabalho.

PNG

SVG versus PNG

PNG preserva os pixels decodificados sem perdas e pode incluir canal alfa. É útil para gráficos transparentes e capturas de tela; não preserva camadas editáveis de documentos nem dados do sensor da câmera, e os arquivos de fotografias podem ser grandes.

PDF

SVG versus PDF

PDF preserva uma descrição de página que pode combinar texto, caminhos vetoriais e imagens raster. É adequado a documentos com layout fixo; extrair uma imagem ou rasterizar uma página exige escolher a página, a resolução e o tratamento de cor.

WebP

SVG versus WebP

WebP combina codificação de imagens de 8 bits, com ou sem perdas, com canal alfa e animação. É uma opção para distribuição na web quando esses recursos são importantes; amostras de alta precisão e estruturas editáveis do original precisam de outro formato de trabalho.

ICO

SVG versus ICO

ICO reúne vários tamanhos de ícone em um único recurso. É adequado a ícones de aplicativos Windows e favicons compatíveis; um formato de imagem comum é mais simples para uma única imagem em tamanho completo, enquanto exportar ícones exige escolher os tamanhos.

Perguntas frequentes sobre SVG

O que esse formato armazena?

SVG é uma linguagem do W3C para descrever gráficos bidimensionais em XML. Traçados, formas, texto, gradientes e transformações descrevem como desenhar a imagem, em vez de registrar apenas uma matriz fixa de pixels. Permite criar gráficos escaláveis para diagramas, ícones de interface e ilustrações que precisam ser exibidos em diferentes tamanhos.

Como a compressão afeta a qualidade?

SVG descreve geometria, em vez de usar um codec de pixels com ou sem perdas. O XML pode ser comprimido para transferência, mas a rasterização é uma operação separada que fixa a resolução e pode eliminar a possibilidade de edição.

Converter uma foto em SVG permite ampliá-la sem perder detalhes?

Incorporar a foto apenas envolve seus pixels raster em um contêiner. Reconstruir traçados exige um processo separado de vetorização, que não consegue reproduzir exatamente todos os detalhes de uma fotografia.

O que verificar antes de abrir o arquivo?

Confira fontes, imagens vinculadas, filtros e o modo de processamento. Um SVG interativo independente e o mesmo arquivo usado em um elemento de imagem podem oferecer recursos diferentes.

O que muda ao exportar para outro formato?

A exportação raster define as dimensões de saída e um estado estático de renderização. Elimina os traçados e o texto editável; JPEG também mescla a transparência. As imagens raster incorporadas limitam os detalhes disponíveis em tamanhos maiores.

Quando esse formato é útil?

Use SVG para diagramas, logotipos e ícones cujas formas precisam manter a nitidez ao mudar de tamanho. Uma fotografia incorporada em SVG continua sendo uma imagem raster e não ganha detalhes vetoriais. Para exportar PNG ou JPEG, escolha com cuidado as dimensões, as fontes e o fundo; a renderização converte os elementos vetoriais, o texto e a animação em pixels.

Fontes