Introdução ao SVG

SVG é um linguagem usada para descrever gráficos bidimensionais e programas de desenho usando XML.

Conhecimentos básicos necessários antes de aprender:

Antes de continuar, você deve ter uma compreensão básica dos seguintes conteúdos:

  • HTML
  • Fundamentos do XML

Se desejar aprender esses conteúdos primeiro, acesse aPágina inicialEscolha o tutorial correspondente.

O que é SVG?

  • SVG significa Gráficos Vetoriais Escaláveis (Scalable Vector Graphics)
  • SVG é usado para definir gráficos vetoriais baseados na web
  • SVG usa o formato XML para definir gráficos
  • As imagens SVG não perdem qualidade gráfica ao serem amplificadas ou alteradas de tamanho
  • SVG é um padrão da World Wide Web Consortium
  • SVG, juntamente com padrões W3C como DOM e XSL, forma um todo

SVG é um padrão recomendado do W3C

SVG se tornou um padrão recomendado do W3C em 14 de janeiro de 2003.

Para obter mais informações sobre as atividades do SVG no W3C, acesse nosso Tutorial W3C.

História e vantagens do SVG

Em janeiro de 2003, o SVG 1.1 foi estabelecido como padrão W3C.

As organizações que participaram da definição do SVG incluem: Sun Microsystems, Adobe, Apple, IBM e Kodak.

As vantagens do uso do SVG em comparação com outros formatos de imagem são:

  • O SVG pode ser lido e modificado por uma grande variedade de ferramentas (como o Bloco de Notas)
  • Em comparação com imagens JPEG e GIF, o SVG tem tamanho menor e maior compressibilidade
  • SVG é escalável
  • As imagens SVG podem ser impressas com alta qualidade em qualquer resolução
  • As imagens SVG podem ser amplificadas sem perda de qualidade
  • O texto nas imagens SVG é opcional e também é pesquisável (perfeito para criar mapas)
  • SVG pode ser executado junto com a tecnologia Java
  • SVG é um padrão aberto
  • Os arquivos SVG são puramente XML

O principal concorrente do SVG é o Flash.

Em comparação com o Flash, a maior vantagem do SVG é a compatibilidade com outros padrões (como XSL e DOM). O Flash é uma tecnologia privada não aberta.

Ver arquivo SVG

Hoje, todos os navegadores suportam arquivos SVG, exceto o Internet Explorer que requer a instalação de plug-ins. O plug-in é gratuito, por exemplo Visualizador SVG do Adobe.