Comparar
SVG vs WebP
SVG descreve formas vetoriais; WebP é principalmente um formato de imagem raster. Logotipos e diagramas costumam ser vetoriais, enquanto fotos e arte em pixels são raster. Escolha pelo conteúdo e teste nos navegadores-alvo.
Qual formato você deve escolher?
Use SVG para logotipos, ícones e diagramas escaláveis; use WebP para fotos e arte raster quando a entrega web e o suporte do navegador forem adequados.
Indicado para SVG
Logos, ícones e diagramas · Gráficos de UI escaláveis
- Ilustrações redimensionadas
- Formas e ícones editáveis
Indicado para WebP
Imagens para a web · Fotografias · Recursos web transparentes
- Reduzir a transferência de imagens web
- Recursos com transparência ou animação
Informações básicas
| Campo | SVG | WebP |
|---|---|---|
| Extensão | .svg | .webp |
| Tipo MIME | image/svg+xml | image/webp |
| Usos comuns | Logos, ícones e diagramas · Gráficos de UI escaláveis | Imagens para a web · Fotografias · Recursos web transparentes |
| Como abrir | Abra SVG em navegador, editor vetorial ou visualizador compatível. | Abra arquivos WebP em um navegador, visualizador ou editor de imagens compatível. |
| Exportar ou converter | Exporte uma cópia PNG quando precisar de raster e confira tamanho, fontes, cor e transparência. | Ao exportar WebP para JPEG, a transparência não é preservada e a saída tem perdas. Ao exportar para PNG, defina se uma imagem estática basta e trate a animação separadamente quando necessário. |
Escolha por finalidade
Ilustrações redimensionadas
Logos, ícones e diagramas · Gráficos de UI escaláveis
SVGFormas e ícones editáveis
Logos, ícones e diagramas · Gráficos de UI escaláveis
SVGReduzir a transferência de imagens web
Imagens para a web · Fotografias · Recursos web transparentes
WebPRecursos com transparência ou animação
Imagens para a web · Fotografias · Recursos web transparentes
WebPPonto principal 1
SVG escala formas vetoriais sem grade fixa de pixels.
Mais sobre as diferençasPonto principal 2
WebP armazena imagens raster com compressão com ou sem perdas.
Mais sobre as diferençasMais sobre as diferenças
Visualize o recurso nos tamanhos reais e confira cor, transparência e renderização nos navegadores-alvo. Não converta foto para SVG esperando uma representação vetorial compacta.
- SVG é útil para arte geométrica que deve permanecer nítida ao ampliar.
- WebP é voltado à entrega de imagens raster e pode reduzir o peso.
- A conversão muda a representação e pode afetar aparência ou edição.
Perguntas frequentes
SVG pode substituir WebP para fotografias?
Geralmente não com eficiência. SVG pode incorporar dados raster, mas WebP costuma ser mais adequado à entrega de fotos.