Renderiza archivos vectoriales SVG o código XML sin procesar en nítidas imágenes PNG con transparencia alfa a cualquier resolución de píxeles, procesado íntegramente en tu navegador sin subir archivos a ningún servidor.
o haz clic para navegar
Comprueba cómo los trazados vectoriales, degradados y canales alfa se rasterizan en archivos PNG perfectos bajo diferentes escalas y configuraciones de DPI.
Ampliado 4× desde la mesa de trabajo original de 256 px mediante re-rasterización vectorial matemática antes de exportar al lienzo. Las curvas Bézier se mantienen definidas sin pixelación y el canal alfa de 8 bits conserva bordes suavizados sobre fondos oscuros o claros.
Renderizado a 2400×3000 píxeles (8×10 pulgadas a 300 DPI) con metadatos físicos PNG pHYs incrustados (11,811 píxeles por metro). Se importa directamente en Adobe InDesign, Affinity Publisher o plantillas de impresión bajo demanda con sus dimensiones físicas exactas.
Pegado directamente desde un editor de código mediante la pestaña XML SVG y compuesto sobre un fondo blanco puro (#FFFFFF). Evita que los diagramas técnicos con texto oscuro se vuelvan ilegibles en el modo oscuro de Slack, Notion o tarjetas OpenGraph.
Aunque el formato SVG es el estándar ideal para gráficos web escalables, muchas plataformas de comercio electrónico, suites ofimáticas y flujos de imprenta rechazan los archivos vectoriales XML. Esta herramienta resuelve esa incompatibilidad localmente sin exponer tus diseños en la nube:
Plataformas como Amazon Seller Central, Shopify, Mercado Libre, LinkedIn y gestores de correo electrónico bloquean la subida de archivos .svg por políticas de seguridad XSS. Convierte tus logotipos e insignias vectoriales en archivos PNG universales sin pérdida en segundos.
La opción "Guardar imagen como" de los navegadores exporta los SVG a baja resolución de pantalla (72 DPI). Al combinar dimensiones personalizadas en píxeles con nuestro inyector de metadatos de 300 DPI, generas archivos PNG listos para imprenta, merchandising y empaques.
Los desarrolladores frontend suelen tener etiquetas <svg> incrustadas dentro de componentes React, Vue o HTML sin un archivo de imagen independiente. Pega el código XML directamente en la pestaña de código para renderizar y descargar el activo PNG al instante.
Para lograr una geometría exacta y una tipografía nítida durante la rasterización en el Canvas HTML5 del navegador, asegúrate de que tu entrada SVG cumpla estas especificaciones:
Acepta archivos SVG 1.1 o SVG 2.0 válidos mediante arrastrar y soltar, selector de archivos o pegado directo de código XML. Los archivos comprimidos .svgz deben descomprimirse a .svg antes de cargarlos.
La etiqueta raíz <svg> debe incluir un atributo viewBox="0 0 Ancho Alto" válido o atributos explícitos de anchura y altura para que el motor calcule la relación de aspecto nativa con precisión.
Si tu SVG utiliza fuentes tipográficas personalizadas (etiquetas <text>), convierte el texto a contornos ("Crear contornos" en Illustrator o "Flatten" en Figma) para evitar que el navegador las reemplace por fuentes del sistema.
Dado que el entorno seguro del navegador bloquea las peticiones de red externas dentro de imágenes SVG, cualquier subimagen de mapa de bits debe estar incrustada como URI data:image/png;base64.
Arrastra uno o varios archivos .svg a la zona de carga, haz clic en "Probar SVG de Ejemplo" para verificar el flujo, o cambia a la pestaña "Pegar código SVG" para cargar marcado <svg>...</svg> directamente.
Elige un multiplicador de resolución (1x original, 2x Retina, 4x Ultra HD), escribe el Ancho y Alto exactos en píxeles (con bloqueo opcional de proporción) y selecciona metadatos de 72, 150 o 300 DPI.
Mantén seleccionada la opción "Transparente" para conservar el canal alfa RGBA de 32 bits, o elige Blanco, Negro o un color hexadecimal personalizado para añadir un fondo sólido detrás del vector.
Haz clic en "Iniciar conversión". Tu navegador rasteriza los trazados vectoriales en un lienzo HTML5 local y ofrece descargas instantáneas de cada PNG o un paquete ZIP unificado.
Cada archivo exportado es un PNG RGBA de 32 bits compatible con los estándares internacionales, codificado con compresión DEFLATE sin pérdida y bloques opcionales de resolución pHYs:
Importa imágenes PNG transparentes a 2x (@2x) y 4x (@4x) directamente en catálogos de activos de Xcode, carpetas drawable de Android Studio, componentes de Figma o diseños de Webflow sin bordes dentados.
Incrusta logotipos en alta resolución y diagramas de arquitectura en Microsoft Word, PowerPoint, Google Slides o documentos LaTeX donde el soporte nativo de SVG no está disponible o falla.
Envía archivos PNG transparentes a 300 DPI directamente a impresoras de prenda directa (DTG), fabricantes de stickers personalizados y software de autoedición profesional.
El renderizado local en el navegador sigue estrictas normas de seguridad W3C y límites de memoria gráfica GPU. Estos son los casos más comunes y cómo resolverlos:
Por privacidad y seguridad, el entorno aislado (sandbox) de imágenes SVG del navegador bloquea la descarga de fuentes web externas (@font-face) durante la rasterización en el lienzo.
En Illustrator, Figma o Inkscape, convierte todas las capas de texto en trazados vectoriales (Texto → Crear contornos / Convertir a trazado) antes de exportar tu archivo SVG.
El archivo SVG original carece del atributo viewBox o tiene trazados dibujados en coordenadas fuera de los límites declarados de la mesa de trabajo.
Abre primero el archivo en nuestro Visor e Inspector de Código SVG (/svg-viewer/) para verificar el cuadro delimitador, o añade viewBox="0 0 ancho alto" a la etiqueta raíz <svg>.
Los navegadores modernos de escritorio y móviles imponen un límite de hardware de textura GPU en los elementos HTML5 <canvas> (habitualmente 16,384 px por lado o ~268 megapíxeles en total).
Mantén las dimensiones objetivo en o por debajo de 8192×8192 px (más que suficiente para cartelería de gran formato a 300 DPI) para no superar la memoria RAM y GPU del navegador.
Compara nuestro convertidor personalizado de SVG a PNG frente a nuestro procesador masivo por lotes y los convertidores tradicionales basados en servidores en la nube:
| Característica / Escenario | Convertidor SVG a PNG (Esta Herramienta) | Convertidor SVG por Lotes (/batch-converter/) | Convertidores en Servidores Cloud |
|---|---|---|---|
| Enfoque Principal de Trabajo | Exportación PNG precisa con dimensiones exactas en píxeles, pegado de código XML y metadatos de impresión de 300 DPI | Conversión masiva de 50 a 500+ archivos SVG simultáneamente a paquetes ZIP en formato PNG, JPG o WebP | Subida de archivos a servidores remotos con colas de espera y límites diarios de cantidad y megabytes |
| Control de Píxeles y DPI | Ancho × Alto (px) exactos, ajustes 1x–4x e inyección de bloque físico pHYs de 72 / 150 / 300 DPI | Escalado por multiplicador (1x, 2x, 4x) y reglas de renombrado con prefijos/sufijos para librerías enteras | Suele exportar únicamente a 72 DPI fijos sin control de píxeles personalizados ni metadatos de imprenta |
| Entrada Directa de Código XML SVG | Pestaña "Pegar código SVG" integrada para rasterizar marcado <svg> inline al instante | Solo arrastrar y soltar archivos o carpetas (optimizado para lotes del sistema de archivos) | Rara vez soportado; obliga a guardar el código en un archivo .svg local antes de subirlo |
| Privacidad de Datos y Velocidad | Procesamiento Canvas HTML5 100% local — 0 bytes subidos, renderizado instantáneo en milisegundos | Procesamiento 100% local en el navegador con empaquetado JSZip del lado del cliente | Tus archivos se suben a servidores externos; riesgo de filtración de diseños confidenciales y esperas de red |
Utiliza la fórmula estándar de imprenta: Pulgadas físicas × 300 DPI = Píxeles objetivo (o Milímetros ÷ 25.4 × 300). Por ejemplo, para imprimir una pegatina de 4×6 pulgadas (aprox. 10×15 cm) a 300 DPI, introduce 1200 px de ancho por 1800 px de alto en los campos de Tamaño de Píxel Personalizado y selecciona "300 DPI (Impresión comercial de alta resolución)". Nuestra herramienta renderiza la cuadrícula exacta de píxeles y escribe el encabezado de metadatos pHYs de 300 DPI dentro del archivo PNG.
No. A diferencia de estirar una imagen JPG o PNG de mapa de bits, nuestro convertidor escala primero las coordenadas matemáticas vectoriales del SVG y solo después rasteriza los trazados en el lienzo HTML5 a la resolución final elegida. Ya sea que exportes a 256 px o a 4096 px, las curvas y líneas diagonales permanecen completamente nítidas.
Nunca. Todo el análisis del SVG, la validación XML, el dibujo en Canvas y la codificación binaria del PNG se ejecutan 100% localmente dentro de tu navegador web mediante JavaScript y la API Web Canvas. Incluso puedes desconectarte de Internet después de cargar la página y convertir archivos completamente sin conexión.
Algunos visores de imágenes del sistema (como Fotos de Windows o la vista previa rápida del móvil) muestran un fondo blanco o negro detrás de los PNG transparentes para mejorar el contraste, o bien copiar y pegar desde el portapapeles elimina el canal alfa. Usa siempre el botón "Descargar" de nuestra herramienta con la opción "Transparente" seleccionada para guardar un verdadero archivo PNG RGBA de 32 bits.
Los archivos PNG de 32 bits en alta resolución contienen profundidad de color sin pérdida. Tras descargar tu PNG aquí, abre nuestro Compresor de PNG (/png-compressor/) para aplicar una cuantización inteligente que reduce el tamaño del archivo entre un 50% y un 75% manteniendo intactas las dimensiones en píxeles y la transparencia alfa.
Cada página resuelve una necesidad específica. Conecta tu flujo de trabajo con nuestras utilidades locales.
Convierte decenas o cientos de archivos SVG simultáneamente a PNG, JPG o WebP y descárgalos en un archivo ZIP.
Elimina metadatos de editores y comentarios para reducir el tamaño de archivos SVG entre un 40 % y un 80 % sin perder calidad.
Reduce el peso de tus imágenes PNG hasta un 75 % manteniendo intactas sus dimensiones en píxeles y la transparencia alfa.
Previsualiza archivos SVG sobre fondos transparentes u oscuros, comprueba el viewBox y formatea el código XML.