Lição de história: O que é um arquivo .svg? Por que ele abre no navegador

O que é um arquivo .svg?

Um arquivo .svg é uma imagem Scalable Vector Graphics. A maioria dos formatos de imagem que você conhece – JPG, PNG, BMP – são imagens raster: uma grade fixa de pontos coloridos (pixels). Amplie o bastante e as bordas viram degraus. O SVG é um formato vetorial: ele guarda instruções – vá até aqui, desenhe uma curva até ali, preencha esta forma de turquesa – e o software redesenha as formas a cada vez, no tamanho de que a tela ou a impressora precisa. A própria especificação do W3C descreve o SVG como uma linguagem para descrever gráficos bidimensionais vetoriais e mistos vetor/raster em XML.

XML (Extensible Markup Language) é um formato de texto puro feito de tags, muito parecido com o HTML das páginas web. Então um arquivo .svg é, no fundo, texto que você pode abrir no Bloco de Notas: uma tag svg externa e, dentro dela, formas como path, circle e rect com coordenadas e cores como atributos. Quem pesquisa "o que é um arquivo .svg" geralmente acabou de receber um – um logotipo de um designer, um pacote de ícones, um diagrama exportado de alguma ferramenta – e percebeu que ele não se comporta como uma foto.

Por que um .svg abre no meu navegador?

Porque, na maioria dos PCs, o navegador é o programa mais bem equipado para desenhar SVG. Todos os principais navegadores o exibem nativamente hoje, então o Windows costuma entregar arquivos .svg ao Edge, ao Chrome ou ao Firefox quando você clica duas vezes. Ferramentas baseadas em pixels são feitas para imagens raster, e o Explorador de Arquivos do Windows há muito precisa de ajuda: os complementos gratuitos PowerToys da Microsoft existem, em parte, para dar ao Explorador visualizações e miniaturas de SVG.

As versões mais recentes do Office são mais amigáveis. A Microsoft afirma que Word, PowerPoint, Excel e Outlook no Microsoft 365 e no Office 2019, 2021 e 2024 podem inserir e editar imagens SVG, e a biblioteca de Ícones integrada aos aplicativos do Microsoft 365 é composta por imagens SVG. Versões mais antigas do Office, muitos sites e uma longa lista de outros programas ainda esperam PNG ou JPG.

1998: seis propostas para desenhar na web

A web dos primeiros tempos tinha imagens, mas só como pixels. Segundo a própria página de história do W3C, "The Secret Origin of SVG", Chris Lilley, do W3C, redigiu em 1996 requisitos gerais para gráficos vetoriais na web. Em 1998, seis propostas concorrentes haviam chegado. Duas vinham de pesos-pesados: a PGML (Precision Graphics Markup Language), de Adobe, IBM, Netscape e Sun, publicada como W3C Note em 10 de abril de 1998, e a VML (Vector Markup Language), de Autodesk, Hewlett-Packard, Macromedia e Microsoft, publicada em 13 de maio de 1998. As outras eram Web Schematics, Hyper Graphics Markup Language, WebCGM e DrawML.

O novo grupo de trabalho do SVG decidiu não adotar nenhuma delas como base. Em vez disso, projetou uma nova linguagem "informada por, mas não realmente baseada em" as propostas. A VML, nascida no grupo do Office da Microsoft e distribuída com o Internet Explorer, influenciou a sintaxe compacta de caminhos do SVG: o grupo descobriu que códigos de caminho curtos deixavam os arquivos visivelmente menores mesmo depois da compactação. A PGML, construída sobre o modelo de imagem do PostScript e do PDF da Adobe, moldou sobretudo o sistema de coordenadas e as transformações do SVG e o tratamento de cores.

SVG 1.0, SVG 1.1 e os celulares

O SVG 1.0 tornou-se Recomendação do W3C – o termo do consórcio para um padrão concluído – em 4 de setembro de 2001, editado por Jon Ferraiolo, da Adobe, com autores de empresas tão diferentes quanto Microsoft, Sun, Netscape, Kodak, Corel, Canon e Opera. O SVG 1.1 veio em 14 de janeiro de 2003 e dividiu a linguagem em módulos reutilizáveis.

No mesmo dia, o W3C publicou os perfis SVG móveis: SVG Tiny para celulares e SVG Basic para PDAs (assistentes pessoais digitais), ambos subconjuntos próprios do SVG 1.1. O comunicado de imprensa do W3C observou que o órgão de padrões móveis 3GPP já estava adotando o SVG móvel nos telefones de terceira geração. Mais tarde, o SVG Tiny 1.2 tornou-se Recomendação em 22 de dezembro de 2008.

Os anos dos plug-ins: Adobe SVG Viewer e Internet Explorer

