O que é o formato de ficheiro SVG?
A abreviação .svg significa Scalable Vector Graphics, e é um formato para arquivos gráficos 2D. O SVG é uma linguagem baseada em XML projetada para descrever gráficos 2D em texto simples. O formato .svg foi desenvolvido pelo *World Wide Web Consortium (W3C)* e é o formato padrão para exibição de gráficos vetoriais na web, tornando-se uma Recomendação da W3C em 2001 (o SVG 1.1 seguiu em 2011).
Como o texto é usado para descrever gráficos vetoriais, a escala de um arquivo .svg pode ser alterada sem qualquer perda de qualidade. Para simplificar - o conteúdo do arquivo, uma imagem, pode ser exibido em qualquer tamanho sem pixelização, tornando o .svg ideal para ícones, logotipos, ilustrações e elementos de UI que devem parecer nítidos em qualquer resolução.
Arquivos .svg também podem ser compactados usando a compressão GZIP, após o que o formato muda para .svgz, com o tamanho final reduzido em cerca de 50-80%.
Devido à sua natureza textual baseada em XML, os arquivos .svg podem ser pesquisados, indexados, compactados e roteirizados, o que os torna perfeitamente adequados para compartilhar gráficos na web. Todos os navegadores modernos renderizam imagens .svg nativamente sem qualquer plugin. Os arquivos .svg são igualmente suportados por editores de texto simples e editores vetoriais avançados, como o Inkscape ou Adobe Illustrator, e podem incorporar imagens raster PNG, animações, estilização CSS e JavaScript interativo diretamente no arquivo. O tipo MIME é image/svg+xml.
Segurança e proteção
RISCO: MEDIUMO SVG é XML e pode INCORPORAR CSS e JavaScript, portanto, um .svg aberto em um navegador pode executar scripts - isso torna os SVGs maliciosos um vetor real de cross-site-scripting, redirecionamento e phishing, e anexos de e-mail em SVG têm sido usados em campanhas de malware (uma „imagem inofensiva” que na verdade contém um script ou formulário HTML). Trate arquivos .svg não solicitados como páginas da web, não como imagens: não os abra de remetentes desconhecidos e, em sites, sanitize os SVGs carregados (remova scripts/manipuladores de eventos) antes de servi-los. Abrir um SVG em um visualizador sem suporte a scripts ou em um editor de código para inspecionar o XML é seguro. Evite sites de download de „visualizador/conversor de SVG gratuito” suspeitos que agrupam adware - o navegador e o Inkscape cobrem as necessidades reais.
Detalhes do formato
em resumoProgramas que abrem arquivos SVG
Windows4 apps
Adobe Illustrator
Pago Arquivo -> Abrir o .svg para editar; Arquivo -> Exportar para PNG/JPG. O editor vetorial padrão da indústria. 
Web browser (Chrome, Edge, Firefox)
Gratuito Clique duas vezes no .svg ou arraste-o para a janela do navegador para visualizá-lo em qualidade total.
Code editor (VS Code / Notepad++)
Gratuito Abra o .svg como texto para ler/editar a marcação XML diretamente (e visualize com uma extensão SVG). 
macOS3 apps
Adobe Illustrator
Pago Arquivo -> Abrir o .svg para editar; Arquivo -> Exportar para PNG/JPG. O editor vetorial padrão da indústria.
Web browser / Preview
Integrado Abra o .svg no Safari/Chrome para visualizar; o macOS Preview também renderiza SVG. 
Linux3 apps
GIMP
Código aberto Importe o .svg (rasteriza-o em uma resolução escolhida) para edição de pixels/exportação.
SVG-Edit / boxy-svg (online editors)
Freemium Abra e edite SVG no navegador sem instalação (Boxy SVG ou o SVG-Edit de código aberto). Detalhes técnicos
especificação profunda| Estrutura do arquivo | Texto XML simples; legível por humanos e editável em qualquer editor de texto sem software especial |
| Tipo MIME | image/svg+xml |
| Codificação de caracteres | UTF-8 (declarado no cabeçalho XML); o arquivo é texto Unicode simples sem conteúdo binário |
| Escalabilidade | Escalonamento infinito sem perdas - a geometria é definida matematicamente, portanto não ocorre pixelização em nenhum tamanho |
| Variante compactada | .svgz - o mesmo XML SVG envolvido em gzip; tamanho do arquivo normalmente 50-80% menor |
| Suporte a animação | Animações SMIL declarativas e animações/transições CSS são ambas suportadas |
| Scripting | O JavaScript pode consultar e modificar elementos SVG por meio da API DOM padrão, permitindo interatividade |
| Estilização | O CSS pode ser aplicado via atributos de estilo inline, blocos <style> incorporados ou folhas de estilo externas |
| Sistema de coordenadas | Tela infinita com unidades definidas pelo usuário; o atributo viewBox mapeia as coordenadas do documento para a viewport |
| Primitivas de forma | path, circle, rect, ellipse, polygon, polyline, line - além de gradientes, padrões, máscaras e efeitos de filtro |
| Renderização no navegador | Suporte nativo em todos os navegadores modernos (Chrome, Firefox, Edge, Safari) - nenhum plugin é necessário |
| Incorporação em HTML | Pode ser usado inline como <svg>, referenciado via <img>, <object>, <embed> ou como um CSS background-image |
| Acessibilidade | Nós de texto são legíveis por máquina; suporta elementos <title> e <desc>, além de atributos ARIA |
| Incorporação de raster | Imagens raster externas (PNG, JPEG) podem ser incorporadas via elementos <image> usando caminhos de arquivo ou URIs de dados |
| Identificação do arquivo | Sem magic bytes binários; identificado pelo elemento raiz <svg, opcionalmente precedido por uma declaração XML ou DOCTYPE |
| Lançado | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Padrão aberto | Sim · livre de royalties |
| Especificação | www.w3.org |
Conversões de SVG
Perguntas e Respostas da Comunidade
perguntado por usuáriosAinda não há perguntas - seja o primeiro a perguntar sobre arquivos SVG.
