SVG para PNG

Como converter SVG para PNG

1. Larga um ou mais ficheiros SVG na zona de largar, ou clica nela para os escolher. Também podes abrir Ou cola código SVG, colar o código e clicar em Adicionar código SVG.
2. Escolhe o Tamanho de saída: - Fator de escala multiplica o tamanho próprio do SVG (2 dá uma imagem duas vezes mais larga e duas vezes mais alta); - Largura (a altura acompanha) ou Altura (a largura acompanha) mantém as proporções; - Largura e altura exatas impõe as duas dimensões; - Resolução (DPI) renderiza tamanhos físicos como 2in ou 50mm com os DPI escolhidos.
3. Escolhe um Formato: PNG, JPG ou WebP. JPG e WebP têm também um cursor Qualidade.
4. Em Fundo, mantém Transparente ou escolhe Cor e define a Cor de fundo.
5. Clica em Converter em imagem. Cada ficheiro fica numa linha com pré-visualização, o novo tamanho em píxeis e um botão Transferir. Transferir tudo guarda os ficheiros um a um; Transferir ZIP junta-os num único arquivo.

Como é calculado o tamanho

Um SVG descreve formas, não píxeis, por isso pode ser desenhado com nitidez em qualquer tamanho. O seu tamanho «natural» vem dos atributos width e height do elemento <svg> raiz. Quando faltam, esta ferramenta usa o viewBox (por exemplo, viewBox="0 0 24 24" dá 24 × 24), como fazem os navegadores. Se o SVG não tiver nenhum dos dois, é usado o valor por omissão dos navegadores, 300 × 150.

Os comprimentos em unidades físicas são convertidos com a regra CSS de 96 píxeis por polegada: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. É por isso que DPI (96 = tamanho original) indica 96: a 300 DPI, um ícone declarado como width="1in" fica com 300 píxeis de largura, que é o que uma gráfica espera.

Com Largura e altura exatas, um desenho cujas proporções sejam diferentes das da caixa fica centrado, com margens, segundo a regra preserveAspectRatio do próprio SVG; nunca é esticado, a não ser que o ficheiro o peça.

Os navegadores não conseguem criar um canvas maior do que cerca de 16,7 milhões de píxeis (por exemplo 4096 × 4096). Se pedires mais, o tamanho é reduzido para a maior imagem que cabe e uma mensagem indica-te o tamanho final.

PNG, JPG ou WebP?

• O PNG é sem perdas e mantém a transparência: a melhor escolha para ícones, logótipos e diagramas.
• O JPG não tem transparência, por isso as zonas transparentes são preenchidas com a cor de fundo. Usa-o para ilustrações grandes em que o tamanho do ficheiro importa mais do que contornos perfeitamente nítidos.
• O WebP mantém a transparência e costuma ser mais pequeno do que o PNG; todos os navegadores atuais o mostram.

Segurança e limites

O teu SVG nunca é inserido na página. É desenhado como uma simples imagem a partir de um endereço blob privado, um modo em que os navegadores não executam scripts nem carregam mais nada. Em consequência, as referências externas não são carregadas: as fontes web do Google Fonts, as imagens ligadas por URL e os ficheiros CSS externos são ignorados, por isso o texto pode aparecer numa fonte por omissão. Para manteres o aspeto exato, converte o texto em caminhos no teu editor ou incorpora as imagens como data URI antes de converter. As fontes instaladas no teu computador continuam a poder ser usadas.

Nada é enviado: a renderização e a codificação acontecem no teu navegador.