Visitar URL original
SVG – Wikipédia, a enciclopédia livre
Ir para o conteúdo

SVG

Origem: Wikipédia, a enciclopédia livre.
SVG - Scalable Vector Graphics
Tipovectorial (permite inclusão de imagens raster)
MIMEimage/svg+xml
Extensão.svg ;.svgz
Compressãogzip (no formato ".svgz")
Cores24 bits / 16 milhões
Espaço de corsRGB ; perfis ICC
Característicasgradientes, transparência, animação, som, fontes embutidas, ECMAScript, ligação com ficheiros externos nos formatos PNG, JPEG, MP3, WAV
Desenvolvedorcoordenação da W3C e apoios: Adobe, Agfa, Apple Inc., Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp e Sun Microsystems.
Lançamento4 de Setembro de 2001
Última versão1.1 (2ª edição) (16 de Agosto de 2011)
Licençaroyalty-free vendor-neutral open standard
Programasvários
VariantesSVG 1.1 ; SVG Print ; variantes destinadas a dispositivos móveis: SVG Tiny 1.1 ; SVG Tiny 1.1+ ; SVG Basic 1.1
Websitewww.w3.org
Lista de formatos de ficheiros gráficos

O Gráfico Vetorial Escalável, do inglês Scalable Vector Graphic (extensão .svg), mais conhecido pela abreviatura SVG, é arquivo XML aberto (não proprietário) que representa desenhos e gráficos bidimensionais de forma vetorial (usando fórmulas matemáticas) compatível com websites[1] (na forma estática, dinâmica, ou animada), criada pela World Wide Web Consortium (W3C) em 1999. Umas das principais características dos gráficos vetoriais é poder ser ampliado ou reduzido sem perder a qualidade/resolução de imagem.[1]

SVG é suportado por todos os navegadores Web modernos de forma nativa ou através de bibliotecas JavaScript (suporte nativo no Internet Explorer só é possível a partir da versão 9). Bibliotecas JavaScript[2][3] permitem suporte limitado em navegadores mais antigos.

Descrição

[editar | editar código]

SVG é um XML que desenha vetores gráficos.[4] A grande diferença entre o SVG e outros formatos vetoriais, é o fato de ser um formato aberto, não sendo propriedade de nenhuma empresa.[5] desenvolvido desde 1999 por um grupo de trabalho da World Wide Web Consortium, (responsável por definir outros padrões, como o HTML/XHTML) com base nos formatos PGML, da Adobe, e VML, da Microsoft, submetidos ao W3C por essas empresas em 1998.[6]

O arquivo vetorial armazena a imagem usando fórmulas matemáticas baseada em grade de pontos e linhas (ao contrário do arquivo rasterizado baseado em pixels, como o formato JPEG).[1] Assim, o arquivo SVG geralmente é menor que o arquivo raster, que são compostos por muitos pixels coloridos.[1]

A criação deste formato foi baseada em outros existentes: CSS, DOM, JPEG, PNG, SMIL e, XML. O formato SVG, neste momento, permite três tipos de objetos gráficos:

  • formas geométricas vetoriais (isto é, linhas e curvas descritas matematicamente, ao contrário das imagens bitmap compostas por pixels)
  • imagens raster / bitmap
  • texto: o SVG trata o texto como texto puro (não salva o texto como desenho).[1]

Quanto ao armazenamento, as imagens no formato SVG podem ser gravadas com a compressão gzip, sem perda de dados, podendo-se chamar neste caso, ficheiros SVGZ (assim como a extensão). Devido ao XML conter muitos dados redundantes, pode ser comprimido, resultando em ficheiros bastante menores. No entanto muitas vezes, o formato SVG já é por si menor que a sua versão em raster.

O fato do SVG salvar o texto como texto puro, facilita os leitores de tela escanearem as palavra contida nas imagens SVG; útil para as pessoas que usam scannes para ler as páginas online. E os algoritmos dos sites de pesquisa também conseguem ler e indexar textos da imagem SVG.[1]

História

[editar | editar código]

