SVG (Scalable Vector Graphics) é um formato SVG comumente usado para ícones, logotipos e diagramas. Este guia cobre opções de compatibilidade, compactação, transparência e conversão.
| Recurso | Suporte |
|---|---|
| Transparência | alpha |
| Animação | native_or_css_script |
| Usos primários | logos, icons, diagrams, charts, responsive graphics |
Extensão
.svg
Compressão
text_or_gzip
Suporte ao navegador
modern_major
Inventor
W3C SVG Working Group
Organização do inventor
W3C
Ano de origem
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG é um formato vetorial baseado em texto para logotipos, ícones, diagramas, gráficos e gráficos responsivos. Ele é dimensionado de forma limpa porque descreve formas em vez de pixels fixos, mas deve ser limpo ao aceitar uploads não confiáveis.
SVG foi desenvolvido pelo W3C como uma linguagem gráfica vetorial baseada em XML para a web.
Rasterize SVG para PNG quando for necessária compatibilidade de pixel fixo. Escolha cuidadosamente as dimensões de saída, escala, cor de fundo e manuseio da fonte.
SVG permanece nítido em qualquer tamanho até ser rasterizado. As saídas PNG/JPG são instantâneos de pixel fixo das instruções vetoriais.
SVG pode conter metadados, referências incorporadas, scripts, links e texto. Limpe SVG não confiável e bloqueie cargas de recursos externos durante a conversão.
Forte suporte a navegador e editor de vetores; a renderização varia de acordo com as fontes e recursos.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
O suporte à transparência SVG é: alfa. Escolha um formato de destino com suporte alfa quando fundos transparentes forem importantes.
Converta SVG quando outro formato corresponder melhor às necessidades de compatibilidade, tamanho do arquivo, transparência, metadados ou edição.
Fontes ausentes, recursos externos, CSS ou recursos SVG não suportados podem alterar o resultado rasterizado.
SVG é marcação e pode conter scripts ou referências externas. SVG não confiável deve ser higienizado antes da renderização.
Use o tamanho de exibição final ou exporte em 2x/3x para telas de alta densidade.
Use SVG onde houver suporte para logotipos escaláveis; use PNG como substituto para fluxos de trabalho raster fixos.
W3C - official_spec
MDN Web Docs - browser_documentation