O que é um ficheiro SVG
O que é um ficheiro .SVG, em que é bom, o que o abre e como convertê-lo — com todas as conversões a correr no seu próprio navegador.
O que é um ficheiro SVG
Um SVG não é uma imagem mas a descrição de uma: um ficheiro de texto que enumera formas, traçados, cores e as regras para as desenhar. Nada lá dentro tem tamanho em pixels, e é por isso que um logótipo em SVG está igualmente nítido num telemóvel e num painel publicitário, enquanto um PNG do mesmo logótipo tem de escolher uma resolução e viver com ela.
Isso torna-o o formato certo para tudo o que é desenhado em vez de captado — logótipos, ícones, diagramas, gráficos. E torna-o o formato errado para fotografias, que não têm formas para descrever; vectorizar uma produz um ficheiro enorme que fica pior do que o original.
Como um SVG é texto, é também um documento que pode conter scripts, gestores de eventos e referências a outros sites. É uma consideração de segurança real e não teórica, e é por isso que este site remove tudo isso antes de mostrar um.
De onde vem
O SVG foi normalizado pelo W3C em 2001, montado a partir de duas propostas vectoriais concorrentes. Passou uma década quase sem uso porque o Internet Explorer não o desenhava, e depois tornou-se omnipresente poucos anos depois do IE9, em 2011 — altura em que os ecrãs tinham começado a variar imenso em densidade, e um formato sem resolução fixa se revelou exactamente o que fazia falta.
SVG em resumo
| Propriedade | SVG |
|---|---|
| Compressão | Nenhuma, guardado como está |
| Cor | Formas, não pixels |
| Transparência | Canal alfa completo |
| Animação | Sim |
| Mantém o EXIF | Não |
| Suporte dos navegadores | Chrome 4, Firefox 3, Safari 3.2 |
| Tamanho de uma fotografia | Não é um formato para fotografias |
| Publicado | 2001 |
SVG em resumo
- Não se comprime nada. O tamanho do ficheiro decorre quase directamente das dimensões, e é por isso que estes ficheiros são tanto maiores do que tudo o resto aqui.
- Não há pixels nenhuns. O ficheiro enumera formas e as regras para as desenhar, pelo que a resolução se decide quando é mostrado e não quando é guardado.
- A transparência é um canal alfa completo: cada pixel regista quão transparente é, pelo que um contorno suave continua suave sobre qualquer fundo.
- O contentor guarda mais do que um fotograma, pelo que converter para um formato fixo fica com o primeiro e descarta o resto.
- Não há lugar normalizado para dados de captura, datas ou direitos de autor, pelo que tudo o que a origem levava se perde à entrada.
Em que é bom
- Transparência plena: cada pixel regista quão transparente é, pelo que os contornos se fundem de forma limpa com qualquer fundo.
- Contém vários fotogramas e reproduz-os, pelo que pode levar um clipe curto em ciclo.
- Nada é descartado. O que lá põe é o que volta, por mais vezes que grave.
- Não tem resolução nenhuma. O mesmo ficheiro está nítido no ecrã de um telemóvel e num cartaz impresso.
Onde fica aquém
- Não é um formato fotográfico. Uma fotografia forçada para aqui fica maior e pior do que estava.
- Pode conter scripts e referências a outros sites, pelo que precisa de ser tratado como documento e não como imagem.
- Sem lugar normalizado para dados de captura, datas ou direitos de autor, que assim se perdem à entrada.
- Lido apenas por navegadores mais recentes: Chrome 4, Firefox 3, Safari 3.2.
O que usar em vez de SVG
- Para fotografias use JPG pela compatibilidade, WebP por um bom equilíbrio, ou AVIF para o ficheiro mais pequeno. Este formato não foi construído para guardar uma e sairá ao mesmo tempo maior e pior.
- Para uma imagem que tem de aparecer em todo o lado sem alternativa use PNG ou JPG. Ambos são lidos por todos os navegadores há mais tempo do que a maioria das alternativas existe.
Quando usar SVG
Escolha SVG para tudo o que é desenhado em vez de fotografado: logótipos, ícones, diagramas, gráficos, ilustrações. Escolha-o sobretudo onde a mesma imagem tem de aparecer em tamanhos muito diferentes, porque não tem resolução nenhuma sobre a qual se enganar.
Evite SVG para fotografias. Vectorizar uma produz um ficheiro grande que fica pior do que o original, e nenhum formato vectorial o pode melhorar. Trate um SVG de origem desconhecida com o cuidado que daria a um ficheiro HTML, porque é disso que está mais perto.
O que abre um ficheiro SVG
Num computador, os ficheiros SVG abrem em Inkscape, Illustrator, and any browser.
O suporte dos navegadores é mais recente: Chrome 4, Firefox 3, Safari 3.2. Um navegador mais antigo oferecerá transferir o ficheiro em vez de o mostrar.
Transformar um ficheiro SVG noutra coisa:
Produzir um ficheiro SVG a partir de outra coisa:
Problemas comuns com SVG
- Fica diferente em programas diferentes.
- O ficheiro descreve formas e deixa o desenho a cargo de quem o abre, e os tipos de letra, os filtros e as unidades são as partes que mais variam entre motores de desenho. Converta o texto em traçados antes de exportar, evite efeitos que dependam do motor, e dê ao documento um tamanho explícito em vez de contar com um deduzido.
- Só saiu o primeiro fotograma.
- O formato para que converteu guarda uma só imagem, pelo que os restantes fotogramas não tinham para onde ir. Converta para WebP animado se o movimento interessa. Guarda a mesma animação numa fracção do tamanho, com cor completa e transparência a sério.
- Aparece-me a mim e não a alguns visitantes.
- O suporte a este formato chegou relativamente há pouco tempo, pelo que um navegador mais antigo ou um aparelho desactualizado pode não o ler. Sirva um formato mais antigo ao lado e deixe o navegador escolher, ou converta para PNG ou JPG se não controlar o código.
- Os dados de captura e os campos de direitos de autor desapareceram.
- O formato não tem lugar normalizado onde os guardar, pelo que tudo o que a origem levava foi descartado à entrada. Converta para um formato que guarde metadados se a atribuição interessa, ou mantenha o original ao lado da cópia convertida como registo da proveniência.
Converter aqui um ficheiro SVG
- Escolha o seu ficheiro, ou arraste-o para a caixa. É lido do seu dispositivo e não vai mais longe.
- Defina o que a conversão oferecer — qualidade, tamanho, fundo — e inicie-a. Tudo corre na sua própria máquina, pelo que uma imagem grande usa a sua memória e o seu processador em vez de uma fila algures.
- Transfira o resultado. Não fica nada guardado: sair da página ou reiniciá-la liberta tanto o ficheiro como a cópia convertida.
SVG contra as alternativas
Perguntas frequentes
- Porque é que a minha fotografia vectorizada fica mal em SVG?
- Porque vectorizar é uma aproximação, não uma conversão. Reduz uma fotografia a alguns milhares de formas planas coloridas, o que resulta num logótipo e falha numa cara. Se a origem é uma fotografia, nenhum formato vectorial a melhorará: o detalhe não é feito de formas.
- É seguro abrir um SVG que me enviaram?
- Trate-o como um ficheiro HTML e não como uma imagem, porque é disso que está mais perto. Um SVG pode conter scripts e carregar conteúdo de outros sítios. Abrir um directamente num navegador executa-o; este site analisa-o e remove scripts, gestores e referências externas antes de mostrar seja o que for.
- Porque é que o meu SVG é maior do que o PNG que substituía?
- Porque foi vectorizado a partir de uma imagem de grelha em vez de desenhado, o que produz milhares de formas separadas. Um SVG desenhado de um logótipo tem normalmente uns quilobytes; uma fotografia vectorizada pode ter megabytes e ainda assim ficar pior do que aquilo de onde veio.
- A transparência é mantida quando converto um ficheiro SVG?
- Só se o formato para que converte tiver onde a pôr. PNG, WebP, AVIF e GIF têm todos, em graus diferentes; JPG e BMP não, e uma área transparente passa a cor sólida quando converte para um deles. A ferramenta diz-lhe que fundo usou.
- Todos os fotogramas sobrevivem a uma conversão?
- Só quando o formato de destino também anima. Converter para um formato fixo guarda o primeiro fotograma e descarta o resto, o que normalmente não é o que se quer e é fácil de fazer sem dar por isso. O WebP animado é o formato para onde converter se o movimento interessa.
- Como abro um ficheiro .SVG?
- Os programas indicados acima leem-nos directamente. Se nada na sua máquina os abrir, converter para PNG ou JPG é o caminho fiável: ambos abrem em tudo, e a conversão acontece aqui no seu navegador e não num servidor.
- Converter um ficheiro SVG faz perder qualidade?
- Depende daquilo para que converte, não daquilo de que parte. Converter para um formato sem perdas como o PNG preserva cada pixel; converter para JPG, WebP ou AVIF descarta detalhe em definitivo. Nada recupera a qualidade que o ficheiro já tinha perdido.
- Converter a partir de SVG é grátis, e envia o meu ficheiro?
- Grátis, sem conta, e nada é enviado. Todos os conversores deste site leem o seu ficheiro com as interfaces do navegador, convertem-no com código a correr no seu dispositivo e devolvem o resultado como transferência. Pode confirmá-lo você mesmo no painel de Rede das ferramentas de programador.
- Onde é que a conversão acontece?
- No seu navegador, no seu próprio dispositivo. Aqui não existe servidor de conversão nenhum para onde enviar seja o que for, e não há serviço de terceiros envolvido. É uma afirmação sobre o que o site faz, e não uma promessa sobre como trata ficheiros enviados, porque nenhum envio acontece.