Glossário Colaborativo

SVG

Scalable Vector Graphics

Formato de imagem vetorial que descreve formas com equações matemáticas em vez de pixels — pode ser ampliado para qualquer tamanho sem perder qualidade.

Ao contrário de PNG e JPEG (que armazenam pixels), o SVG armazena instruções: "desenhe um círculo de raio 50 aqui, uma linha azul ali". Por isso, ampliado 10× ou 1000×, o resultado continua nítido — sem os quadradinhos que aparecem em imagens raster.

O SVG é, tecnicamente, um arquivo de texto em XML: você consegue abri-lo no bloco de notas e ler o código. Isso traz outras vantagens: pode ser editado com CSS ou JavaScript, indexado por mecanismos de busca, e o tamanho do arquivo costuma ser menor que o equivalente em PNG para ícones e logos.

Usos ideais: logos, ícones, ilustrações, infográficos. No contexto do Cuidar Seguro, o SVG é o formato certo para o logo da marca — um único arquivo serve para o favicon (32 px) e para um banner de congresso (2000 px). O INPI exige imagem em alta resolução para depósito de marca figurativa; gerar um PNG 600×600 a partir do SVG é trivial.

Não usar para: fotografias — o SVG não é eficiente para imagens com milhões de cores contínuas.

Veja também