SVG para JPG

Restaurando o arquivo selecionado...
Formatar
SVG
Saída
JPG
Escala
x

O JPG é o formato de imagem universal que clientes de e-mail, redes de anúncios e impressoras de fotos entendem, mas o SVG se recusa a aparecer em muitos deles. Este conversor rasteriza seu SVG na resolução que você escolher (uma escala de 1x a 10x do original) e achata a transparência sobre um fundo sólido antes de salvar como um JPG comprimido. Tudo acontece no seu navegador: o SVG nunca sai da aba.

Como converter SVG para JPG

  1. 1

    Solte seu SVG

    Cole a marcação ou envie o arquivo. Estilos inline e fontes incorporadas são renderizados como você os vê no navegador.

  2. 2

    Defina a escala

    Multiplique o tamanho original de 1x até 10x. Multiplicadores maiores significam mais detalhe e um arquivo maior.

  3. 3

    Escolha uma cor de fundo

    O JPG não tem transparência, então tudo o que for transparente no SVG precisa de uma cor de fundo: normalmente branco.

  4. 4

    Escolha a qualidade

    Uma qualidade JPG de 85 é o ponto ideal para a maioria dos usos. Reduza para 70 para miniaturas e fique em 95 ou mais para impressão.

  5. 5

    Baixe o JPG

    Salve a imagem rasterizada e coloque-a no seu CMS, slide ou modelo de e-mail.

Quando o JPG supera o PNG para SVGs exportados

Caso de uso Prefira JPG Prefira PNG
Ilustração estilo foto Sim
Logotipo plano com bordas nítidas Sim
Peça publicitária com limite de peso Sim
Ícone que precisa de transparência Sim

O JPG usa compressão com perdas que adora gradientes suaves e conteúdo parecido com foto. Ele detesta áreas chapadas e bordas duras, que é justamente do que a maior parte da arte vetorial é feita, então o PNG costuma vencer para logotipos.

Escolhendo a resolução certa

  • Imagem principal: de 1600 a 2000 px de largura.
  • Imagem no meio de um post: de 800 a 1200 px.
  • Cabeçalho de e-mail: no máximo 600 px de largura para caber na maioria dos clientes.
  • Impressão: multiplique as polegadas finais por 300 (assim, 6 polegadas de largura = 1800 px).

Armadilhas comuns

  • Fontes ausentes. Se o seu SVG faz referência a uma fonte personalizada que não está incorporada, o conversor recorre a uma padrão e o texto se desloca. Converta o texto em contornos antes de exportar, ou incorpore a fonte como base64.
  • Corte nas bordas. Um viewBox apertado pode cortar os traços por meio pixel. Adicione de 2 a 4 px de espaço no SVG antes de rasterizar.
  • Linhas finas borradas. Traços de 1 px suavizam em tamanhos pequenos. Aumente um pouco a espessura do traço para exportações pequenas.

Perguntas frequentes

O JPG não armazena transparência, então qualquer área que era transparente no SVG é preenchida com a cor de fundo que você escolheu. Escolha um fundo que combine com o destino, ou exporte como PNG.

Os navegadores limitam o tamanho do canvas a cerca de 16.384 pixels por lado. Na prática, de 4000 a 6000 px cobre a qualidade de impressão de revista; ir muito além raramente traz detalhe visível e dispara o tamanho do arquivo.

Sim. feGaussianBlur, sombras e filtros SVG são renderizados como seriam no Chrome nas dimensões escolhidas e depois fixados em pixels no JPG.

Não. A renderização acontece no seu navegador via API Canvas, então a marcação do SVG nunca sai da aba.

Ferramentas relacionadas

Ferramenta disponível em outros idiomas