Um padrão precisa de algo que o desenhe. No início dos anos 2000, a opção mais comum era o Adobe SVG Viewer, um plug-in gratuito para navegador; o W3C atribui à Adobe "um visualizador de SVG popular" e suporte a SVG em produtos como o Illustrator. O Internet Explorer, então o navegador dominante, não desenhava SVG sozinho – o Internet Explorer 8 e anteriores não tinham suporte nativo –, então muita gente só via SVG por meio desse plug-in.

Em dezembro de 2005, a Adobe concluiu a compra da Macromedia, criadora do Flash, a outra maneira de levar animação vetorial à web. Mais tarde, a Adobe encerrou o suporte ao Adobe SVG Viewer em 1º de janeiro de 2009, dizendo que o SVG e sua adoção haviam amadurecido a ponto de a Adobe não precisar mais oferecer um visualizador. Parte da comunidade SVG associou a decisão ao fato de a Adobe agora ser dona do Flash; o aviso da Adobe não disse isso.

Os navegadores já estavam preenchendo a lacuna. Opera, Firefox e os baseados em WebKit, Safari e Chrome, ganharam SVG nativo ao longo dos anos 2000. Em 16 de março de 2010, na conferência MIX10, a Microsoft anunciou que o Internet Explorer 9 suportaria SVG, e o IE9 foi lançado em 14 de março de 2011. A página de história do W3C nota a ironia: o suporte no Internet Explorer fechou o círculo de volta a uma das raízes do SVG, a VML.

Inkscape, Illustrator e os arquivos no seu disco

Os programas de desenho transformaram o SVG em uma exportação do dia a dia. Em 5 de novembro de 2003, quatro desenvolvedores anunciaram o Inkscape, um fork do programa de desenho Sodipodi com o objetivo declarado de criar um editor de gráficos 2D totalmente compatível com SVG; ele usa o SVG como formato nativo. Softwares comerciais de ilustração, como o Adobe Illustrator, também salvam SVG, assim como muitas ferramentas de diagramas, gráficos e design.

É por isso que arquivos .svg se acumulam em PCs comuns em 2026: logotipos de empresas enviados por um designer, conjuntos de ícones baixados para um site ou apresentação, diagramas e gráficos exportados de outras ferramentas e recursos web salvos de um site. Muitos têm anos – arquivos legados de projetos encerrados que agora precisam entrar em um documento, um e-mail ou um formulário de envio que só aceita pixels. Sobre o formato vetorial da era Windows anterior ao SVG, veja Lição de história: O que é um arquivo .wmf?.

.svgz: o mesmo desenho, compactado com gzip

Como o SVG é texto cheio de tags repetidas, ele encolhe muito com gzip, um método de compactação sem perdas muito difundido (nada é descartado). Um SVG compactado recebe a extensão .svgz. A especificação SVG 1.1 exige que visualizadores conformes aceitem conteúdo compactado com gzip e deflate e pede que servidores web marquem os arquivos armazenados com a extensão svgz como compactados, para que os navegadores os descompactem corretamente.

Fora do navegador, o .svgz confunde mais programas do que o .svg comum: um programa que não o descompacta primeiro só vê bytes compactados. O desenho continua lá – só precisa de um leitor que saiba descompactar antes de desenhar.

SVG 2: ainda não terminado

Apesar de toda a difusão, o padrão SVG concluído mais recente ainda é o SVG 1.1 Second Edition, uma edição de revisão publicada em 16 de agosto de 2011. O SVG 2 chegou pela primeira vez ao estágio de Candidate Recommendation em 15 de setembro de 2016. O snapshot mais recente de Candidate Recommendation do SVG 2 no W3C tem data de 6 de outubro de 2026 e indica que não poderá tornar-se Recomendação plena antes de 1º de dezembro de 2026.

Quando você precisa de PNG ou JPG

Transformar um SVG em uma imagem comum se chama rasterizar: o software desenha as formas uma vez, no tamanho que você escolher, e salva os pixels. Escolha um tamanho generoso, porque, depois de virar pixels, a imagem não escala mais com nitidez. Use PNG se o logotipo ou ícone precisar de fundo transparente e JPG para uma imagem plana sobre fundo sólido. Renomear .svg para .png não faz nada – o arquivo continua sendo texto XML. Saiba mais sobre o formato de destino em Lição de história: O que é um arquivo .png?.

O Legacy File Converter abre arquivos .svg e .svgz no seu próprio PC com Windows e os salva como imagens PNG ou JPG – nada é enviado para a internet, o que importa quando o logotipo pertence a um cliente. Não é um editor de SVG e não gera saída vetorial; ele entrega uma imagem que qualquer aplicativo ou formulário de envio aceita. Lições de imagem relacionadas: PNG, WMF e EMF e WebP.