- Meu SVG é enviado para um servidor?
- Não. O SVG é transformado em uma URL de blob local, renderizado pelo motor de SVG do próprio navegador em uma imagem fora da tela, desenhado em um canvas e codificado em PNG com canvas.toBlob() — tudo em JavaScript na sua máquina. Não há nenhuma requisição de upload.
- Por que meu SVG está renderizando em um tamanho estranho?
- Muitos SVGs — especialmente exportações de ícones — carregam apenas um viewBox e nenhum atributo width/height. Navegadores exibindo esse arquivo em um <img> recaem em um tamanho padrão (geralmente 300×150, às vezes 0×0), e é por isso que conversores podem produzir saídas com tamanhos esquisitos. Esta ferramenta analisa a fonte do SVG diretamente: se width e height estão presentes, ela os usa; se existe apenas um viewBox, ela adota a proporção do viewBox com uma largura padrão de 512px; na falta de ambos, recai em 512×512. Você sempre pode sobrescrever o tamanho detectado antes de exportar.
- Por que o texto do meu SVG fica diferente no PNG?
- Elementos <text> do SVG são renderizados com as fontes que o navegador rasterizador tiver, e no contexto de <img> referências a webfonts externas não são buscadas — então a tipografia cuidadosamente escolhida recai em uma fonte genérica do navegador. Se a tipografia exata importa, converta o texto em contornos (texto em caminhos) na sua ferramenta de design antes de exportar o SVG; caminhos rasterizam de forma idêntica em qualquer lugar.
- Por que imagens embutidas ou CSS externo não aparecem?
- Quando um navegador rasteriza um SVG dentro de um elemento <img>, ele trata o arquivo como um documento independente: referências externas — folhas de estilo vinculadas, webfonts e tags <image> apontando para outras URLs — não são buscadas, e conteúdo de outra origem pode contaminar o canvas e bloquear a exportação por completo. A solução é tornar o SVG autocontido: embuta o CSS e as imagens raster como URIs data:.
- A transparência é preservada?
- Sim. O PNG tem um canal alfa completo, e com o fundo definido como Transparente, toda área que seu SVG deixa sem pintura permanece transparente na saída. A pré-visualização quadriculada mostra exatamente onde. Escolha Branco ou uma cor personalizada apenas quando quiser deliberadamente achatar o fundo.
- Que escala devo usar para telas retina / de alta densidade?
- Exporte em 2x o tamanho em que a imagem será exibida — um logotipo mostrado em 200×80 pixels CSS deve ser um PNG de 400×160. Telas de alta densidade concentram cerca de quatro pixels físicos em cada pixel CSS, então uma exportação em 1x fica borrada nelas. 4x só vale a pena para usos próximos de impressão; para exibição normal na web, isso só quadruplica o tamanho do arquivo de novo.