Sobre o Any2SVG

O que é o Any2SVG?

O Any2SVG é um conversor gratuito de imagens para SVG que transforma imagens rasterizadas em gráficos vetoriais escaláveis diretamente no seu navegador. Não é preciso criar conta, não há assinatura para pagar e não tem marca d'água no seu arquivo de saída. Você envia uma imagem, ajusta algumas configurações se quiser e baixa um arquivo SVG pronto para uso.

A ferramenta aceita os formatos rasterizados mais comuns: PNG, JPG/JPEG, WebP, GIF, BMP, TIFF e AVIF, com um limite de 10 MB por imagem. Como a saída é SVG, você pode redimensioná-la para qualquer tamanho sem a pixelização que acontece ao ampliar um bitmap.

O Any2SVG foi feito para qualquer pessoa que precise de uma versão vetorial rápida de um logotipo, ícone, ilustração ou gráfico. Funciona melhor com imagens de alto contraste e formas bem definidas. Fotografias e imagens com gradientes sutis também são convertidas, mas o resultado é uma aproximação vetorial estilizada, e não uma reprodução perfeita pixel a pixel.

Como a vetorização de imagens funciona

Quando você arrasta uma imagem para o Any2SVG, a conversão acontece em três etapas. Primeiro, o navegador renderiza o arquivo de origem em um elemento HTML Canvas, fornecendo à ferramenta os dados brutos de pixels. Segundo, esses dados de pixels são rastreados pelo ImageTracer.js, uma biblioteca JavaScript do lado do cliente que examina cada pixel, agrupa cores semelhantes e desenha caminhos vetoriais ao redor de cada região de cor.

O algoritmo de rastreamento quantiza a imagem em uma paleta de cores limitada e então gera elementos de caminho SVG que aproximam os limites entre essas regiões de cor. Bordas retas e contornos de alto contraste resultam em caminhos limpos e precisos. Gradientes suaves e texturas fotográficas produzem resultados mais complexos e menos previsíveis.

É importante entender que esse processo cria uma aproximação vetorial da imagem original, não uma reprodução 1:1. Gráficos simples como logotipos, ícones e arte em linhas geram os SVGs mais limpos. Fotografias complexas serão convertidas, mas o resultado vai parecer uma versão estilizada e posterizada da fonte. Para mais informações sobre a diferença entre imagens rasterizadas e vetoriais, consulte nosso guia sobre imagens rasterizadas vs. vetoriais.

Controles de vetorização explicados

O Any2SVG oferece vários controles para ajustar com precisão como o algoritmo de rastreamento interpreta sua imagem. Entender essas configurações ajuda você a obter a melhor saída SVG possível para o seu caso de uso específico.

Número de cores determina quantas regiões de cor distintas o rastreador cria. Menos cores produzem arquivos SVG mais simples e menores com formas mais amplas. Mais cores capturam detalhes mais finos, mas aumentam o tamanho do arquivo e a complexidade dos caminhos. Para logotipos e ícones, um número baixo de cores geralmente funciona melhor.

Nível de detalhe controla o quão de perto os caminhos rastreados seguem os limites dos pixels. Mais detalhe significa curvas mais apertadas e mais pontos de ancoragem, o que melhora a precisão mas aumenta o tamanho do arquivo. Menos detalhe suaviza os caminhos e pode remover ruído.

Otimização de caminhos simplifica os caminhos gerados removendo pontos redundantes e retificando segmentos quase lineares. Maior otimização produz arquivos mais limpos e menores. Precisão de coordenadas define quantas casas decimais as coordenadas dos caminhos usam. Menos decimais significam arquivos menores com um leve arredondamento posicional.

Modo de camadas determina se as regiões de cor se empilham umas sobre as outras ou ficam lado a lado. Pré-processamento de desfoque aplica um leve desfoque gaussiano à imagem rasterizada antes do rastreamento, o que pode reduzir ruído em fotografias. A configuração opcional de viewBox permite que você defina o sistema de coordenadas SVG independentemente das dimensões em pixels.

Um bom ponto de partida para logotipos: use menos cores, maior otimização de caminhos e detalhe moderado. Para ilustrações com mais variação tonal, aumente o número de cores e o nível de detalhe.

Formatos suportados e conversão em lote

O Any2SVG aceita sete formatos de imagem rasterizada como entrada: PNG, JPG/JPEG, WebP, GIF, BMP, TIFF e AVIF. Cada arquivo pode ter até 10 MB. O formato de saída é sempre SVG.

Você pode converter várias imagens de uma vez usando o modo em lote. Selecione ou arraste vários arquivos para o conversor, ajuste suas configurações de vetorização e converta todos em uma única operação. Quando terminar, baixe todos os resultados de uma vez como um arquivo ZIP, montado no navegador usando a biblioteca de compressão fflate.

Antes da conversão, você também tem acesso a ferramentas de pré-processamento. A função de redimensionar permite escalar a imagem por largura, altura, dimensões exatas, porcentagem ou predefinições de tela comuns, com uma opção de ampliação. A ferramenta de recorte oferece controles de zoom e proporção, incluindo recorte livre e uma predefinição quadrada 1:1. A auto-orientação lê a tag de orientação EXIF e rotaciona a imagem de acordo, para que fotos tiradas em dispositivos móveis sejam exibidas corretamente antes do rastreamento.

Guias relacionados

Mantemos uma biblioteca crescente de artigos e guias para ajudar você a aproveitar ao máximo a conversão de imagens e entender os formatos envolvidos. Aqui estão dois que complementam as informações desta página:

• Metadados de imagens (EXIF): o que são, riscos e como removê-los — Entenda quais metadados suas fotos carregam, por que isso pode ser uma preocupação de privacidade e como removê-los antes de compartilhar ou converter.
• Imagens rasterizadas vs. vetoriais — Aprenda a diferença fundamental entre gráficos baseados em pixels e baseados em caminhos, e por que o SVG é o formato preferido para visuais escaláveis na web.