Pular para o conteúdo
ImageConverter

Conversão segura no servidor

Converter SVG para AVIF

Renderize um SVG numa imagem AVIF: a versão bitmap mais leve que você pode fazer de um design vetorial, com a transparência intacta. Um logotipo desenhado em 1024 pixels ficou com uns 4 KB, mais ou menos um quarto da mesma renderização em PNG. O que vale conferir é o quanto as bordas ficam limpas, e as medições abaixo respondem isso.

Excluído automaticamente Arquivos excluídos em até 30 minutos

Arraste e solte suas imagens SVG aqui

Adicione várias de uma vez. Cada arquivo é processado e depois excluído do nosso servidor.

Até 20 MB por arquivo Aceita lotes

Largura de saída

SVG é um formato vetorial, então pode ser gerado em qualquer tamanho sem perder nitidez.

75
Arquivo menor Mais detalhes
Atalhos:

Mais alto mantém mais detalhes; mais baixo gera um arquivo menor. Vale para as imagens que você adicionar depois de mudar.

Passo a passo

Como converter SVG para AVIF em 3 passos

  1. Escolha uma largura

    o maior tamanho em que a imagem vai ser exibida.

  2. Deixe a qualidade em 75

    Deixe a qualidade em 75, ou suba para 90 para bordas praticamente sem perda.

  3. Adicione seu SVG e baixe o AVIF

Comparação de formatos

SVG vs. AVIF

SVG (Scalable Vector Graphics)

Vetorial

Descreve formas e texto como instruções em vez de pixels, então pode ser desenhado com nitidez em qualquer tamanho.

  • Nítido em qualquer tamanho, do favicon ao outdoor
  • Arquivos muito pequenos para logotipos, ícones e diagramas
  • Não consegue representar uma fotografia, e muitos aplicativos não conseguem importá-lo

AVIF (AV1 Image File Format)

Com ou sem perda

O formato web mais recente com ampla compatibilidade, baseado no codec de vídeo AV1 e feito para gerar os menores arquivos.

  • Normalmente o menor arquivo para a mesma qualidade visual
  • Compatível com as versões atuais do Chrome, Edge, Firefox e Safari
  • Lento para codificar e não suportado por muitos programas antigos

Quando você precisa de pixels em vez de vetores

Num site, o melhor costuma ser deixar um SVG como SVG: ele é minúsculo e nítido em qualquer tamanho. Mas há bons motivos para precisar de um bitmap: uma plataforma que não aceita SVG, uma imagem que não deve expor o código do desenho, prévias em redes sociais e e-mail, que raramente suportam SVG, ou designs com filtros que são renderizados de forma diferente em cada navegador.

Quando você precisa de pixels, o AVIF dá o arquivo mais leve. Medido com um logotipo pequeno em cada largura:

  • 512 px: 2,1 KB.
  • 1024 px: 4,2 KB.
  • 2048 px: 7,1 KB.
  • 4096 px: 13,9 KB.

Para comparar, o mesmo design em 1024 pixels pesava 15,7 KB como PNG, 21 KB como TIFF e 2,1 MB como BMP sem compressão.

Quão limpas ficam as bordas?

O AVIF tem perda, e um design vetorial é só bordas duras, justamente onde a compressão com perda aparece primeiro. Então medimos, comparando cada AVIF com uma renderização sem perda do mesmo SVG depois de colocar os dois sobre fundos branco e preto, como apareceriam numa página:

  • Qualidade 75, o padrão: ao longo das bordas, a cor difere da renderização sem perda em menos de 2 níveis de 255 em média. Invisível em tamanho normal.
  • Qualidade 90: praticamente sem perda (a maior diferença em qualquer ponto de uma borda foi de 6 níveis), com 6,8 KB, ainda menos da metade do PNG.

Para um logotipo que precisa ser perfeito no pixel quando examinado de perto, escolha 90. Para todo o resto, 75 é indistinguível e mais leve.

Qualidade

Qualidade e tamanho do arquivo

Transparência

Designs SVG costumam ser desenhados sobre fundo transparente, e o AVIF mantém isso como um canal alfa completo, então a imagem fica limpa sobre qualquer cor de fundo.

Como escolher a largura

A renderização é desenhada na largura que você escolher, então fica totalmente nítida nesse tamanho e não pode ser ampliada depois sem ficar suave. Escolha o maior tamanho em que a imagem vai realmente ser exibida. Em telas de alta densidade, que mostram dois ou três pixels do dispositivo por pixel CSS, isso significa o dobro ou o triplo da largura do layout: um logotipo com 200 pixels de largura no layout precisa de 400 pixels numa tela 2× e 600 nas telas 3× de muitos celulares, então a opção de 1024 pixels cobre os dois casos.

Fontes

Texto numa fonte citada pelo nome, em vez de convertido em contornos, é desenhado com a fonte equivalente que o renderizador tiver, o que pode diferir do seu design. Converta o texto em contornos antes de exportar o SVG.

Suporte nos navegadores

Todos os principais navegadores atuais exibem AVIF: Chrome, Firefox, Safari e Edge. Alguns clientes de e-mail e programas antigos não. Para e-mail e compatibilidade ampla, PNG é mais seguro; WebP é um bom meio-termo.

