SVG

O Grafico Vetorial Escalavel, do ingles Scalable Vector Graphic (extensao .svg), mais conhecido pela abreviatura SVG, e arquivo XML aberto (nao proprietario) que representa desenhos e graficos bidimensionais de forma vetorial (usando formulas matematicas) compativel com websites^[1] (na forma estatica, dinamica, ou animada), criada pela World Wide Web Consortium (W3C) em 1999. Umas das principais caracteristicas dos graficos vetoriais e poder ser ampliado ou reduzido sem perder a qualidade/resolucao de imagem.^[1]

SVG e suportado por todos os navegadores Web modernos de forma nativa ou atraves de bibliotecas JavaScript (suporte nativo no Internet Explorer so e possivel a partir da versao 9). Bibliotecas JavaScript^[2][3] permitem suporte limitado em navegadores mais antigos.

SVG e um XML que desenha vetores graficos.^[4] A grande diferenca entre o SVG e outros formatos vetoriais, e o fato de ser um formato aberto, nao sendo propriedade de nenhuma empresa.^[5] desenvolvido desde 1999 por um grupo de trabalho da World Wide Web Consortium, (responsavel por definir outros padroes, 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 formulas matematicas baseada em grade de pontos e linhas (ao contrario do arquivo rasterizado baseado em pixels, como o formato JPEG).^[1] Assim, o arquivo SVG geralmente e menor que o arquivo raster, que sao compostos por muitos pixels coloridos.^[1]

A criacao deste formato foi baseada em outros existentes: CSS, DOM, JPEG, PNG, SMIL e, XML. O formato SVG, neste momento, permite tres tipos de objetos graficos:

• formas geometricas vetoriais (isto e, linhas e curvas descritas matematicamente, ao contrario das imagens bitmap compostas por pixels)
• imagens raster / bitmap
• texto: o SVG trata o texto como texto puro (nao salva o texto como desenho).^[1]

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

O fato do SVG salvar o texto como texto puro, facilita os leitores de tela escanearem as palavra contida nas imagens SVG; util para as pessoas que usam scannes para ler as paginas online. E os algoritmos dos sites de pesquisa tambem conseguem ler e indexar textos da imagem SVG.^[1]

A historia deste tipo de arquivo (SVG) ocorre no final da decada de 1990, quando o consorcio 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]

Ate 2017 o SVG nao era popular, entao as pessoas comecaram a ver os beneficios de usar imagem vetorizada nos navegadores Web modernos, tornando-se entao popular.^[1]

Graficos SVG podem ser visualizados directamente nos principais navegadores, com suporte limitado nas versoes mais antigas.

• Opera (desde versao 8.0)
• Firefox desde 2005. Suporte a animacao SMIL, desde 2011 (versao 4.0)
• WebKit (Apple Inc. Safari e Google Chrome, desde 2006).
• Microsoft Internet Explorer, desde 2011 (versao 9.0)

Com o compromisso da Adobe em suportar o formato em suas ferramentas, que sabidamente sao largamente utilizadas por profissionais em editoracao (para a web ou nao), alem do fato do padrao ser baseado em texto seguindo os padroes XML, o que torna facil o aprendizado por imitacao, e provavel que a produtividade de seus usuarios muito rapidamente alcance os niveis daqueles de formatos tradicionais. Isto deve tornar a adocao do formato rapida e indolor. Por exemplo, a biblioteca libplot, parte do pacote GNU plotutils, ja fornece suporte para SVG, fazendo com que o desenvolvimento de programas livres com suporte ao formato ja esteja a pleno vapor.

Dificilmente, porem, havera uma revolucao na web por conta da introducao do formato. Tampouco e de se prever a obsolescencia de formatos atualmente em uso gracas ao SVG porque os padroes de imagens bitmap continuam uteis nas aplicacoes apropriadas.

Devido as necessidades da industria, foram introduzidos dois novos formatos no SVG 1.1: o "SVG Tiny" (SVGT) e o "SVG Basic" (SVGB). Ambos sao derivados do SVG padrao, destinados a maquinas com limitacoes. Em particular, o SVG Tiny foi definido para dispositivos moveis com limitacoes de hardware, como os telemoveis (ou celulares). Ja o SVG Basic e destinado a dispositivos moveis com mais capacidades, como os Assistentes Pessoais Digitais (PDA, sigla inglesa).

• SVG 1.0 - lancado a 4 de Setembro de 2001.
• SVG 1.1 - lancado a 14 de Janeiro de 2003.
• SVG 1.2 - em estudo.
• SVG Tiny - (dispositivos moveis) lancado a 14 de Janeiro de 2003.
• SVG Tiny 1.2 - em estudo.
• SVG Basic - (dispositivos moveis) lancado a 14 de Janeiro de 2003.

• Apache Squiggle - Visualizador baseado no framework SVG Batik (Java) disponivel em Apache Batik Project
• ABViewer - Visualizador, conversor e editor (comercial)
• Google Docs (Aplicacao Web disponivel em docs.google.com)
• SVG-edit (Aplicacao web disponivel em code.google.com/p/svg-edit)
• GIMP (Software livre)
• Inkscape (Software livre)
• Xara (Software livre para Linux - versao proprietaria para Windows)
• Adobe Illustrator
• Corel Draw
• Microsoft Visio 2003
• Biblioteca RSVGTipsDevice da linguagem de programacao R

Referencias

Official

• www.w3.org- em ingles

Demonstracoes

• Demonstracoes no site da Adobe- em ingles
• Demonstracoes no site do Mozilla- em ingles

Programas

• Google Docs - Aplicacao Web
• Inkscape - editor open source - em ingles
• Adobe SVG Plugin- em ingles
• Plugin para visualizar graficos SVG no Mozilla- em ingles
• Sketsa - editor SVG- em ingles
• Conversor de ficheiros para SVG- em ingles
• SVGFactory, converte ficheiros BMP e WMF para SVG- em ingles
• Sodipodi- em ingles

Tutoriais

• MDN - SVG: Scalable Vector Graphics - em ingles
• w3schools- em ingles
• Pike's SVG Tutorial- em ingles
• SVGBasics- em ingles
• SVG Authoring Guidelines- em ingles
• Introducao a SVG (apostila em PDF)- em portugues

Cliparts SVG

• Open Clip Art Library- em ingles
• GNOME themes extras package- em ingles
• <>. - em (em ingles)(OFF-LINE)
• Gartoon Icons Theme- em ingles
• BlueSphere Icon Theme- em ingles

• Formatos digitais de imagem
• Linguagens de marcacao
• Normas W3C
• Scalable Vector Graphics
• Linguagens de marcacao XML
• Normas XML

• !CS1 ingles-fontes em lingua (en)
• !Artigos que carecem de notas de rodape desde maio de 2018
• !Artigos que carecem de notas de rodape sem indicacao de tema