SVG

Esta página cita fontes, mas que não cobrem todo o conteúdo. Ajude a inserir referências (Encontre fontes: Google (N • L • A • I • WP refs)  • ABW  • CAPES). (Maio de 2018)

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.

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]

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]

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

• Opera (desde versão 8.0)
• Firefox desde 2005. Suporte a animação SMIL, desde 2011 (versão 4.0)
• WebKit (Apple Inc. Safari e Google Chrome, desde 2006).
• Microsoft Internet Explorer, desde 2011 (versão 9.0)

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.

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).

• 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.

• Apache Squiggle - Visualizador baseado no framework SVG Batik (Java) disponível em Apache Batik Project
• ABViewer - Visualizador, conversor e editor (comercial)
• Google Docs (Aplicação Web disponível em docs.google.com)
• SVG-edit (Aplicação web disponível em code.google.com/p/svg-edit)
• GIMP (Software livre)
• Inkscape (Software livre)
• Xara (Software livre para Linux - versão proprietária para Windows)
• Adobe Illustrator
• Corel Draw
• Microsoft Visio 2003
• Biblioteca RSVGTipsDevice da linguagem de programação R

Referências

O Commons possui uma categoria com imagens e outros ficheiros sobre SVG

Official

• www.w3.org- em inglês

Demonstrações

• Demonstrações no site da Adobe- em inglês
• Demonstrações no site do Mozilla- em inglês

Programas

• Google Docs - Aplicação Web
• Inkscape - editor open source - em inglês
• Adobe SVG Plugin- em inglês
• Plugin para visualizar gráficos SVG no Mozilla- em inglês
• Sketsa - editor SVG- em inglês
• Conversor de ficheiros para SVG- em inglês
• SVGFactory, converte ficheiros BMP e WMF para SVG- em inglês
• Sodipodi- em inglês

Tutoriais

• MDN - SVG: Scalable Vector Graphics - em inglês
• w3schools- em inglês
• Pike's SVG Tutorial- em inglês
• SVGBasics- em inglês
• SVG Authoring Guidelines- em inglês
• Introdução a SVG (apostila em PDF)- em português

Cliparts SVG

• Open Clip Art Library- em inglês
• GNOME themes extras package- em inglês
• «Crystal Icons». - em (em inglês)(OFF-LINE) 
• Gartoon Icons Theme- em inglês
• BlueSphere Icon Theme- em inglês