A história deste tipo de arquivo (SVG) ocorre no final da década de 1990, quando o consórcio World Wide Web Consortium (W3C) solicitou aos desenvolvedores propostas para um novo formato de imagem vetorial.[1] Seis propostas apareceram e ajudaram a construir o formato do W3C.[1]

Até 2017 o SVG não era popular, então as pessoas começaram a ver os benefícios de usar imagem vetorizada nos navegadores Web modernos, tornando-se então popular.[1]

Visualização online

[editar | editar código]

Gráficos SVG podem ser visualizados directamente nos principais navegadores, com suporte limitado nas versões mais antigas.

Impacto potencial

[editar | editar código]

Com o compromisso da Adobe em suportar o formato em suas ferramentas, que sabidamente são largamente utilizadas por profissionais em editoração (para a web ou não), além do fato do padrão ser baseado em texto seguindo os padrões XML, o que torna fácil o aprendizado por imitação, é provável que a produtividade de seus usuários muito rapidamente alcance os níveis daqueles de formatos tradicionais. Isto deve tornar a adoção do formato rápida e indolor. Por exemplo, a biblioteca libplot, parte do pacote GNU plotutils, já fornece suporte para SVG, fazendo com que o desenvolvimento de programas livres com suporte ao formato já esteja a pleno vapor.

Dificilmente, porém, haverá uma revolução na web por conta da introdução do formato. Tampouco é de se prever a obsolescência de formatos atualmente em uso graças ao SVG porque os padrões de imagens bitmap continuam úteis nas aplicações apropriadas.

Dispositivos móveis

[editar | editar código]

Devido às necessidades da indústria, foram introduzidos dois novos formatos no SVG 1.1: o "SVG Tiny" (SVGT) e o "SVG Basic" (SVGB). Ambos são derivados do SVG padrão, destinados a máquinas com limitações. Em particular, o SVG Tiny foi definido para dispositivos móveis com limitações de hardware, como os telemóveis (ou celulares). Já o SVG Basic é destinado a dispositivos móveis com mais capacidades, como os Assistentes Pessoais Digitais (PDA, sigla inglesa).

Versões

[editar | editar código]
  • SVG 1.0 - lançado a 4 de Setembro de 2001.
  • SVG 1.1 - lançado a 14 de Janeiro de 2003.
  • SVG 1.2 - em estudo.
  • SVG Tiny - (dispositivos móveis) lançado a 14 de Janeiro de 2003.
  • SVG Tiny 1.2 - em estudo.
  • SVG Basic - (dispositivos móveis) lançado a 14 de Janeiro de 2003.

Programas para criar, editar e exportar gráficos SVG

[editar | editar código]

Referências

  1. 1 2 3 4 5 6 7 8 9 «Arquivos SVG: como criá-los, editá-los e abri-los». Adobe.com. Consultado em 13 de junho de 2025. Cópia arquivada em 1 de setembro de 2026
  2. ↑ «SVG Web JavaScript Library». Google Code. Consultado em 23 de janeiro de 2011. Cópia arquivada em 22 de dezembro de 2016
  3. ↑ «Ample SDK JavaScript UI Framework». Consultado em 23 de janeiro de 2011. Cópia arquivada em 25 de dezembro de 2025
  4. ↑ «Introdução - SVG: Gráficos Vetoriais Escaláveis | MDN». developer.mozilla.org (em inglês). 16 de outubro de 2023. Consultado em 20 de novembro de 2023. Cópia arquivada em 10 de fevereiro de 2025
  5. ↑ «Introdução - SVG: Gráficos Vetoriais Escaláveis | MDN». developer.mozilla.org (em inglês). 16 de outubro de 2023. Consultado em 20 de novembro de 2023. Cópia arquivada em 10 de fevereiro de 2025
  6. ↑ «Secret Origin of SVG». World Wide Web Consortium. 21 de dezembro de 2007. Consultado em 16 de janeiro de 2011. Cópia arquivada em 9 de outubro de 2026

Ligações externas

[editar | editar código]
O Commons possui uma categoria com imagens e outros ficheiros sobre SVG
Official
Demonstrações
Programas
Tutoriais
Cliparts SVG
Obtida de "https://pt.wikipedia.org/w/index.php?title=SVG&oldid=73319868"