Convertidor de PNG a SVG
Encapsula imágenes ráster PNG en un contenedor vectorial XML SVG para escalarlas de forma adaptable en la web e integrarlas en diseños compatibles con vectores.
Comparativa de formatos y especificaciones técnicas
| Especificación | PNG | SVG |
|---|---|---|
| Tipo MIME | image/ | image/ |
| Tipo | mapa de bits | vector |
| Compresión | sin pérdida (DEFLATE / LZ77 + Huffman) | texto XML sin pérdida (comprimible con GZIP mediante .svgz) |
| Especificación estándar | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Cabecera de bytes mágicos | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Resumen de formatos y aplicaciones
Convertir un PNG a SVG incluye el mapa de bits ráster dentro de un contenedor vectorial XML. Así, los desarrolladores web y diseñadores gráficos pueden integrar gráficos ráster en flujos de trabajo vectoriales escalables. Una imagen PNG ráster utiliza una cuadrícula fija de píxeles de colores. Al incluirla en un archivo SVG, se conservan sus dimensiones y transparencia originales, y puede insertarse directamente en diseños web basados en SVG y áreas de visualización adaptables de la interfaz. Los diseñadores web suelen hacer esta conversión para integrar ilustraciones ráster en hojas de sprites SVG, flujos de ilustración vectorial y sitios web adaptables, sin tener que gestionar archivos de imagen externos por separado. El SVG resultante incluye todo el gráfico en un único archivo con marcado XML estándar.
Especificaciones técnicas y desglose de códecs
PNG (image/png) es una imagen ráster que comienza con la firma de bytes 89 50 4E 47 0D 0A 1A 0A, seguida de bloques de datos comprimidos con DEFLATE, que combina diccionarios deslizantes LZ77 y codificación Huffman. SVG (image/svg+xml), en cambio, es un documento XML. Durante la conversión, el motor rasteriza la imagen en la memoria del navegador, serializa el mapa de bits como PNG e incrusta la imagen en una URI de datos Base64 dentro de un elemento <image> de SVG. Así se crea un archivo SVG válido e independiente con las dimensiones viewBox definidas.
Compatibilidad con sistemas operativos y navegadores
Los archivos SVG disfrutan de compatibilidad universal en navegadores web modernos como Chrome, Firefox, Safari y Edge, tanto en sistemas operativos de escritorio como móviles como Windows, macOS, Android e iOS. Los visores de imágenes y paquetes de diseño como Adobe Illustrator, Inkscape y CorelDRAW manejan la edición de SVG de forma nativa. Los archivos PNG comparten esta compatibilidad universal en navegadores y sistemas operativos, pero visualizar el marcado SVG sin procesar requiere un editor de texto estándar. La compatibilidad también depende de la aplicación, el dispositivo, el sistema operativo y su versión.
Información útil
Esta conversión incrusta el mapa de bits ráster en un contenedor XML en lugar de trazar rutas vectoriales. Así, conserva los píxeles y la transparencia alfa originales y es compatible con los motores de renderizado SVG.
Preguntas frecuentes
¿Cómo se convierte una imagen PNG a vector SVG sin perder calidad?
El convertidor encapsula el mapa de bits PNG de resolución completa directamente dentro de un contenedor XML SVG como un flujo de datos Base64 incrustado. Esto conserva los colores de los píxeles y la transparencia sin compresión con pérdida.
¿Cuál es la diferencia entre una imagen PNG y un vector SVG?
PNG es un formato de imagen ráster que almacena datos visuales como una cuadrícula fija de píxeles de colores comprimidos con DEFLATE, lo que hace que el tamaño del archivo dependa de las dimensiones de los píxeles. SVG es un formato de imagen vectorial que almacena datos visuales como instrucciones matemáticas escalables escritas en texto XML, lo que permite que la imagen se redimensione infinitamente sin pixelación.