Ferramentas SVG

Pré-visualizar SVG

Mude o fundo e a ampliação para observar os detalhes da imagem e as zonas transparentes do SVG.

O conteúdo SVG é processado apenas no seu navegador e não é enviado para um servidor.

Sobre esta ferramenta

Esta ferramenta permite observar o aspeto final de um SVG. Verifique os contornos dos ícones, o contraste do texto e as transparências sobre diferentes fundos, amplie os detalhes e guarde uma cópia SVG com filtragem de segurança.

Como utilizar

  1. Escolha um ficheiro SVG ou cole o código SVG.
  2. Clique em Pré-visualizar e leia os avisos sobre o conteúdo filtrado.
  3. Escolha um fundo transparente, branco, preto ou personalizado e ajuste a ampliação.
  4. Confirme o resultado e, se desejar, descarregue o SVG filtrado.

Funcionalidades

  • A transparência é representada por um padrão axadrezado. Os fundos branco e preto ajudam a verificar ícones escuros e claros.
  • Ajuste a imagem à janela ou escolha uma ampliação fixa. A ampliação altera apenas a visualização.
  • O ficheiro descarregado é uma cópia estática filtrada. O original continua disponível na área de código.

Fundo e ficheiro descarregado

  • O fundo de pré-visualização serve apenas para observar a imagem e não é incluído automaticamente no SVG descarregado. Para guardar um fundo colorido, utilize o Gerador de fundos SVG ou converta para PNG/JPG.
  • A remoção de scripts, animações e tipos de letra remotos pode alterar o aspeto. Guarde o original e verifique o ficheiro descarregado.

Segurança dos ficheiros SVG

A pré-visualização utiliza uma cópia estática filtrada: não executa scripts, eventos de clique ou animações, nem carrega imagens, tipos de letra ou estilos externos. Referências externas, páginas incorporadas e conteúdo não suportado são removidos, pelo que a imagem pode diferir do original. Documentos com DOCTYPE ou entidades personalizadas não são suportados.

O ficheiro SVG ou código UTF-8 pode ter até 2 MiB, 20000 nós (incluindo elementos e texto) e 96 níveis de profundidade. Se o conteúdo for demasiado grande ou complexo, simplifique primeiro o ficheiro.

Privacidade

O conteúdo SVG é processado apenas no seu navegador e não é enviado para um servidor.

A ferramenta não guarda automaticamente o conteúdo nem os resultados. Descarregue o que pretende conservar antes de limpar ou sair da página e mantenha uma cópia do original.

Perguntas frequentes

Como é tratado o conteúdo potencialmente inseguro?

Antes da pré-visualização, são removidos scripts, eventos, páginas incorporadas e referências a recursos externos. São apresentados apenas os elementos estáticos suportados. Tenha em conta que o SVG original pode conter conteúdo ativo.

Porque é que a pré-visualização difere do original?

O original pode depender de animações, filtros, interações ou recursos externos que foram removidos. Estilos complexos não suportados também podem afetar o resultado.

Porque não aparecem imagens ou tipos de letra externos?

A ferramenta não carrega recursos remotos do SVG. As imagens externas não aparecem e o texto pode utilizar um tipo de letra alternativo disponível no dispositivo.

O SVG é enviado para um servidor?

Não. A leitura, a filtragem e a pré-visualização são realizadas no seu navegador.

Voltar ao diretório de ferramentas para programadores