Convertir SVG a PNG con tamaños de píxel exactos
Rasteriza iconos e ilustraciones para presentaciones, CMS antiguos y clientes de correo que rechazan SVG — procesado localmente cuando los datos vectoriales son sensibles.
Más utilidades que combinan bien con esta guía:
Por qué importa
Los clientes de correo bloquean SVG inline por seguridad. Portales empresariales antiguos solo aceptan PNG para logos de proveedores. Las diapositivas crecen cuando se pegan SVG enormes — rasterizar a 2× mantiene fluidez y compatibilidad. Convertir en local ayuda cuando los kits de marca llevan NDA en iconos no publicados.
Tres escenarios reales
Exporta cuadrados 512 y 1024 px con fondo transparente para implementaciones de calidad mixta.
Colores predecibles
Empareja primarios WebP/AVIF con fallbacks PNG del mismo SVG maestro.
Mejora progresiva
Rasteriza gráficos exportados desde Figma para quien no edita vectores.
Activos seguros para Office
Guía paso a paso
Abre SVG a PNG.
Sube `.svg` o pega marcado
Las cadenas SVG inline sirven cuando el portapapeles gana a archivos temporales — vigila
<image>incrustadas enormes.Define ancho/alto de salida
Multiplica píxeles CSS por
devicePixelRatiopara PNG nítidos en Retina.Elige tratamiento de fondo
Transparente para iconos; relleno sólido cuando el visor asume lienzo blanco.
Previsualiza salida raster
Inspecciona antialiasing en trazos diagonales — sube resolución si aparece moiré en trazos finos.
Descarga PNG
Versiona nombres (
logo@2x.png) para que el pipeline invalide caché a propósito.
Consejos útiles
- Prefiere SVG en web moderna cuando la CSP lo permita — PNG sigue siendo paracaídas de compatibilidad.
- Cuidado con filtros: filtros SVG exóticos pueden rasterizar distinto entre motores — verifica en navegadores objetivo.
- Pipeline ICO: combina salidas con SVG a ICO para empaquetar favicons.
Trampas comunes
Error frecuente
Fuentes incrustadas ausentes
Convierte texto a contornos en diseño si fallan fuentes remotas durante la rasterización.
Error frecuente
SVG enormes y rendimiento
Trazados complejos pueden congelar pestañas — simplifica geometría o divide capas antes de convertir ilustraciones gigantes.
Error frecuente
Cambios de espacio de color
Las exportaciones CMYK van a flujos de impresión — la rasterización del navegador apunta a pantalla RGB por defecto.
Cuándo no es la herramienta adecuada
- Exports CI sin cabeza: script
resvg/sharppara builds deterministas en contenedores Linux. - Sprites multi-densidad: los empaquetadores de texturas gestionan padding y bin packing mejor.
- SVG animado (SMIL/CSS): captura secuencias de fotogramas con herramientas de vídeo dedicadas.
Preguntas frecuentes
¿Sube archivos la conversión?
El procesamiento es local — importante cuando el SVG contiene datos de trayectoria propietarios.
¿Puedo exportar `@1x` y `@2x` rápido?
Duplica ejecuciones duplicando dimensiones — anota nombres al instante para evitar colisiones de caché.
¿Por qué PNG pesa más que SVG?
Los degradados fotográficos explotan como raster — mantén vectores para arte geométrico siempre que puedas.
Próximos pasos
- Comprime PNG con el compresor de imágenes.
- Recorta márgenes en blanco con recorte de imagen.
- Exporta lotes a PDF tras ajustes de maquetación con imagen a PDF.