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)

|

SVG - Scalable Vector Graphics  |

|

Tipo| vectorial (permite inclusão de imagens raster)
MIME| image/svg+xml
Extensão| .svg ;.svgz
Compressão| gzip (no formato ".svgz")
Cores| 24 bits / 16 milhões
Espaço de cor| sRGB ; perfis ICC
Características| gradientes, transparência, animação, som, fontes embutidas, ECMAScript, ligação com ficheiros externos nos formatos PNG, JPEG, MP3, WAV
Desenvolvedor| coordenação da W3C e apoios: Adobe, Agfa, Apple Inc., Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp e Sun Microsystems.
Lançamento| 4 de Setembro de 2001
Última versão| 1.1 (2ª edição) (16 de Agosto de 2011)
Licença| royalty-free vendor-neutral open standard
Programas| vários
Variantes| SVG 1.1 ; SVG Print ; variantes destinadas a dispositivos móveis: SVG Tiny 1.1 ; SVG Tiny 1.1+ ; SVG Basic 1.1
Website| www.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-fonte]

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-fonte]

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-fonte]

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)

## Impacto potencial

[editar | editar código-fonte]

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-fonte]

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-fonte]

* 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-fonte]

* 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

1. ↑ a b c d e f g h i «Arquivos SVG: como criá-los, editá-los e abri-los». Adobe.com. Consultado em 13 de junho de 2025
2. ↑ «SVG Web JavaScript Library». Google Code. Consultado em 23 de janeiro de 2011
3. ↑ «Ample SDK JavaScript UI Framework». Consultado em 23 de janeiro de 2011
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
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
6. ↑ «Secret Origin of SVG». World Wide Web Consortium. 21 de dezembro de 2007. Consultado em 16 de janeiro de 2011

## Ligações externas

[editar | editar código-fonte]

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

* v
* d
* e

Formatos de ficheiros gráficos

Lista completa • Suporte

Raster|

ANI • ANIM • APNG • ART • AVIF • BEF • BMP • BSAVE • CAL • CIN • CPC • CPT • DPX • ECW • CPT • EXR • FITS • FLIC • FPX • GIF • HDRi • ICER • ICNS • ICO • ICS • ILBM • JBIG • JBIG2 • JNG • JPEG • JPEG 2000 • JPEG-LS • JPEG-HDR • JPEG XR • JPEG XS • JPEG XL • MNG • MIFF • PBM • PCX • PGF • PGM • PICtor • PNG • PPM • PSD/PSB • PSP • QTVR • RAD • RGBE • SGI • TGA • TIFF • TIFF/EP • TIFF/IT • Logluv TIFF • WBMP • WebP • XBM • XCF • XPM

Raw|

CIFF • DNG • ORF

Vectorial|

AI • CDR • CGM • DXF • EVA • EMF • Gerber • HVIF • IGES • PGML • SVG • VML • WMF • XAR

Composto|

CDF • DjVu • EPS • PDF • PICT • PS • SWF • XAML

Relacionado|

EXIF • XMP
*[ABW]: A Biblioteca da Wikipédia
*[v]: Ver esta predefinição
*[d]: Discutir esta predefinição
*[e]: Editar esta predefinição