SVG → PNG

Rasteriza archivos vectoriales SVG en imágenes PNG

Cómo funciona

SVG → PNG — Rasteriza archivos vectoriales SVG en imágenes PNG. Todo el procesamiento ocurre en tu navegador — sin subida, sin registro, sin email. Gratis para siempre.

Última actualización: 2026-05-06

Editor's note

Construimos esto porque la App Store quería un PNG de 1024×1024 de nuestro logo y el SVG que exportamos tenía un gradiente radial que el rasterizador CLI de Inkscape convirtió en bandas horrorosas. La marca quedó rota en la página del listado, no lo notamos en un día entero y la captura estuvo arriba todo ese tiempo. Después de eso odiamos toda la cadena de herramientas: cada rasterizador SVG por línea de comandos que probamos interpretaba al menos una primitiva de filtro de manera distinta a un navegador.

Así que nos quedamos con el único motor que coincide con lo que el usuario ve de verdad: el propio motor SVG del navegador. El PNG que descargas aquí es idéntico píxel a píxel a lo que un usuario de Chrome capturaría desde tu sitio en producción. Esa es la única consistencia que importa para los assets de marca, y por eso ni nos molestamos en construir un fallback en servidor para navegadores antiguos. Si tu SVG se ve bien en la vista previa, se verá bien donde viva tu audiencia.

Acerca de SVG → PNG

SVG → PNG convierte gráficos vectoriales escalables en imágenes PNG rasterizadas en la resolución que prefieras. El SVG es imbatible en la web porque se mantiene nítido a cualquier nivel de zoom, pero la mayoría de tiendas de aplicaciones, plataformas sociales, herramientas de presentación, dashboards de e-commerce e impresoras antiguas siguen esperando un PNG de tamaño fijo. Esta utilidad cierra esa brecha en segundos sin necesidad de abrir Illustrator o Inkscape.

Está pensada para diseñadores que entregan iconos a desarrollo, equipos de marketing que preparan imágenes Open Graph, fundadores que generan assets para la App Store y cualquiera que necesite un PNG con fondo transparente o sólido a partir de un .svg. Eliges el tamaño, decides el fondo y descargas: sin cuenta, sin correo y sin esperar en cola.

Toda la conversión ocurre en el navegador con la Canvas API nativa, así que tu obra nunca pasa por un servidor. Eso importa cuando el SVG contiene branding inédito, iconos bajo NDA o trabajo de cliente que no puedes subir a herramientas aleatorias.

Cómo usar SVG → PNG

Arrastra tu archivo .svg a la zona de carga o haz clic para buscarlo: puedes encolar varios a la vez.
Elige un ancho preestablecido (256, 512, 1024, 2048 px) o escribe uno personalizado; la altura se calcula a partir de la relación de aspecto del SVG.
Selecciona fondo Transparente, Blanco o un color hexadecimal personalizado según donde vaya a vivir el PNG.
Revisa la vista previa en vivo para confirmar que las fuentes, gradientes y grosores de trazo se renderizan como esperas.
Pulsa Descargar para guardar el PNG. Repite con otro ancho si necesitas un set de iconos en varias resoluciones.

Casos de uso comunes

Exportar logotipos de marca a 1024 px y 2048 px para press kits y páginas de partners.
Generar imágenes Open Graph y Twitter Cards desde una ilustración SVG antes de publicar un artículo.
Producir capturas de App Store y assets de marketing en alta resolución que requieren PNG en lugar de SVG.
Convertir una librería de iconos a PNG para herramientas que no aceptan SVG (PowerPoint, clientes de correo antiguos, ciertos bloques de Notion).
Crear sets PNG @1x/@2x/@3x listos para retina a partir de un único SVG fuente.

Consejos y errores comunes

Si el SVG embebe fuentes externas con @import, el PNG renderizado puede caer a una fuente del sistema. Convierte el texto a curvas en tu herramienta de diseño antes de exportar el SVG para fijar la tipografía.
Usa fondo Transparente para iconos que se posarán sobre UI oscura; elige Blanco si el PNG va a un documento de Word o un PDF.
Exporta siempre al menos 2× el tamaño de visualización para pantallas retina: un PNG de 512 px se ve más nítido que uno de 256 px mostrado a 256 px CSS.
Si los colores se ven ligeramente apagados, puede que el SVG use un perfil de color que el navegador no reconoce. Vuelve a exportarlo en sRGB para mantener consistencia entre visores.

Preguntas frecuentes

¿Cuál es la resolución de salida?

El tamaño natural del SVG o cualquier ancho personalizado que indiques (alto auto-calculado). Presets habituales: 256, 512, 1024, 2048 px.

¿Puedo conservar la transparencia?

Sí. Elige 'Transparente' como fondo. Selecciona 'Blanco' o un color personalizado si tu SVG tiene zonas transparentes y las quieres sólidas.

¿Por qué mi SVG se renderiza a 800×600?

No pudimos determinar su tamaño natural (sin width/height/viewBox). Usa la opción 'Ancho personalizado' para fijarlo.

¿Puedo convertir varios SVG de golpe?

Sí: arrastra o selecciona varios archivos a la vez. Cada uno se renderiza en la cola y obtiene su propio botón de descarga, así que puedes bajarlos individualmente o uno tras otro.

¿Sobreviven los gradientes, máscaras y filtros a la conversión?

La mayoría sí. El motor SVG del navegador maneja sin problemas gradientes lineales y radiales, clip paths y filtros CSS estándar. Las primitivas de filtro muy avanzadas (cadenas de feTurbulence, pilas complejas de feComposite) pueden lucir algo distintas: revisa la vista previa antes de descargar.

¿Por qué pesa tanto mi PNG?

PNG es sin pérdidas y guarda cada píxel, así que una exportación a 4096 px con gradientes fotográficos puede superar fácilmente los 5 MB. Si el peso te importa más que la perfección, pasa el resultado por Comprimir imagen o conviértelo a WebP con Convertir imagen.