Ferramentas SVG

Visualizador SVG

Consulte o código, a estrutura e os dados do ficheiro SVG para perceber como é composta a imagem.

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

Sobre esta ferramenta

O Visualizador SVG apresenta os dados do ficheiro de forma clara: largura, altura, área de coordenadas, número de caminhos e grupos e estrutura dos elementos. Ajuda a verificar ícones, ilustrações ou outros ficheiros antes de os utilizar.

Como utilizar

  1. Escolha um ficheiro SVG ou cole o código SVG completo.
  2. Clique em Ver e consulte as dimensões, o viewBox, o tamanho e as estatísticas dos elementos.
  3. Expanda a árvore para explorar as partes da imagem ou procure o texto original na área de código.
  4. Leia os avisos de segurança e confirme o aspeto da imagem na pré-visualização estática.

Funcionalidades

  • Apresenta a largura, a altura, o viewBox e o número de elementos, caminhos, grupos, gradientes e elementos symbol.
  • O código é apresentado como texto e a árvore pode ser expandida ou recolhida. A consulta não altera o ficheiro original.
  • O conteúdo original e a pré-visualização filtrada aparecem em separado, com avisos sobre o conteúdo removido.

Código original e pré-visualização

  • A área de código mantém o texto introduzido, incluindo comentários e conteúdo que possa ser removido da pré-visualização. Mostrar esse texto não significa executá-lo.
  • A pré-visualização apresenta apenas os elementos estáticos suportados. Para mudar o fundo ou ampliar os detalhes, utilize a ferramenta Pré-visualizar SVG.

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

O que é um ficheiro SVG?

É um ficheiro que descreve imagens em XML e pode incluir caminhos, formas, texto e gradientes. Os elementos vetoriais podem normalmente ser ampliados sem ficarem pixelizados.

Porque pode um SVG conter código?

O SVG descreve imagens através de texto com etiquetas e também pode conter scripts, eventos ou referências externas. Consultar esse texto é diferente de o executar.

O visualizador executa scripts?

Não. O código e a árvore são apresentados como texto. A pré-visualização utiliza uma cópia estática sem scripts nem conteúdo interativo.

São carregados recursos externos do SVG?

Não são carregadas imagens, tipos de letra ou folhas de estilo externas. As partes que dependam desses recursos podem não aparecer; a ferramenta avisa sobre o conteúdo filtrado.

Voltar ao diretório de ferramentas para programadores