Imagens Digitais Vetoriais e o formato SVG (.svg)

SVG é a sigla para Scalable Vector Graphics, que significa Gráficos Vetoriais Escaláveis em português. SVG é um formato de arquivo que usa XML para descrever imagens bidimensionais baseadas em vetores. Vetores são objetos geométricos que podem ser redimensionados sem perder qualidade, ao contrário das imagens baseadas em pixels, como JPEG ou PNG.

SVG é um padrão aberto desenvolvido pelo World Wide Web Consortium (W3C) desde 1999. SVG é compatível com a maioria dos navegadores modernos e pode ser incorporado em páginas HTML ou usado como um arquivo independente. SVG também pode ser animado, interativo e estilizado com CSS.

Para criar e editar arquivos SVG, você pode usar editores gráficos específicos, como Inkscape, Adobe Illustrator ou Sketch, ou editores de texto, como Notepad ou Visual Studio Code. Um arquivo SVG tem a extensão .svg e contém tags e atributos XML que definem os elementos gráficos, como formas, cores, gradientes, textos, filtros, transformações e muito mais.

Um exemplo simples de um arquivo SVG que desenha um círculo vermelho é:

Dando zoom no círculo, veja como ele continua perfeito, independentemente do fator de ampliação da tela.

Qual é o tamanho típico dos arquivos SVG?

O tamanho dos arquivos SVG depende de vários fatores, como a complexidade dos elementos gráficos, o uso de atributos e estilos, e a otimização do código XML. Não há um tamanho típico para os arquivos SVG, mas eles geralmente são menores do que os arquivos de imagem baseados em pixels, como JPEG ou PNG (chamados de 'rasterizados', especialmente para imagens grandes ou com muitos detalhes.

SVG é um formato de arquivo muito versátil e poderoso para criar gráficos vetoriais para a web. Se você quer aprender mais sobre SVG, você pode consultar os seguintes recursos:

Qual a diferença entre arquivos vetoriais e arquivos rasterizados?

A diferença entre arquivos vetoriais e rasterizados é que os arquivos vetoriais são baseados em fórmulas matemáticas que permitem redimensionar as imagens sem perder qualidade, enquanto os arquivos rasterizados são compostos por pixels que podem ficar borrados ou pixelados quando ampliados.

Os arquivos vetoriais são mais adequados para imagens que precisam ser exibidas em diferentes tamanhos, como logotipos, ícones ou gráficos. Os arquivos rasterizados são mais indicados para imagens que têm muitos detalhes, cores e sombras, como fotografias.

Alguns exemplos de formatos de arquivo vetorial são .ai, .eps, .pdf e .svg. Alguns exemplos de formatos de arquivo rasterizado são .jpg, .gif, .png e .bmp.

Como faço para converter um arquivo rasterizado em vetor?

Existem várias ferramentas que permitem a conversão automatizada de arquivos vetorizados para o formato vetorial. Entretanto, uma conversão manual, que leve em conta conhecimento sobre o conteúdo da imagem (como é o caso de brasões e bandeiras), sempre terá resultados melhores. Confira aqui!