SVG a PNG
Convierte un SVG estático compatible en un PNG con dimensiones exactas en píxeles y fondo transparente o sólido. La conversión es local; revisa el resultado y descarga la misma imagen verificada.
Crear un PNG a partir de una imagen vectorial
- Elige un archivo SVG o pega su marcado UTF-8. La fuente se comprueba antes de enviarla al motor de renderizado.
- Usa el área de visualización detectada o define un lienzo y elige Original, Ancho o Alto y el fondo de salida.
- Selecciona Convertir a PNG, revisa el resultado y descárgalo. Al cambiar la fuente o un ajuste se invalida la imagen anterior.
El lienzo y los píxeles
La viewBox de un SVG describe un rectángulo de coordenadas, no un tamaño universal en píxeles. El convertidor usa las dimensiones explícitas de la raíz cuando existen y, si faltan, la convención documentada para la viewBox.
Un área de visualización personalizada define el lienzo de origen. Al elegir el ancho o el alto de salida se calcula el otro eje en píxeles a partir de ese lienzo; el redondeo final a enteros puede alterar ligeramente las proporciones.
PNG admite transparencia. El tablero de la vista previa no forma parte del archivo. Un fondo sólido sustituye deliberadamente las zonas transparentes por el color opaco elegido.
El texto se renderiza con las fuentes regulares incluidas. Las familias, los grosores, el espaciado o los sistemas de escritura solicitados pueden verse distintos o presentar glifos ausentes. Para conservar una tipografía exacta, convierte el texto en trazados antes de la conversión.
Ejemplos de dimensiones
Una viewBox 10 20 400 200 sin dimensiones de raíz usa un lienzo de origen de 400 × 200. Al elegir un ancho de 1200 se obtiene un PNG de 1200 × 600; se conserva el significado del origen distinto de cero de la viewBox.
Con una viewBox de 100 × 50 y solo un ancho de 200, esta herramienta deduce un alto de 100. Es una convención de la herramienta, no una afirmación de que todos los motores autónomos resuelvan igual un eje ausente.
Un lienzo de origen de 3 × 2 ajustado a un ancho de 10 necesita un alto entero de 7. El motor fijado sigue renderizando la geometría fraccionaria y el suavizado; la fórmula de tamaño no los reconstruye.
Un perfil estático compatible, no todos los SVG
El perfil incluye trazados y formas habituales, grupos, texto, estilos, degradados, reutilización local, recortes, máscaras, marcadores e imágenes PNG o JPEG incrustadas y verificadas. Las funciones no compatibles se rechazan en lugar de producir un resultado incompleto sin aviso.
Esta versión no admite filtros, patrones, animaciones, scripts, elementos HTML foreignObject, recursos externos ni imágenes SVG anidadas. Por ello, algunas imágenes exportadas, especialmente con efectos o sombras, necesitan preparación en otra aplicación.
La fuente está limitada a 4 MiB, cada eje de salida a 8192 píxeles y la imagen completa a 8 388 608 píxeles. También se aplican límites de estructura, imágenes incrustadas, expansión, superficies intermedias y tiempo. Una fuente pequeña no garantiza una carga de renderizado pequeña.
La herramienta no garantiza un renderizado idéntico al del navegador, las fuentes originales, perfiles de color ICC, metadatos DPI de impresión, cobertura Unicode arbitraria ni conservación de metadatos de origen. Aquí los DPI fijan la conversión de unidades físicas, no los metadatos de impresión del PNG.
Se convierte un documento a la vez. El SVG original no se edita, carga, muestra como marcado ejecutable ni se sustituye por una descarga SVG reescrita. No hay ZIP por lotes, editor SVG ni proporción de compresión garantizada.
Conversión local con recursos definidos
La conversión utiliza workers locales y recursos fijos del motor y las fuentes de la misma procedencia. La herramienta no carga los SVG, las imágenes ni el contenido de archivos proporcionados, no los guarda en el historial ni los incluye en URL compartidas. Se rechazan los recursos de red indicados por la fuente. Esta promesa describe el flujo de datos de la herramienta; no es una certificación universal de seguridad del navegador.
Preguntas sobre SVG a PNG
Fuentes
Estas referencias describen los formatos de entrada y las versiones fijadas para el perfil de conversión; no certifican cada SVG ni su renderizado.
- W3Cw3.orgW3C: Scalable Vector Graphics 1.1
- W3Cw3.orgW3C: sistemas de coordenadas y áreas de dibujo SVG
- W3Cw3.orgW3C: enlaces y referencias a recursos SVG
- W3Cw3.orgW3C: Extensible Markup Language 1.0
- W3Cw3.orgW3C: sintaxis CSS
- W3Cw3.orgW3C: especificación PNG
- registry.npmjs.orgPaquete resvg-wasm 2.6.2
- raw.githubusercontent.comCódigo fuente fijado de la interfaz de resvg
- raw.githubusercontent.comMotor fijado: funciones no compatibles documentadas
- registry.npmjs.orgPaquete saxes 6.0.0
- registry.npmjs.orgPaquete CSS Tree 3.1.0
Referencias del perfil revisadas el 9 de noviembre de 2026. El subconjunto admitido es más limitado que el del motor; las fuentes incluidas, los caracteres ausentes y la interpretación del color pueden alterar el resultado.
Herramientas relacionadas
Generador de filtros CSS
Ordena y repite efectos CSS, compara una muestra y copia la declaración exacta.
Abrir herramienta — Generador de filtros CSSCalculadora de tamaño de fuente fluido
Define el tamaño de fuente para dos anchos de ventana gráfica. Copia el CSS relativo a la raíz y consulta el modelo calculado con los mismos coeficientes exportados.
Abrir herramienta — Calculadora de tamaño de fuente fluidoGenerador de botones CSS
Diseña los estados de un botón nativo, comprueba el foco y copia HTML y CSS.
Abrir herramienta — Generador de botones CSSGenerador CSS de border-radius
Edita ocho radios, previsualiza una caja y copia el CSS en píxeles o porcentajes.
Abrir herramienta — Generador CSS de border-radiusGenerador CSS Grid
Crea un ejemplo de CSS Grid con pistas, ubicación y áreas con nombre. Previsualiza, copia CSS o HTML y descarga el ejemplo completo.
Abrir herramienta — Generador CSS GridGenerador CSS Flexbox
Cree un ejemplo de Flexbox con controles de elementos y contenedores, ejes de diseño explícitos, CSS y HTML coincidentes y una descarga local completa del ejemplo.
Abrir herramienta — Generador CSS FlexboxGenerador CSS de sombras de texto
Crea sombras de texto ordenadas, previsualiza texto plano y copia el CSS exacto.
Abrir herramienta — Generador CSS de sombras de textoGenerador de transformación CSS
Redacte transformaciones CSS 2D repetibles, edite px o porcentaje de traducción y origen, inspeccione un cuadro de referencia y copie las declaraciones actuales exactas.
Abrir herramienta — Generador de transformación CSSGenerador de sombras CSS
Crea capas box-shadow ordenadas, previsualiza el resultado y copia el código CSS.
Abrir herramienta — Generador de sombras CSSMarca de agua en imágenes
Añade texto o un logotipo a las imágenes, revisa los resultados y descarga archivos individuales o un ZIP.
Abrir herramienta — Marca de agua en imágenesGenerador de degradados CSS
Crea degradados lineales o radiales con colores, opacidad y puntos ajustables.
Abrir herramienta — Generador de degradados CSSConversor de colores
Convierte valores sRGB HEX, RGB y HSL compatibles con alfa y precisión explícita.
Abrir herramienta — Conversor de coloresImagen a texto (OCR)
Reconoce texto impreso en PNG o JPEG locales, elige el idioma y revisa o corrige el resultado antes de copiarlo o descargarlo.
Abrir herramienta — Imagen a texto (OCR)Lector de QR desde imagen
Lee un código QR de un PNG o JPEG local y examina el texto o los bytes sin abrir enlaces.
Abrir herramienta — Lector de QR desde imagenComprobador de contraste de colores
Compara los colores del primer plano y del fondo, ajusta la opacidad y comprueba los umbrales numéricos WCAG para texto y detalles esenciales de la interfaz.
Abrir herramienta — Comprobador de contraste de coloresCalculadora de tamaño de impresión y resolución
Calcula el tamaño de impresión, los píxeles necesarios y los PPI efectivos con márgenes o recorte.
Abrir herramienta — Calculadora de tamaño de impresión y resoluciónCalculadora de relación de aspecto
Calcula la relación entre anchura y altura o nuevas dimensiones en píxeles fijando un solo lado.
Abrir herramienta — Calculadora de relación de aspectoCompresor de imágenes
Intenta ajustar un JPEG, PNG o WebP a un tamaño de archivo objetivo, con resultados medidos y reducción opcional de dimensiones.
Abrir herramienta — Compresor de imágenesHEIC a JPG
Convierte fotos HEIC compatibles en copias JPG a tamaño completo, con calidad y fondo ajustables y descargas verificadas individuales o en ZIP.
Abrir herramienta — HEIC a JPGConversor de imágenes
Convierte imágenes PNG, JPEG y WebP localmente, ajusta transparencia, fondo y calidad, y descarga los resultados.
Abrir herramienta — Conversor de imágenesCreador de collages de fotos
Organiza fotos locales en una cuadrícula y descarga un PNG o JPEG.
Abrir herramienta — Creador de collages de fotosGirar y reflejar imágenes
Gira o refleja un lote local de imágenes estáticas PNG, JPEG y WebP; revisa y descarga los resultados procesados.
Abrir herramienta — Girar y reflejar imágenesRecortar imagen
Recorta un JPEG, PNG o WebP local con precisión en píxeles y descarga el resultado en PNG o JPEG.
Abrir herramienta — Recortar imagenCambiar tamaño de imagen
Cambia el tamaño de JPG, PNG o WebP en píxeles o porcentaje, revisa y descarga el resultado.
Abrir herramienta — Cambiar tamaño de imagen