Pular para o conteúdo

SVG para PNG

SVG to PNG

Renderiza um SVG em PNG, JPEG ou WebP em qualquer fator de escala, com fundo transparente ou preenchido.

Transformar um SVG em bitmap é o que você faz quando o destino não aceita vetores: um cartão para redes sociais, um e-mail, um ícone de aplicativo. O problema é que o navegador renderiza o SVG isolado — sem imagens vinculadas, sem folhas de estilo externas, sem fontes web —, então o que sai nem sempre é o que a sua página mostra.

🔒 Roda inteiramente no seu navegadorsvgrasterconvertvector

Solte um SVG

Ou cole a marcação aqui embaixo.

Origem

Como usar

  1. Solte o arquivo ou cole o código

    O tamanho intrínseco é lido de width/height ou do viewBox, e a página diz quando teve de adivinhar.

  2. Defina a escala

    Ela multiplica o tamanho intrínseco, e as dimensões em pixels resultantes são exibidas ao lado do controle, então 3× em um ícone de 24 px é visivelmente 72 px e não uma suposição.

  3. Escolha transparência ou um fundo

    JPEG não tem alfa, então escolhê-lo obriga a uma cor de fundo em vez de compor em silêncio sobre preto.

Perguntas frequentes

O texto saiu na fonte errada.

O renderizador não consegue buscar uma fonte web: um SVG rasterizado assim não carrega nada externo. Converta o texto em caminhos no seu editor antes de exportar; é o conselho padrão para um SVG que precisa rasterizar de forma idêntica em todo lugar.

Ele diz que o navegador se recusou a renderizar.

Normalmente é um atributo xmlns ausente — um SVG sem ele não é XML que o navegador vá desenhar —, ou código malformado, ou uma referência a um recurso que ele não tem permissão para carregar.

Devo rasterizar para o meu site?

Normalmente não. Um SVG continua nítido em qualquer densidade e costuma ser menor do que o PNG; se é para CSS, o codificador de data URI o mantém vetorial. Rasterize quando algo adiante de fato não conseguir ler SVG.

Pode receber de

Em seguida

Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.