Escenario rápido.
Diseñaste un logotipo como SVG. Limpio, escalable, perfecto.
Ahora tu cliente lo quiere en una diapositiva de PowerPoint. O como icono de una app iOS. O impreso a 300 DPI para un banner.
PowerPoint apenas maneja SVG. iOS necesita PNG. La impresión requiere DPI específicos.
Necesitas un convertidor de SVG a PNG, y lo necesitas ya.
En esta guía, te mostraré la herramienta gratuita que uso y que supera a CloudConvert y Adobe combinados, además de los 6 ajustes de exportación que todo diseñador debería conocer.
Por qué es importante convertir SVG a PNG#
SVG es el futuro de la web. Escala infinitamente, tamaño de archivo pequeño, accesible.
Pero el resto del mundo sigue usando raster:
- Iconos de apps iOS: requieren PNG (tamaños específicos)
- PowerPoint / Keynote: PNG para visualización confiable
- Email marketing: el soporte SVG es irregular; PNG es universal
- Impresión: necesita DPI específico (generalmente 300 para alta calidad)
- Redes sociales: la mayoría de plataformas prefieren PNG/JPG
- Sistemas heredados: SVG a menudo no es compatible
Por lo tanto, necesitas convertir. Con frecuencia.
Qué hace un gran conversor de SVG a PNG#
Mi lista de verificación:
- DPI personalizado, 96 (web), 192 (2x retina), 288 (3x), 384 (4x), 300 (impresión)
- Preajustes de resolución, 1080p, 4K, cuadrado de Instagram, Open Graph, icono PWA
- Fondos transparentes o sólidos, tanto para web como para impresión
- Procesamiento por lotes, convierte docenas de SVG a la vez
- Múltiples formatos de salida, PNG, JPG, WebP
- Solo en el navegador, tus SVG no se suben a un servidor
La mayoría de los conversores "gratuitos" en línea fallan en al menos 3 de estos.
El conversor gratuito que uso#
Conversor de SVG a PNG de Molixa.
Los seis. Gratis. Sin marca de agua. Con capacidad de lote. Genera automáticamente sufijos retina (@2x, @3x) para flujos de trabajo iOS/Android.
Los 6 ajustes preestablecidos de exportación que todo diseñador necesita#
Al convertir, realmente apuntas a un caso de uso específico. Aquí están los seis que uso semanalmente.
Ajuste 1: Estándar web (96 DPI, 1x)#
Para: imágenes web normales, gráficos de publicaciones de blog, iconos simples.
Tamaño: dimensiones reales del SVG, sin ampliación.
Ajuste 2: Retina (192 DPI, 2x)#
Para: imágenes web en pantallas retina (Macs, iPhones, Android moderno).
Tamaño: 2x las dimensiones del SVG. Se ve nítido en pantallas de alta DPI.
Ajuste 3: 3x móvil (288 DPI, 3x)#
Para: aplicaciones iOS/Android en teléfonos Plus, dispositivos Pro Max.
Tamaño: 3x. Estándar en flujos de trabajo de desarrollo móvil.
Ajuste 4: Calidad de impresión (300 DPI)#
Para: pósters, tarjetas de presentación, folletos, cualquier cosa impresa.
Tamaño: depende del tamaño físico de impresión. 300 DPI es el estándar de la industria para impresión.
Ajuste 5: Open Graph (1200x630)#
Para: vistas previas de enlaces en redes sociales. LinkedIn, Twitter, Facebook usan esta relación de aspecto.
Ajuste 6: Icono PWA (512x512)#
Para: iconos de aplicaciones web progresivas, iconos de lanzador de Android.
Paso a paso: convierte tu primer SVG#
Hagámoslo juntos.
Paso 1: Arrastra tu SVG#
Ve a molixa.app/tools/svg-to-png.
Arrastra tu archivo SVG (o varios) a la zona de carga.
Paso 2: Elige los DPI#
Más común: 2x retina (192 DPI) para trabajo web. 300 DPI para impresión.
Paso 3: Elige el fondo#
Transparente mantiene la transparencia del SVG. Úsalo para iconos o elementos superpuestos sobre fondos de color.
Color sólido en hex rellena el fondo. Útil para redes sociales (que no siempre manejan bien la transparencia).
Paso 4: Elige el formato de salida#
- PNG, por defecto; sin pérdida, soporta transparencia
- JPG, más pequeño, sin transparencia
- WebP, moderno, más pequeño, soporta transparencia
Paso 5: Convierte#
Para lote: haz clic en "Convertir todo". Para uno solo: un solo clic.
Paso 6: Descarga#
Archivo único: descarga directa. Varios: archivo ZIP con todas las conversiones.
Los nombres de archivo reciben sufijos automáticos, [email protected] para retina, [email protected] para impresión, etc.
Flujo de trabajo real: exportación de icono de app iOS#
Así es como exporto un icono de app de una sola vez.
Tengo app-icon.svg (fuente de 1024x1024).
Lo arrastro. Ejecuto conversiones a 1x, 2x, 3x simultáneamente.
Salida:
app-icon.png(1024x1024), para App Store[email protected](2048x2048), para iPad[email protected](3072x3072), para iPhone Pro Max
Tres tamaños. Un SVG fuente. 12 segundos.
Comparado con abrir manualmente Sketch o Figma, exportar cada tamaño, nombrar cada uno correctamente. Eso son 15-20 minutos.
¿Qué pasa con CloudConvert y Adobe?#
Los grandes competidores.
CloudConvert:
- Nivel gratuito: 25 conversiones/día
- Planes de pago desde $9/mes
- Basado en la nube (tus archivos se suben)
Adobe Express:
- Nivel gratuito limitado
- Premium $9.99/mes
- Vinculado a Adobe Creative Cloud
Molixa SVG a PNG:
- Conversiones gratuitas ilimitadas
- Solo en navegador (sin subida)
- Sin registro
Para usuarios ocasionales, las opciones gratuitas son equivalentes. Para flujos de trabajo intensivos, solo navegador supera a la nube (sin tiempo de subida, sin límites diarios, sin problemas de privacidad).
Errores comunes al convertir SVG#
Después de convertir demasiados SVG:
Error 1: Convertir con DPI predeterminado para pantallas retina. El resultado se ve borroso en Macs y iPhones. Siempre verifica si tu destino es retina.
Error 2: No conservar la transparencia cuando es necesario. Convertir con fondo blanco cuando querías transparente es un error común.
Error 3: Usar PNG cuando WebP sería mejor. WebP es 30% más pequeño con la misma calidad. Úsalo en la web.
Error 4: Olvidar probar en el tamaño de visualización real. Convierte, luego acerca el diseño para asegurarte de que se vea bien.
Error 5: Incrustar recursos externos en el SVG. Los SVG con <image href="https://..."> contaminan el lienzo durante la conversión, rompiendo la exportación. Usa base64 en línea o rutas puras.
Consejos profesionales#
Ganancias rápidas:
Consejo 1: Para exportaciones por lotes, nombra tus SVG de forma consistente. La herramienta conserva los nombres con sufijos.
Consejo 2: Para exportaciones a redes sociales, usa el preajuste Open Graph (1200x630). Es la relación de aspecto universal.
Consejo 3: Para impresión, usa siempre un mínimo de 300 DPI. Algunas imprentas exigen 600 DPI para trabajos de alta calidad.
Consejo 4: Al convertir logotipos, genera a 4x (384 DPI). Tendrás margen para cualquier uso futuro.
Consejo 5: Comprime los PNG resultantes con Molixa Image Compressor si los vas a publicar en la web.
Prácticas recomendadas para SVG con exportaciones más limpias#
Algunas notas:
Limpia tu fuente SVG#
- Elimina grupos no utilizados
- Aplana capas
- Convierte texto a trazados (conserva la representación)
- Elimina metadatos
Los SVG más limpios se convierten más rápido y producen salidas PNG más pequeñas.
Usa un viewBox adecuado#
Asegúrate de que tu SVG tenga un atributo viewBox correcto. Determina cómo se escala el SVG durante la conversión.
Evita dependencias externas#
Fuentes externas, scripts incrustados, imágenes enlazadas, estos pueden causar fallos en la conversión. Los SVG autocontenidos se convierten de forma fiable.
Resumen#
La conversión de SVG a PNG no debería llevarte 10 minutos por archivo.
Debería tomar 12 segundos por lote.
El Convertidor de SVG a PNG de Molixa maneja archivos individuales, lotes, sufijos retina y formatos modernos. Gratis.
Guárdalo en favoritos. Ahorra los 15 minutos por exportación de diseño.
Vuelve a diseñar.
