Respuesta directa
La conversión de SVG a PNG en el navegador desinfecta el marcado vectorial en memoria, extrae las dimensiones intrínsecas del viewBox y rasteriza las rutas directamente en un búfer canvas RGBA transparente para codificar un archivo PNG nítido y sin pérdidas sin enviar datos a servidores.
Cómo usar esta herramienta
Subir archivos vectoriales SVG
Selecciona o arrastra uno o varios archivos vectoriales SVG a la zona de carga del espacio de trabajo.
Verificar transparencia y dimensiones intrínsecas
El convertidor usa por defecto PNG transparente procesado al ancho y alto nativos del archivo vectorial con desinfección automática.
Ajustes posteriores opcionales
Opcionalmente recorta, redimensiona, rota o comprime sin abandonar la sesión de la página ni volver a subir imágenes.
Exportar y descargar
Descarga tus archivos PNG convertidos individualmente o descarga el lote completo en un único archivo ZIP.
Desinfección vectorial y rasterización a dimensiones intrínsecas en el navegador
Scalable Vector Graphics (SVG) define formas mediante vectores matemáticos, marcado XML y coordenadas. La conversión a PNG requiere analizar y desinfectar el árbol XML para neutralizar scripts activos, controladores de eventos y referencias a recursos externos, renderizándolo en un búfer canvas HTML5 según las dimensiones nativas del viewBox. La superficie rasterizada resultante se codifica en un archivo PNG preservando fondos transparentes con fidelidad RGBA de 32 bits.
- Cero viajes al servidor: el análisis XML, la desinfección de seguridad y la rasterización en canvas se ejecutan íntegramente en la memoria del navegador.
- Desinfección de seguridad: elimina scripts potencialmente maliciosos, atributos de eventos y foreignObjects antes del renderizado.
- Fidelidad de dimensiones intrínsecas: preserva la geometría nativa del viewBox sin distorsiones de escala no deseadas.
- Procesamiento por lotes determinista: convierte hasta 20 archivos SVG simultáneamente con nombres únicos a prueba de colisiones y exportación ZIP opcional.
Ejemplos prácticos
Convertir logotipo vectorial escalable a gráfico web PNG transparente
Entrada: Archivo: brand-logo.svg (vector XML, viewBox 0 0 800 600, fondo transparente, 42 KB)
Salida: Convertido: brand-logo-800x600.png (800×600 px, PNG transparente RGBA de 32 bits, 96 KB)
Desinfecta y rasteriza la geometría del logotipo vectorial en un gráfico PNG transparente nítido, ideal para cabeceras web, plantillas de correo y presentaciones.
Limitaciones
- La rasterización de SVG a PNG convierte vectores independientes de resolución en cuadrículas de píxeles fijas; ampliar el PNG resultante más allá de sus dimensiones intrínsecas provocará pixelación.
- Los archivos SVG animados con animaciones SMIL o CSS no se pueden convertir a PNG estático; la pérdida de animación se rechaza estrictamente para evitar imágenes incompletas.
Preguntas frecuentes
¿La conversión de SVG a PNG conserva la transparencia?
Sí. De forma predeterminada, el convertidor mantiene el fondo transparente del gráfico vectorial, exportando un archivo PNG RGBA de 32 bits con transparencia alfa totalmente preservada.
¿Puedo convertir archivos SVG animados a PNG?
No. Los archivos SVG animados que contienen animaciones SMIL o fotogramas clave CSS se rechazan explícitamente porque la rasterización a PNG estático perdería el movimiento y produciría un gráfico incompleto.
¿Mis archivos SVG o el código vectorial se subirán a servidores externos?
No. Todo el análisis de SVG, la desinfección de seguridad, la rasterización en canvas y la codificación PNG se realizan 100% localmente en la memoria de su navegador. Ningún código vectorial o dato de imagen sale de su dispositivo.
Referencias y normas autorizadas
- W3C Scalable Vector Graphics (SVG) 2 Specification ↗ — Official W3C recommendation governing SVG document trees, coordinates, and rasterization rendering.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — Official standard defining PNG chunk structures, lossless compression, and alpha channel handling.
- MDN Web Docs: Pixel Manipulation with HTML5 Canvas ↗ — Technical documentation for direct ImageData extraction, RGBA buffer access, and client-side rendering.