Convierte SVG a PNG para transformar gráficos vectoriales infinitamente escalables en imágenes ráster de resolución fija. Mientras que los archivos SVG son perfectos para el diseño web responsivo, PNG ofrece compatibilidad universal con clientes de correo, software heredado y flujos de trabajo de impresión que no admiten formatos vectoriales.
Lo que obtendrás: Detalles de la salida PNG
Al convertir SVG a PNG obtienes una imagen rasterizada con el tamaño definido en tu SVG —su ancho y alto, o su viewBox— o con el ancho que escribas en el campo «Ancho de salida», con la altura siguiendo la proporción, y toda la transparencia. La conversión fija el gráfico en dimensiones de píxeles: un PNG de 1000×1000 px se ve nítido a ese tamaño, pero se pixela si lo amplías. La transparencia pasa al canal alfa de PNG, ideal para logotipos e iconos que deben funcionar sobre cualquier fondo.
La clave del intercambio: ganas compatibilidad universal pero pierdes la escalabilidad infinita de SVG. Define el ancho y alto del SVG según el uso final antes de convertir; después no hay vuelta a la calidad vectorial.
¿Por qué convertir SVG a formato PNG?
La razón principal para convertir SVG a PNG es la compatibilidad. Muchos clientes de correo eliminan archivos SVG por razones de seguridad. Outlook, Gmail y Apple Mail muestran PNG de manera confiable pero frecuentemente bloquean o eliminan adjuntos SVG por completo. Si envías un logo por newsletter, PNG garantiza que realmente se muestre.
El software heredado presenta problemas similares. Las versiones anteriores de PowerPoint (pre-2016), Photoshop (CS6 y anteriores) y muchas herramientas de producción de impresión tienen dificultades con la importación de SVG. Convertir a PNG en la resolución requerida (típicamente 300 DPI para impresión) crea archivos que estas herramientas manejan nativamente.
Los flujos de trabajo de impresión exigen formatos ráster en resoluciones específicas. La mayoría de las impresoras comerciales esperan TIFF o PNG a 300 DPI. Una impresión de 4×6 pulgadas requiere 1200×1800 píxeles a 300 DPI: convertir tu SVG a PNG en estas dimensiones exactas garantiza resultados predecibles.
Algunas plataformas tienen un renderizado SVG impredecible. Facebook y LinkedIn admiten la carga de SVG pero a veces renderizan filtros o fuentes incrustadas incorrectamente. Convertir a PNG garantiza que tu gráfico se vea idéntico en todas las plataformas.
Resolución y DPI: Tomando la decisión correcta
- Uso web (72-96 DPI): Las pantallas web estándar usan 72-96 DPI. Para un encabezado de sitio web, 1920×1080px cubre pantallas Full HD. Para logos, 800×800px o 1000×1000px funciona para la mayoría de los diseños. Exporta al tamaño de visualización real a menos que apuntes a pantallas de alto DPI.
- Pantallas Retina/alto DPI (2×-3×): Los smartphones modernos y MacBooks usan densidad de píxeles 2× o 3×. Un icono de 500px necesita PNG de 1000px (2×) o 1500px (3×) para permanecer nítido. Exporta siempre al 2× de tu tamaño de visualización previsto para gráficos web en pantallas de alta resolución.
- Impresión (300 DPI): La impresión profesional requiere 300 DPI. Calcula los píxeles como: ancho_pulgadas × 300 por alto_pulgadas × 300. Un logo de 5×5 pulgadas necesita 1500×1500px. Cualquier resolución menor a 300 DPI se verá borrosa al imprimir.
- Redes sociales: Cada plataforma tiene requisitos específicos. Imágenes Open Graph de Facebook/Twitter: 1200×630px. Posts de Instagram: 1080×1080px. Banners de LinkedIn: 1584×396px. Consulta la documentación de la plataforma para dimensiones exactas.
Comprendiendo las limitaciones
- Pérdida de escalabilidad: Los archivos SVG escalan infinitamente sin pérdida de calidad porque almacenan descripciones matemáticas de formas. PNG te fija en dimensiones de píxeles fijas. Si conviertes a 800×800px y luego necesitas 2000×2000px, tendrás que reconvertir desde el SVG original.
- Explosión del tamaño de archivo en altas resoluciones: Un logo SVG de 5 KB puede convertirse en 50 KB como PNG a 800×800px, o 500 KB a 3000×3000px. PNG almacena cada píxel, por lo que el tamaño del archivo crece cuadráticamente con las dimensiones.
- Sin edición fácil: SVG permite modificar formas, colores y trazados individuales en un editor vectorial. Una vez convertido a PNG, trabajas con píxeles. Conserva tus archivos SVG originales para ediciones futuras.
Cuándo mantener SVG en lugar de convertir
No conviertas a PNG si usas el gráfico en un sitio web moderno donde todos los visitantes tienen navegadores actuales. SVG es más pequeño para gráficos simples, escala perfectamente en todos los tamaños de pantalla y carga más rápido que múltiples variantes PNG (1×, 2×, 3×).
Para diseño responsivo, SVG brilla porque se adapta a cualquier tamaño de pantalla sin solicitudes HTTP adicionales. Un único SVG de 5 KB funciona perfectamente desde iconos móviles de 50px hasta encabezados de escritorio de 2000px.
Si tu SVG contiene animaciones o elementos interactivos (efectos hover, regiones clicables), PNG no puede replicar esta funcionalidad. SVG admite animaciones CSS e interactividad de JavaScript que desaparecen por completo al rasterizarse a PNG.
Considera estas alternativas
Si necesitas más compatibilidad que SVG pero mejor compresión que PNG, prueba a convertir SVG a WebP. WebP admite transparencia como PNG pero produce archivos mucho más pequeños: en nuestra prueba, un logotipo de 1024×1024 rasterizado desde SVG ocupó 21 KB en PNG y 7 KB en WebP. Funciona en todos los navegadores modernos (Chrome, Firefox, Edge, Safari 14+).
Para uso web moderno, mantén SVG. Es el formato recomendado para logos, iconos y gráficos en 2026. Solo convierte a PNG cuando los problemas de compatibilidad te obliguen: clientes de correo, software heredado o plataformas con renderizado SVG defectuoso.
¿Necesitas el proceso inverso? PNG a SVG usa trazado de imagen para convertir imágenes ráster a vectores. Nota que los vectores trazados nunca son tan limpios como los gráficos SVG nativos.
Consejos para mejores resultados
- Ajusta el tamaño al uso final: no pongas 5000×5000 px en el SVG si la imagen se muestra a 500×500 px en una web. Los PNG innecesariamente grandes gastan ancho de banda y ralentizan la carga.
- Exporta al 2× para retina: Si tu gráfico se muestra a 600px de ancho en un sitio web, exporta a 1200px de ancho para garantizar nitidez en pantallas de alto DPI como MacBooks y smartphones modernos.
- Verifica la transparencia: Si tu SVG tiene transparencia, asegúrate de que esté correctamente definida (no rellenos blancos). Previsualiza el PNG después de la conversión contra fondos claros y oscuros.
- Maneja las fuentes cuidadosamente: Si tu SVG contiene texto, la rasterización fija el renderizado actual de fuentes. Para consistencia garantizada, convierte el texto a trazados en tu editor vectorial antes de la conversión.
- Usa conversión por lotes para conjuntos de iconos: Si conviertes 50 iconos, procésalos todos a la vez con configuraciones consistentes en lugar de individualmente.
Problemas comunes y soluciones
- Resolución incorrecta elegida: El error más frecuente es exportar al tamaño equivocado. En caso de duda, opta por ligeramente más grande: es más fácil reducir que ampliar imágenes pixeladas. Para web, el 2× del tamaño de visualización previsto es seguro.
- Tamaño de archivo demasiado grande: Si tu PNG supera 1 MB, probablemente exportaste con resolución excesiva. Un logo de 1000×1000px no debería superar 200-300 KB. Reduce las dimensiones de salida o considera herramientas de compresión PNG.
- Salida borrosa: Si el PNG se ve difuso, tu SVG podría contener elementos ráster (JPG o PNG incrustados) que no escalan bien. El SVG vectorial verdadero se convierte a PNG nítido en cualquier resolución.
- Transparencia pérdida: Si las áreas transparentes se vuelven blancas, tu SVG probablemente usa rellenos blancos en lugar de transparencia real. Ábrelo en un editor vectorial (Inkscape, Illustrator) y elimina los rellenos de fondo blanco.
Cómo convertir SVG a PNG
- Sube archivos SVG: Selecciona uno o múltiples archivos SVG usando el formulario de arriba. La conversión por lotes es compatible para procesar conjuntos de iconos o variaciones de logo simultáneamente.
- Define el tamaño: el PNG se genera con el ancho y alto del propio SVG, así que ajústalos primero según el uso. Para web a 500 px de visualización, pon 1000 px para nitidez retina. Para imprimir, calcula los píxeles como pulgadas × 300.
- Convierte y descarga: La conversión rasteriza tu SVG en la resolución especificada, preservando colores, formas y transparencia. Descarga archivos PNG individuales o un archivo ZIP para conversiones por lotes.
Casos de uso comunes para la conversión de SVG a PNG
- Newsletters y firmas de correo electrónico: La mayoría de los clientes de correo (Outlook, Gmail, Apple Mail) bloquean o eliminan archivos SVG por seguridad. PNG garantiza que tu logo o gráfico se muestre de forma confiable en contextos de correo.
- Compatibilidad con software heredado: Las versiones más antiguas de PowerPoint, Photoshop e InDesign tienen soporte SVG limitado o defectuoso. PNG se importa universalmente en todo el software de diseño y presentación.
- Entrega para producción de impresión: Las impresoras comerciales esperan formatos ráster a 300 DPI. Convertir SVG a PNG en dimensiones de impresión exactas (calculadas de pulgadas × 300) garantiza resultados predecibles.
- Plataformas de redes sociales: Aunque la mayoría de las plataformas aceptan SVG, el renderizado puede ser inconsistente. PNG garantiza apariencia idéntica en todas las plataformas.
- Apps móviles y de escritorio: Muchos frameworks de aplicaciones esperan assets PNG en múltiples resoluciones (1×, 2×, 3×) para iconos y elementos UI. Convierte tu SVG en cada resolución requerida.
SVG vs PNG: Comparación de formatos
- Escalabilidad: SVG escala infinitamente sin pérdida de calidad. PNG tiene resolución fija y se pixela cuando se amplía más allá de las dimensiones originales.
- Tamaño de archivo: SVG es más pequeño para gráficos simples (logos, iconos). El tamaño de archivo PNG crece con la resolución: un PNG de 3000×3000px puede ser muchas veces más grande que el SVG equivalente.
- Compatibilidad: PNG funciona universalmente en todo el software, navegadores y dispositivos. SVG tiene excelente soporte en navegadores modernos pero falla en clientes de correo y software heredado.
- Editabilidad: SVG permite modificar fácilmente formas, colores y trazados en editores vectoriales. PNG requiere edición a nivel de píxel en editores ráster como Photoshop.
- Transparencia: Ambos formatos admiten completamente la transparencia del canal alfa. La conversión preserva perfectamente los fondos transparentes.
- Rendimiento web: Para gráficos simples, SVG es más rápido (archivo más pequeño). Para gráficos complejos con muchos degradados, PNG puede renderizar más rápido en navegadores.
Herramientas relacionadas de conversión de imagen
- SVG a WebP — formato moderno con mejor compresión que PNG
- PNG a SVG — trazar imágenes ráster para crear gráficos vectoriales
- SVG a JPG — convertir a JPG para fotografías o cuando no se necesita transparencia
- Todas las herramientas de conversión de imagen — explorar todas las conversiones de formato de imagen
La conversión de SVG a PNG mantiene nítido el gráfico al tamaño definido en el SVG, con transparencia completa.