O que é um arquivo SVG e como faço para abri-lo?

Logotipo SVG em um fundo azul
World Wide Web Consortium

Ao navegar na web, você pode encontrar arquivos gráficos com a extensão “SVG”. O que há de especial nesses arquivos e como você pode visualizá-los? Vamos explicar.

O que é um arquivo SVG?

No contexto da computação gráfica, SVG significa “Scalable Vector Graphics”. Um arquivo SVG é um arquivo de computador que usa o padrão SVG, definido pelo World Wide Web Consortium , para exibir uma imagem.

Os formatos de imagem típicos – como JPG, PNG e GIF – utilizam gráficos raster, o que significa que eles exibem uma imagem armazenando uma grade de pixels, chamada de bitmap. A cor e a localização de cada pixel são armazenadas no arquivo. Se você dimensionar uma imagem raster para um tamanho maior do que o pretendido, a imagem se tornará irregular e borrada.

Exemplo de um arquivo raster PNG com escala de 600%

Em contraste, as imagens SVG usam gráficos vetoriais para definir uma imagem. Em uma imagem de gráfico vetorial, a imagem é armazenada matematicamente como uma série de instruções que informam a um programa de visualização como “desenhar” a imagem na tela. Como o desenho pode ser feito em qualquer tamanho, os arquivos SVG são independentes da resolução. Eles podem ser dimensionados para maior ou menor sem perder qualidade ou nitidez.

Exemplo de um arquivo vetorial SVG com escala de 600%

Qual é o objetivo do formato SVG?

Como os arquivos SVG podem ser redimensionados para qualquer tamanho sem perda de detalhes, eles podem produzir gráficos muito suaves com um tamanho de arquivo relativamente pequeno em comparação com gráficos rasterizados. Eles também são mais preparados para o futuro do que as imagens de bitmap, pois podem ser redimensionados para resoluções maiores em exibições futuras sem perda de qualidade.

Recomendado:  O Lumen aumenta automaticamente o brilho do seu Mac ao usar janelas escuras e vice-versa
Exemplo de gráficos vetoriais escaláveis
World Wide Web Consortium

Além disso, o SVG é um padrão aberto que pode ser incluído na visualização de aplicativos e navegadores sem royalties, o que significa que os desenvolvedores de aplicativos não precisam pagar para usá-lo. O SVG utiliza XML , outro padrão aberto, para codificar gráficos bidimensionais de uma maneira fácil para os aplicativos lerem e modificarem.

Como faço para visualizar um arquivo SVG?

Todos os navegadores modernos oferecem suporte à visualização de arquivos SVG. Isso inclui Chrome, Edge, Firefox e Safari. Portanto, se você tiver um SVG e não puder abri-lo com mais nada, abra seu navegador favorito, selecione Arquivo> Abrir e escolha o arquivo SVG que deseja ver. Ele aparecerá na janela do seu navegador.

Como alternativa, você pode usar um conversor online gratuito, como SVGtoPNG.com, para converter um arquivo SVG em um formato raster que possa ser visualizado em aplicativos convencionais de visualização de imagens. No entanto, depois de converter o SVG para um formato raster como PNG, você perderá a capacidade de dimensionar a imagem para tamanhos diferentes, mantendo a mesma nitidez e detalhes.

Como faço para criar ou editar um arquivo SVG?

Para criar ou editar um arquivo SVG, você precisará de um aplicativo que suporte o formato. O Adobe Illustrator, conhecido por criar arte com base em vetor, oferece suporte nativo para carregar e salvar arquivos no formato SVG . Além disso, Inkscape e GIMP são dois programas gratuitos que podem salvar arte em formato SVG. Para outros programas, como Adobe Photoshop e InDesign, você pode comprar um plug-in que suporte SVG, como o SVG Kit para Adobe Creative Suite .

Embora os formatos de gráficos vetoriais concorrentes existam desde o surgimento da própria computação gráfica , o amplo suporte e a natureza aberta do SVG significa que esse padrão gráfico provavelmente permanecerá conosco por muito tempo.

Recomendado:  Como desabilitar completamente todas as notificações de atividade no seu Apple Watch