Visualizador de SVG

Cole o código SVG ou envie um arquivo SVG para vê-lo em uma prévia grande, com zoom, fundo alternável (xadrez, claro ou escuro) e a leitura da largura, altura e viewBox originais. Baixe o SVG ou exporte como PNG, tudo no seu navegador.

O Visualizador de SVG é uma ferramenta gratuita que renderiza qualquer SVG direto no seu navegador para você examinar de verdade. Cole o código SVG ou envie um arquivo SVG e ele desenha a arte em uma prévia grande na qual você pode aplicar zoom, ajustar à área ou redefinir, alternando o fundo entre um xadrez de transparência, branco e escuro para avaliar como o desenho fica sobre diferentes superfícies. A ferramenta também lê o arquivo e mostra a largura e altura originais, a viewBox e o tamanho renderizado atual. Quando estiver satisfeito, você pode baixar o SVG sem alterações ou exportar um PNG. Nada é enviado, então o seu gráfico nunca sai do seu computador.

O que é um visualizador de SVG?

Um visualizador de SVG é uma ferramenta que exibe uma imagem em Scalable Vector Graphics e mostra informações sobre ela. SVGs são texto XML, e não pixels, então abrir um em um editor de código mostra apenas o código, e abri-lo em alguns aplicativos esconde os detalhes que importam. Este visualizador renderiza a imagem em qualidade total, permite aplicar zoom para inspecionar os detalhes finos e revela os números por trás dela: os atributos de largura e altura que definem o tamanho original e a viewBox que controla o sistema de coordenadas e como o gráfico é escalado. O fundo xadrez revela exatamente quais partes da imagem são transparentes.

Como visualizar um SVG

Abrir e inspecionar um SVG leva apenas alguns passos:

  1. Cole o código SVG na caixa de entrada, ou clique em Enviar arquivo SVG para carregar um do seu dispositivo.
  2. Clique em Visualizar SVG para renderizá-lo na área de prévia.
  3. Use os botões de zoom para aproximar e afastar, ajustar a imagem à área ou redefinir para 100%.
  4. Alterne o fundo entre xadrez, claro e escuro para ver como o gráfico fica em cada um.
  5. Leia o tamanho original, a viewBox e o tamanho renderizado, depois baixe o SVG ou exporte um PNG.

Por que o botão de fundo importa?

A maioria dos SVGs tem áreas transparentes, e o fundo sobre o qual você os coloca muda a aparência. Um logotipo feito para um site branco pode desaparecer em uma barra escura, e um ícone branco fica invisível em uma página clara. O fundo xadrez é a forma padrão de mostrar a transparência, então você vê exatamente onde a imagem é transparente. Alternar entre claro e escuro deixa você confirmar que o gráfico continua legível antes de colocá-lo em um layout real, sem precisar inseri-lo no seu projeto primeiro.

O visualizador de SVG é seguro e privado?

Sim. O visualizador renderiza o seu SVG apontando um elemento de imagem para um data URI gerado a partir do código, o que desenha a arte sem executar nenhum script que possa estar embutido no arquivo. A largura, a altura e a viewBox são lidas analisando o código como XML e lendo atributos, nunca injetando código bruto na página. Tudo roda no seu navegador com JavaScript, então o SVG que você cola ou envia nunca é mandado nem armazenado em servidores.

Por que usar este visualizador de SVG?

  • 100% gratuito, sem anúncios, cadastro ou limites.
  • Prévia grande e de alta qualidade na qual você pode aplicar zoom para inspecionar detalhes.
  • Fundos alternáveis (xadrez, claro e escuro) para testar transparência e contraste.
  • Lê e exibe a largura e altura originais, a viewBox e o tamanho renderizado atual.
  • Baixe o SVG sem alterações ou exporte um PNG renderizado por um canvas.
  • Roda inteiramente no seu navegador, então o seu gráfico nunca sai do seu dispositivo.

Perguntas frequentes

O visualizador de SVG é gratuito?

Sim. Todas as ferramentas do ToolsSoup são totalmente gratuitas, sem conta, cadastro ou limites ocultos.

Posso abrir um arquivo SVG em vez de colar o código?

Sim. Clique em Enviar arquivo SVG para carregar um .svg do seu dispositivo. O arquivo é lido no seu navegador e o código aparece na caixa de entrada, para você editar ou copiar se quiser.

Como exporto um SVG como PNG?

Depois de visualizar o seu SVG, clique em Baixar PNG. O visualizador desenha o SVG em um canvas no tamanho original e salva o resultado como PNG, então você obtém uma cópia em pixels sem nenhum serviço externo.

Meu SVG é enviado para algum lugar?

Não. O visualizador renderiza e inspeciona o seu SVG inteiramente no seu navegador, então o código que você cola ou o arquivo que você envia nunca é mandado nem armazenado em servidores.