Guia SVG para PNG: Especificação de Dimensões, Fundo Transparente e Adaptação de Cenários
Este artigo explica os problemas de compatibilidade do SVG, clarifica o princípio da especificação de dimensões e introduz métodos para exportação de favicon em vários tamanhos e processamento de fundo transparente.
Atualizado 2026-08-11
Cenários de Limitação de Compatibilidade do SVG
O Office 2016 e versões anteriores não suportam a inserção e exibição de imagens SVG, e os carregadores de imagem de algumas plataformas sociais domésticas também não conseguem analisar ficheiros vetoriais SVG.
Após obter materiais em SVG, é necessário convertê-lo para o formato rasterizado fixo PNG para utilização normal nestes cenários. O processo de conversão tem de resolver dois problemas centrais: dimensões e transparência do fundo.
Por que as Dimensões em Pixels Têm de Ser Especificadas para Exportar PNG
O SVG é um formato de gráficos vetoriais que armazena instruções de desenho gráfico em vez de informação fixa de pixels. Pode ser escalado arbitrariamente mantendo a nitidez e não tem uma resolução fixa nativa.
O PNG é um formato de gráficos rasterizados, onde cada pixel corresponde a um ponto de exibição no ecrã. É necessário um valor de pixel claro para largura e altura para gerar um ficheiro rasterizado que possa ser exibido normalmente, por isso os parâmetros de dimensão devem ser especificados manualmente durante a exportação.
Identificação e Preservação de Fundo Transparente
Os conversores de SVG para PNG retêm o fundo transparente do SVG original por predefinição. A área de pré-visualização da conversão marca as áreas transparentes com um padrão de xadrez preto e branco, e os utilizadores podem confirmar o estado de transparência através da pré-visualização.
Se precisar de substituir o fundo por uma cor sólida, pode optar por exportar no formato JPG e depois especificar a cor de base correspondente. O formato PNG suporta o armazenamento completo da informação do canal alfa, sendo adequado para cenários de design que requerem fundo transparente.
Lista de Exportação de Vários Tamanhos para Cenários de favicon
A criação de favicons para sites requer a saída de vários ficheiros PNG de diferentes dimensões para se adaptar a diferentes dispositivos e cenários de utilização. Acima encontra-se uma lista de dimensões de exportação de norma geral.
Na conversão real, pode selecionar as dimensões correspondentes para exportar o SVG um a um de acordo com os requisitos de desenvolvimento do seu site, depois integrá-los na configuração do site. Para especificações específicas, consulte a documentação de desenvolvimento da plataforma correspondente.
| Cenário de utilização | Dimensão de pixel correspondente |
|---|---|
| Ícone de barra de endereço do navegador predefinido | 16×16 |
| Exibição High DPI no separador do navegador | 32×32 |
| Ícone de atalho de ambiente de trabalho | 48×48 |
| Adicionar página web iOS ao ecrã principal | 180×180 |
| Ícone de aplicação Android PWA | 192×192 |
| Ícone PWA para dispositivos de alta resolução | 512×512 |
Configuração de Preenchimento de Base de Pixel Transparente para Exportar JPG
Se precisar de exportar um SVG com fundo transparente para o formato JPG, note que o próprio JPG não suporta canais alfa, e todas as áreas transparentes serão automaticamente preenchidas com a cor especificada.
Para cenários de utilização comuns, o branco pode ser selecionado como cor de preenchimento de base para se adaptar à maioria dos fundos de documentos e páginas web; se o JPG for colocado sobre um fundo escuro, pode selecionar a cor escura correspondente como preenchimento de base para evitar a exibição de bordas brancas.
Perguntas frequentes
A exportação de PNG a partir de SVG perde nitidez?
A nitidez não será perdida desde que a dimensão de exportação não exceda a precisão máxima que pode ser transportada pelo caminho SVG. O SVG é um formato vetorial que pode gerar rasters PNG com a nitidez correspondente de acordo com a dimensão especificada.
A conversão de SVG para PNG é paga, existem limites na ferramenta deste site?
A ferramenta de SVG para PNG neste site é uma ferramenta web online. Todo o processamento é concluído no navegador local, e os ficheiros do utilizador não são armazenados. As taxas e limites de utilização estão sujeitos ao anúncio público atual no site oficial.
O fundo transparente do PNG convertido vai mostrar um padrão de xadrez?
O ficheiro PNG exportado não inclui o padrão de xadrez. O padrão de xadrez é apenas um identificador de transparência para a interface de pré-visualização da ferramenta, e a área transparente do ficheiro exportado permanece transparente.