SVG a PNG Conversión Guía Completa

SVG y PNG sirven propósitos diferentes. SVG es independiente de la resolución e ideal para logos e iconos, mientras que PNG es un formato raster — perfecto para capturas de pantalla y compatibilidad con plataformas.

Convertir SVG a PNG requiere elegir el tamaño del lienzo y la densidad de píxeles correctos. El mismo SVG puede producir un favicon nítido de 32×32 o un banner de 4000px.

SVG vs PNG: diferencias clave

SVG está basado en XML y almacena formas como rutas matemáticas — escala infinitamente sin pérdida de calidad. PNG es raster: cada píxel tiene un color fijo. Los SVG son pequeños y editables para gráficos simples; los PNG son compatibles universalmente y requeridos por muchas plataformas.

Cuándo convertir SVG a PNG

Convierte SVG a PNG cuando: (1) la plataforma destino no soporta SVG — clientes de email, Word, PowerPoint; (2) necesitas un asset de tamaño fijo para redes sociales; (3) generas favicons a 16×16, 32×32 o 180×180; (4) el SVG usa filtros que los navegadores renderizan inconsistentemente; (5) necesitas combinar el SVG con un fondo raster.

Elegir la resolución correcta

La resolución es la decisión clave. Para web a densidad estándar, 1× (72 DPI) es suficiente. Para pantallas retina/HiDPI, exporta a 2× (144 DPI) o 3×. Para impresión, usa mínimo 300 DPI. Regla práctica: multiplica el tamaño de visualización en píxeles por el multiplicador de densidad.

Transparencia y canal alfa

PNG soporta transparencia alfa completa (0–255 por píxel), ideal para logos en fondos variables. Al convertir SVG a PNG, asegúrate de que el SVG no tenga relleno de fondo. Si la salida tiene fondo blanco, el convertidor está rellenando píxeles transparentes — revisa los ajustes de exportación.

Ajustes de exportación

PNG es sin pérdida — no hay control deslizante de calidad como JPEG. El nivel de compresión (0–9) afecta el tamaño del archivo pero no la calidad visual. Para entrega web, el nivel 6–8 es un buen equilibrio. PNG-24 maneja gradientes y colores complejos; PNG-8 (256 colores) es más pequeño pero limitado.

Casos de uso comunes

Favicons: exporta a 16×16, 32×32, 48×48 y 180×180 (Apple Touch). Redes sociales: imágenes Open Graph a 1200×630, Twitter cards a 800×418. Iconos de app: múltiples tamaños. Firmas de email: 200–300px de ancho a 2× para retina.

FAQ