SVG

SVG (Scalable Vector Graphics) é um formato baseado em XML para gráficos vetoriais bidimensionais, padronizado pelo W3C. Os arquivos usam a extensão .svg e o tipo de mídia image/svg+xml. Em vez de armazenar pixels, um arquivo SVG descreve formas, caminhos, textos, gradientes e filtros como marcação, que o visualizador desenha em qualquer tamanho.

Como o SVG é texto, ele pode ser editado em um editor de código, comprimido com gzip, estilizado com CSS e alterado com JavaScript. Os navegadores renderizam SVG nativamente, e as ferramentas de design o exportam para ícones, logotipos e ilustrações. Um arquivo SVG também pode conter imagens raster incorporadas, mas essas partes se comportam como qualquer outro bitmap.

Vetorial ou raster

	Vetorial (SVG)	Raster (PNG, JPG, WebP)
Armazena	Formas e caminhos	Pixels
Ampliação	Nítido em qualquer tamanho	Borra ao ser ampliado
Melhor para	Ícones, logotipos, diagramas	Fotos, capturas de tela
Tamanho do arquivo	Cresce com a complexidade	Cresce com a quantidade de pixels

Onde o SVG é usado

• Logotipos de sites e conjuntos de ícones.
• Gráficos e diagramas gerados por código.
• Ilustrações e animações simples em páginas web.
• Favicons em navegadores que suportam favicons SVG.

SVG e capturas de tela

Uma captura de tela é uma grade de pixels, então é uma imagem raster por natureza. Salvá-la dentro de um arquivo SVG não a torna escalável; o bitmap incorporado continua borrando quando ampliado. Ferramentas de rastreamento podem converter uma captura em caminhos vetoriais, mas o resultado raramente corresponde a textos pequenos de interface e fica bem maior.

Onde o SVG se encaixa em fluxos com muitas capturas de tela

O SVG funciona bem nas partes ao redor de uma captura de tela: setas, chamadas, logotipos e diagramas que explicam a imagem. Um padrão comum é uma captura em PNG ou WebP para a interface, com ícones e anotações em SVG posicionados sobre ela em uma página web.

Erros comuns

• Incorporar um PNG grande em um SVG e chamar o resultado de arquivo vetorial.
• Enviar SVG para plataformas que aceitam apenas PNG ou JPG.
• Abrir arquivos SVG não confiáveis sem cuidado, já que um SVG pode conter scripts.

Precisa corrigir uma imagem agora?

Converta uma captura de tela entre PNG, JPG e WebP com o Image Converter ou reduza o tamanho dela com o Image Compressor.

Perguntas frequentes

Posso salvar uma captura de tela como SVG?

Você pode envolvê-la em um arquivo SVG, mas ela continua sendo um bitmap. Use PNG para capturas de tela.

SVG é menor que PNG?

Para formas simples, geralmente sim. Para imagens detalhadas e capturas de tela, geralmente não.

Fontes

• Scalable Vector Graphics (SVG) 2 (W3C)
• SVG (MDN)

Recursos relacionados

• Conversor de imagens: conversão entre PNG, JPG e WebP.
• Ferramenta de anotação de capturas de tela: adiciona setas e rótulos a uma captura.
• Formatos de exportação: formatos raster que o Temposhot exporta.