Desempenho · GUIA PRÁTICO

Quando usar SVG em vez de imagem raster

Use vetor para logos e gráficos de formas; mantenha raster para conteúdo fotográfico quando fizer sentido.

SVG descreve formas escaláveis; JPEG, WebP e PNG representam pixels e atendem a outros tipos de ativo.

Antes de começar

Observe se o arquivo contém linhas, formas planas, fotografia ou detalhes que dependem de pixels.

Passo a passo

  1. Escolha o formato apropriado e teste a nitidez no tamanho mínimo e máximo de exibição.

  2. Valide peso, renderização e alternativa textual se o SVG transmitir informação.

Limites e cuidados

Arquivos SVG externos também precisam de acesso e tratamento seguro; não aceite conteúdo não confiável.

Continue na biblioteca

Fonte oficial: Como escolher formatos de imagem — web.dev.

Continue por aqui