O que acontece com um elemento SVG quando você o redimensiona?

Nada — SVG é matemática vetorial sem resolução de pixel nativa. O que esta ferramenta faz é rasterizar o SVG para um PNG nas dimensões de pixel especificadas. O arquivo SVG original permanece intacto. Você pode exportar em qualquer outro tamanho a partir do mesmo arquivo, a qualquer momento.

Por que eu deveria exportar em um tamanho maior?

Para telas Retina (HiDPI), exporte com o dobro do tamanho de exibição CSS. Um logotipo que é exibido em 200×60 pixels CSS deve ser rasterizado para 400×120 para uma renderização nítida em telas Retina. Com o dobro do tamanho, você verá bordas suaves em telas Retina.

A transparência do SVG é preservada no PNG?

Sim, canal alfa completo de 8 bits. Os fundos SVG são transparentes, a menos que sejam definidos explicitamente; o PNG rasterizado mantém essa transparência. Bordas suavizadas, sobreposições suaves e valores de opacidade são renderizados corretamente.

Quais elementos SVG são renderizados corretamente?

Todos os recursos do SVG 1.1 são suportados pelo mecanismo de renderização do navegador: caminhos, formas, gradientes, filtros (desfoque, sombra projetada, matriz de cores), recorte, mascaramento e estilos CSS. Os recursos do SVG 2 variam de acordo com o navegador. As animações SMIL são renderizadas como um quadro estático.

Quais são os tamanhos exatos necessários para os ícones da App Store?

iOS: 1024×1024 (App Store), 180×180 (@3×), 120×120 (@2×), 87×87, 80×80, 60×60, 58×58, 40×40, 29×29, 20×20. Android: 512×512 (Google Play), 192×192 (xxxhdpi), 144 (xxhdpi), 96 (xhdpi), 72 (hdpi), 48 (mdpi).

Qual o tamanho máximo que o arquivo SVG pode ter?

SVG é um texto XML — não há limite de tamanho de arquivo para a origem. O tamanho do PNG de saída é limitado pela memória do navegador em dimensões muito grandes (16000×16000+). Para rasterização em escala de pôster, use a linha de comando do Inkscape.

Redimensionar SVG

SVG é matemática infinitamente escalável — não existe "redimensionamento" no sentido tradicional. O que você está fazendo, na verdade, é escolher uma resolução de rasterização: as dimensões em pixels nas quais o vetor é renderizado em uma imagem.

ou arraste e solte sua imagem aqui.

Suporta JPG, JPEG, PNG, WEBP, SVG, GIF, HEIC, HEIF, AVIF, BMP, TIFF, HDR, JP2, RAF, PSD

Rasterização SVG em qualquer tamanhoRenderização do mecanismo SVG do navegadorSaída PNG transparenteRasterização instantâneaQualquer dimensão de saída

Designers e desenvolvedores rasterizam SVG em tamanhos de pixel exatos para saídas específicas.

Escolha o tamanho da sua rasterização SVG.

Exportações de dimensão fixa

Rasterize o logotipo SVG exatamente em 600×200 px para o cabeçalho do site.
Exporte o ícone SVG em 512×512 para atender aos requisitos da App Store e da Play Store.
Crie variantes PNG de 2× e 3× a partir de uma única fonte SVG.
Rasterizar para plataformas que rejeitam SVG em uploads.

Requisitos de plataforma e sistema operacional

Ícones de aplicativos iOS: 1024×1024, 180×180, 120×120, 60×60
Ícones do Android: 512×512, 192×192, 144×144, 96×96
Conjunto de favicons em PNG: 512×512, 192×192, 180×180, 32×32, 16×16
Imagem original para redes sociais: 1200×630 da marca SVG

Entrega do projeto

Exporte recursos SVG como conjuntos PNG para catálogos de recursos de desenvolvedores.
Rasterizar exportações SVG do Figma nas dimensões de componente necessárias
Gere pares de PNGs Retina a partir de um único arquivo mestre SVG.
Crie PNGs prontos para impressão em 300 DPI (polegadas físicas × 300).

Trusted by professionals worldwide

Como funciona a rasterização SVG

Carregar SVG

Arraste e solte arquivos .svg do Figma, Illustrator, Inkscape ou qualquer ferramenta vetorial. O mecanismo SVG do navegador renderiza o arquivo no tamanho especificado.

Definir pixels de saída

Insira a largura ou altura exata em pixels. A proporção é bloqueada por padrão. O SVG é renderizado no tamanho escolhido — sem desfoque, sem artefatos, os cálculos permanecem nítidos.

Baixar PNG

O resultado é um PNG sem perdas e com a transparência preservada. Mantém a nitidez no tamanho rasterizado — telas maiores exibirão pixels acima desse limite. Mantenha o SVG para futuras reexportações.

Conversores relacionados

Converter imagens entre estes conversores relacionados

VER TODOS OS CONVERSORES

Redimensionamento de SVG = escolha sua dimensão de rasterização

Você não redimensiona SVG como redimensiona JPG. Você escolhe o tamanho de saída e o renderizador SVG do navegador gera pixels exatamente nessas dimensões. Mudou de ideia? Reexporte a partir do mesmo SVG — sem perda de qualidade.

Recursos do redimensionador SVG

Qualquer dimensão de saída

os cálculos em SVG são renderizados com nitidez em qualquer tamanho de pixel.

PNG transparente

fundos SVG e canal alfa preservados

Mecanismo SVG do navegador

utiliza o renderizador nativo do Chrome/Firefox para maior precisão.

Professional-Grade Image Processing

Rasterização de SVG para dimensões do sistema de design

Os sistemas de design especificam tamanhos exatos para ícones, logotipos e elementos de interface do usuário. Os arquivos SVG originais existem para atender a essas especificações — exportando em qualquer tamanho definido sem precisar redesenhar. Esta ferramenta gera PNGs com precisão de pixel a partir de SVG para cada tamanho definido na sua tabela de tamanhos.

Por que o tamanho da rasterização é importante

Os requisitos de recursos da plataforma especificam as dimensões exatas em pixels — não em porcentagens.
Rasterizar em um tamanho muito pequeno resulta na perda de detalhes subpixel que a matemática SVG preserva.
A rasterização em 2× gera recursos de retina verdadeiros para telas HiDPI.
Os tamanhos de favicon (16px) exigem atenção especial ao hinting e ao pixel snapping.

Melhores práticas de rasterização SVG

Guarde sempre o arquivo SVG original para futuras reexportações em qualquer tamanho novo.
Exporte primeiro no tamanho maior; reduza a escala do PNG para tamanhos menores em vez de rasterizar novamente.
Para tamanhos muito pequenos (favicon de 16px), converter o texto em caminhos no SVG primeiro.
Use o dobro da dimensão para qualquer PNG destinado a telas Retina ou HiDPI.
Verifique o filtro SVG e a renderização da fonte na saída em tamanhos pequenos.