Fatos principais
- Categoria
- Media
- Tipos de entrada
- file, number, range, checkbox, color
- Tipo de saída
- file
- Cobertura de amostras
- 4
- API disponível
- Yes
Visão geral
O Conversor SVG para WebP permite transformar gráficos vetoriais escaláveis em imagens WebP otimizadas, garantindo arquivos mais leves e carregamento rápido para a web sem perder a qualidade visual.
Quando usar
- •Quando você precisa reduzir o tamanho de arquivos de ícones ou ilustrações para melhorar a performance do seu site.
- •Ao preparar ativos gráficos para navegadores que exigem formatos de imagem modernos e eficientes.
- •Quando deseja converter vetores complexos em imagens rasterizadas mantendo a transparência original.
Como funciona
- •Envie o seu arquivo SVG original através da interface de upload.
- •Ajuste as configurações de saída, como dimensões, densidade (DPI) e nível de qualidade WebP.
- •Defina se deseja manter a transparência ou aplicar uma cor de fundo específica.
- •Clique em converter e baixe o arquivo WebP otimizado instantaneamente.
Casos de uso
Exemplos
1. Otimização de Logotipo para Web
Desenvolvedor Web- Contexto
- Um logotipo em SVG estava pesando demais para o carregamento inicial da página principal.
- Problema
- Reduzir o tamanho do arquivo mantendo a transparência e a nitidez.
- Como usar
- Carreguei o arquivo SVG, ativei a opção 'Preservar Transparência' e ajustei a qualidade para 85.
- Configuração de exemplo
-
quality: 85, preserveTransparency: true - Resultado
- O arquivo WebP resultante ficou 70% menor que o original, mantendo a fidelidade visual perfeita.
2. Conversão de Ícones para App
Designer UI- Contexto
- Necessidade de converter um conjunto de ícones vetoriais para um formato de imagem rasterizado com dimensões fixas.
- Problema
- Garantir que todos os ícones tenham o mesmo tamanho e densidade de pixels.
- Como usar
- Defini a largura e altura para 128px e a densidade para 72 DPI.
- Configuração de exemplo
-
width: 128, height: 128, density: 72 - Resultado
- Todos os ícones foram convertidos uniformemente, prontos para serem integrados ao design do aplicativo.
Testar com amostras
xml, image, svgHubs relacionados
FAQ
O que é o formato WebP?
O WebP é um formato de imagem moderno que oferece compressão superior para imagens na web, resultando em arquivos menores com a mesma qualidade visual.
Posso manter a transparência do meu SVG?
Sim, a ferramenta possui uma opção para preservar a transparência, garantindo que o fundo do seu gráfico permaneça transparente no arquivo WebP.
Como a qualidade da imagem é afetada?
Você pode controlar a qualidade através de um seletor de 1 a 100. Valores mais altos preservam mais detalhes, enquanto valores menores reduzem drasticamente o tamanho do arquivo.
É possível redimensionar a imagem durante a conversão?
Sim, você pode definir manualmente a largura e a altura desejadas em pixels antes de iniciar o processo de conversão.
O que é o esforço de compressão?
O esforço de compressão define o equilíbrio entre a velocidade de processamento e a eficiência da compressão; valores mais altos resultam em arquivos menores, mas levam mais tempo para processar.