Converter SVG para JPG

Como o original é um vetor limpo, esta conversão se beneficia de uma qualidade maior do que uma fotografia precisaria. O padrão de 92 fica de propósito acima da faixa comum de 75–85.

• 95–100: praticamente sem artefatos visíveis, mesmo em volta de bordas duras. Vale a pena para logotipos e tudo o que tiver texto.
• 88–94: a faixa padrão. Um halo leve de vez em quando nos contornos de alto contraste, visível só se você procurar.
• 75–87: o efeito de anel em volta das bordas fica perceptível, e a cor chapada começa a manchar.
• Abaixo de 75: claramente degradado em gráficos, seja qual for a aparência numa fotografia.

Renderizar maior ajuda mais que subir a qualidade. Os artefatos são relativos ao tamanho do pixel, então uma renderização de 2048 px com qualidade 88 costuma ficar melhor que uma de 512 px com qualidade 100, e continua nítida se alguém exibi-la maior.

Duas observações práticas:

• Combine o fundo com o destino. Os pixels semitransparentes (uma sombra suave, uma borda esfumada) se misturam com a cor que você escolher. Uma sombra que parece natural sobre branco vira um halo cinza sobre preto.
• Confira as fontes. Se o SVG cita uma fonte pelo nome em vez de converter o texto em contornos, o renderizador a substitui pela que tiver disponível. Converta o texto em traçados na sua ferramenta de design se as letras importarem.

Quando JPG é mesmo o formato certo

• Algo exige JPG especificamente: alguns formulários de envio, serviços de impressão e sistemas antigos não aceitam outra coisa.
• O SVG é uma ilustração com sombreamentos ou gradientes ricos, e não gráficos chapados. O JPEG lida bem com isso.
• A imagem vai ficar de qualquer jeito sobre um fundo sólido conhecido, então a transparência nunca acrescentava nada.
• O tamanho do arquivo importa mais que a nitidez das bordas e a imagem é grande.

Quando escolher PNG ou WebP

Se o SVG é um logotipo, um ícone, um diagrama, um gráfico ou qualquer coisa com texto (que é a maioria dos SVGs), quase certamente você quer PNG. Ele mantém a transparência e comprime a cor chapada sem perda, então as bordas ficam perfeitamente nítidas.

Para um site que você controla, WebP é ainda melhor: transparência, bordas limpas e um arquivo mais leve que os dois.

Um jeito rápido de decidir: se um quadro branco aparecendo em volta do seu gráfico incomodaria você, não converta para JPG.

Como tratamos SVG com segurança

O SVG é um documento e não um bloco de pixels, e um hostil pode tentar coisas que uma fotografia nunca conseguiria: ler arquivos do servidor, fazer requisições para fora ou embutir scripts.

Você recebe um JPG, nunca o SVG, então nada do que está embutido no arquivo pode rodar no seu navegador. E cada arquivo enviado é verificado antes que qualquer coisa o analise: arquivos que contêm declarações de tipo de documento, definições de entidades, scripts, manipuladores de eventos ou referências a recursos externos são recusados de cara em vez de consertados. As exportações normais das ferramentas de design não são afetadas.

Converter um conjunto de arquivos

Adicione quantos SVGs quiser. Cada um é renderizado na largura que você escolheu e composto sobre a cor de fundo que você definiu, com o próprio download. Se arquivos diferentes precisam de fundos diferentes, faça em lotes separados: o ajuste vale para tudo o que estiver na fila.