it365

SVG a PNG

Convierta rápidamente imágenes SVG a PNG. Conserve el fondo transparente, ajuste márgenes, coloree gráficos, recorte espacios en blanco sobrantes y exporte por lotes.

Suelte los archivos para importar SVG
Admite arrastrar y soltar archivos SVG individuales o por lotes
Total {{ images.length }} {{ images.length === 1 ? 'imagen' : 'imágenes' }}
Haga clic o arrastre archivos SVG aquí
Admite importación por lotes, renderizado local instantáneo, 100% privado sin subir a ningún servidor
Formato de salida:
Calidad: {{ Math.round(globalQuality * 100) }}%
#{{ idx + 1 }} .{{ globalFormat }}
Dimensiones de etiqueta: {{ img.specified.width || 'No especificado' }} × {{ img.specified.height || 'No especificado' }}
Tamaño en píxeles: {{ img.absolute.width ? (img.absolute.width + 'px') : '-' }} × {{ img.absolute.height ? (img.absolute.height + 'px') : '-' }}
ViewBox: {{ img.viewBox.width ? (img.viewBox.x + ' ' + img.viewBox.y + ' ' + img.viewBox.width + ' ' + img.viewBox.height) : 'Ninguno' }}
Caja envolvente: {{ img.contents ? (Math.round(img.contents.width) + ' × ' + Math.round(img.contents.height)) : '-' }}
Editar código fuente SVG (se vuelve a analizar y renderizar automáticamente al modificar):
⚠️ {{ img.errorMessage }}
Tamaño de salida (px):
×
Margen exterior:
px
Recorte ajustado:
Modo de ajuste:
Color de fondo:
Color de gráfico:
{{ img.width }} × {{ img.height }} px

¿Cómo convertir SVG a PNG manteniendo el fondo transparente?

En el desarrollo web, diseño de interfaces (UI), creación de ilustraciones y flujos de oficina diarios, los gráficos vectoriales SVG son el estándar de oro para iconos y logotipos gracias a su escalabilidad infinita, nitidez perfecta y tamaño de archivo reducido. Sin embargo, al publicar en redes sociales, preparar presentaciones, insertar en documentos o interactuar con aplicaciones heredadas, los mapas de bits PNG transparentes universales son la opción más confiable. Este artículo detalla los principios fundamentales, los pasos prácticos y los consejos de solución de problemas para convertir SVG a PNG transparente sin fallos.

1. Principio fundamental de transparencia en SVG y PNG

SVG (Scalable Vector Graphics) es esencialmente un lenguaje de marcado vectorial basado en XML. Según los estándares, el lienzo raíz de SVG es transparente por defecto a menos que el código dibuje explícitamente una figura de fondo opaca (como <rect fill="#ffffff" ...>).

Por otro lado, PNG (Portable Network Graphics) es un formato de mapa de bits que admite color RGBA de 32 bits con un canal alfa de transparencia de 8 bits, capaz de representar 256 niveles de semitransparencia suave. Al convertir SVG a PNG mediante un lienzo Canvas HTML5 con soporte de canal alfa y sin rellenar artificialmente el fondo, se conserva la transparencia original de forma impecable.

2. 5 pasos para convertir SVG a PNG transparente de alta resolución

1
Importar archivos vectoriales SVG

Haga clic en el botón "Subir SVG" o arrastre uno o varios archivos SVG al área designada. El sistema procesará los atributos y dimensiones vectoriales al instante en su navegador local, permitiendo carga individual o por lotes.

2
Mantener el color de fondo vacío

En cada tarjeta de imagen, dejar el campo "Color de fondo" en blanco garantiza transparencia total. La cuadrícula de fondo o el modo oscuro le permitirán comprobar rápidamente los contornos y las áreas transparentes.

3
Establecer la resolución de salida

Ajuste el ancho y el alto según su caso de uso (por ejemplo, 512px, 1024px o 2048px en resolución Retina). Mantenga bloqueada la proporción para evitar deformaciones o estiramientos no deseados.

4
Recortar espacio sobrante y ajustar márgenes

Si el SVG original contiene espacio en blanco innecesario alrededor del gráfico, active "Recortar espacio sobrante" para detectar los límites del dibujo y ajustarlo con precisión, o modifique el "Margen" para añadir espacio de seguridad.

5
Exportar imágenes PNG transparentes

Haga clic en "Descargar PNG" para guardar el mapa de bits transparente en alta definición, o elija "Copiar PNG" para pegarlo directamente en Figma, Sketch, Photoshop o apps de mensajería; para múltiples archivos, use "Descargar ZIP".

3. ¿Por qué el PNG convertido tiene fondo negro o blanco?

Al convertir archivos SVG con herramientas convencionales, es común encontrarse con fondos negros o blancos inesperados. Las causas más habituales son:

01
Selección incorrecta de formato

Los formatos JPEG/JPG no admiten canal de transparencia alfa y rellenan automáticamente los píxeles transparentes con blanco o negro sólido. Elija siempre PNG o WebP para mantener la transparencia.

02
Rectángulo de fondo incrustado en el SVG

Algunos archivos vectoriales exportados desde programas de diseño incluyen una capa de fondo opaca en el código (como <rect width="100%" height="100%" fill="#fff"/>). Haga clic en "Código" para inspeccionar y eliminar dicha etiqueta.

03
Visualización del visor de imágenes del sistema

Los visores de imágenes predeterminados en algunos sistemas operativos muestran los PNG transparentes sobre una ventana negra o blanca pura. Abra la imagen en un navegador o software de diseño para comprobar la verdadera transparencia.

4. Preguntas frecuentes (FAQ)

¿Se verá borrosa o pixelada la imagen PNG al ampliarla?
Los mapas de bits pierden nitidez si se amplían por encima de su resolución en píxeles. Le recomendamos indicar las dimensiones máximas necesarias (como 1024×1024 o 4096×4096) antes de la conversión. Esta herramienta rasteriza directamente desde el código vectorial para ofrecer una nitidez cristalina.
¿Puedo convertir por lotes decenas de iconos SVG manteniendo la transparencia?
Sí. Por defecto, todos los archivos importados conservan su fondo transparente. Al activar "Sincronizar edición por lotes", puede unificar dimensiones, ajuste o márgenes en todos los iconos simultáneamente y descargarlos juntos en un archivo ZIP.
¿Mis archivos vectoriales se suben a algún servidor externo?
No. Todo el procesamiento se realiza exclusivamente en su navegador local mediante Canvas HTML5 y APIs web nativas. Sus gráficos vectoriales nunca se envían a ningún servidor, garantizando máxima privacidad y confidencialidad.