Quando faz sentido converter SVG para AVIF

  • Plataformas que não aceitam envio de SVG, que são muitas.
  • Imagens Open Graph e de prévia em redes sociais para páginas que servem AVIF.
  • Ilustrações complexas com muitos traçados, gradientes ou filtros, em que um bitmap é mais leve e é renderizado igual em todo lugar.
  • Páginas em que o desempenho é crítico e que precisam de designs em bitmap com o menor peso possível.

AVIF, WebP ou PNG?

  • AVIF: o mais leve. 4,2 KB em 1024 px com qualidade 75.
  • WebP: um pouco mais pesado (6,2 KB com qualidade 75), e com mais compatibilidade fora dos navegadores.
  • PNG: sem perda e com compatibilidade universal, com 15,7 KB.

É seguro enviar um SVG?

Arquivos SVG podem conter scripts e referências a recursos externos, então cada arquivo enviado é verificado antes que qualquer coisa o leia: arquivos com scripts, referências externas ou declarações de tipo de documento são recusados de cara em vez de limpos. O resultado é uma imagem simples, então nada do SVG pode rodar.

O que acontece com o seu arquivo

Os SVGs são renderizados no nosso servidor, onde podem ser verificados. O que você envia é excluído assim que a conversão termina, o resultado é excluído assim que você o baixa, e tudo o que fica abandonado é removido automaticamente.

Privacidade

O que acontece com seu arquivo

Esta ferramenta funciona no nosso servidor, então dá o mesmo resultado em qualquer celular ou computador. Seu arquivo é enviado, e é exatamente isto que acontece com ele:

  • Guardado fora da área pública do servidor com um nome aleatório, nunca com o nome do seu arquivo.
  • É processado, e o arquivo original é excluído imediatamente, tenha a conversão funcionado ou não.
  • O resultado fica atrás de um link assinado que só você recebe, que para de funcionar depois de 20 minutos, e o arquivo é excluído assim que você o baixa.
  • O que nunca for baixado é excluído automaticamente em até 30 minutos.
  • A imagem em si nunca é registrada nem guardada. Se uma conversão falhar, anotamos os formatos envolvidos e o erro, não o arquivo.
  • Os metadados da câmera, incluindo as coordenadas GPS que registram onde a foto foi tirada, são removidos do resultado. Só é mantida a rotação necessária para mostrar a imagem na posição certa.

Perguntas e respostas

SVG para AVIF: perguntas frequentes

Quanto meu AVIF vai pesar?

Muito pouco. Um logotipo pesou 2,1 KB em 512 px, 4,2 KB em 1024 px, 7,1 KB em 2048 px e 13,9 KB em 4096 px. Em 1024 px, o PNG do mesmo design pesava 15,7 KB.

As bordas do meu logotipo vão ficar suaves?

Não com o padrão. Comparamos as renderizações AVIF com uma sem perda sobre fundos branco e preto: com qualidade 75, as cores das bordas diferiam em menos de 2 níveis de 255 em média. Com qualidade 90, a maior diferença em qualquer borda foi de 6 níveis (praticamente sem perda), com 6,8 KB.

A transparência é mantida?

Sim. O AVIF leva um canal alfa completo, então um design desenhado sobre fundo transparente fica limpo sobre qualquer cor de página.

Que largura devo escolher?

O maior tamanho em que a imagem vai ser exibida, levando em conta as telas de alta densidade: uma imagem com 200 pixels de largura no layout precisa de 400 px numa tela 2× e 600 px na tela 3× de um celular, então 1024 px cobre os dois casos. A renderização não pode ser ampliada depois sem ficar suave.

Eu deveria ficar com o SVG?

No seu próprio site, muitas vezes sim: SVGs são minúsculos e nítidos em qualquer tamanho. Converta quando uma plataforma não aceitar SVG, para prévias em redes sociais e e-mail, ou para designs complexos que são renderizados de forma diferente em cada navegador.

AVIF, WebP ou PNG?

O AVIF é o mais leve (4,2 KB em 1024 px). O WebP pesa um pouco mais, 6,2 KB, e tem mais compatibilidade fora dos navegadores. O PNG é sem perda e universal, com 15,7 KB.

Continue explorando

Ferramentas de imagem relacionadas

Ver todas as ferramentas

Converter SVG para WebP

Converta SVG para WebP em qualquer resolução com a transparência intacta. Mais leve que PNG e mais nítido que JPG para gráficos.

No nosso servidor

Converter SVG para PNG

Converta SVG para PNG em qualquer resolução, com a transparência intacta. É renderizado a partir do vetor, então as bordas ficam nítidas em qualquer tamanho.

No nosso servidor

Converter SVG para TIFF

Renderize designs SVG num TIFF transparente para programas de impressão e diagramação, até 4096 pixels. Como escolher a largura pelo tamanho impresso.

No nosso servidor

Converter SVG para BMP

Converta SVG para BMP com largura de 512 a 4096 pixels. A largura decide a nitidez e o tamanho: um SVG de 226 bytes virou 2,1 MB em 1024 px.

No nosso servidor