Convertir SVG
a PNG
Convierte SVG a PNG en alta resolución con fondo transparente. Sube un archivo o pega el código SVG y elige la escala hasta 4x — todo en tu navegador.
Haz clic para subir un archivo SVG
Cómo funciona
Sube el SVG
Sube un archivo SVG o pega el código SVG directamente.
Configura
Elige la escala (1x–4x) y el fondo.
Descarga
Convierte y descarga tu PNG en alta resolución.
Convertir SVG a PNG gratis, sin fondo y sin perder calidad: transforma gráficos vectoriales en imágenes PNG con fondo transparente. El conversor de SVG a PNG de ConverterUp es ideal para exportar iconos a herramientas de diseño, generar previsualizaciones para redes sociales, incrustar logotipos en PDFs o alimentar arte para plataformas que no aceptan SVG. Elige la escala de salida en 1x, 2x, 3x o 4x para exportaciones listas para retina, define fondo transparente o sólido y descarga el resultado al instante. La conversión ocurre en tu navegador, manteniendo diseños inéditos e iconos propios completamente privados.
Por qué convertir SVG a PNG
SVG es el mejor formato para iconos, logotipos e ilustraciones en la web. Pero muchos destinos siguen rechazándolo o gestionándolo mal: los clientes de correo (Gmail, Outlook, Apple Mail) lo eliminan por motivos de seguridad; las previsualizaciones en redes (imágenes OG, tarjetas de Twitter) solo aceptan PNG o JPG; los pipelines de impresión a menudo exigen TIFF o PNG raster en lugar de vector.
Las herramientas heredadas —versiones antiguas de Microsoft Word, PowerPoint y muchos editores de texto enriquecido de CMS— no importan SVG de forma limpia. Los marketplaces (Etsy, Amazon, Shopify) exigen imágenes de producto raster. Los destinos de incrustación como Notion, Confluence y muchos foros tampoco admiten SVG en contextos inline.
Incluso donde el SVG funciona, a veces conviene PNG por previsibilidad: un SVG renderizado en Chrome de 2026 puede verse algo distinto al mismo SVG renderizado en el cliente Mail de iOS 14 por diferencias en el soporte de funcionalidades (filtros, máscaras, variables CSS). Rasterizar una vez elimina esa variabilidad.
El patrón correcto: mantén el SVG como master y exporta PNGs en las resoluciones que realmente necesites. Reexporta cuando cambie el master. Nunca edites el PNG directamente: cada edición invalida su condición de derivado del origen.
Estrategia de escala para retina y alta DPI
Un SVG tiene un tamaño intrínseco (su viewBox o sus atributos width/height). A 1×, el PNG coincide con ese tamaño en píxeles. A 2×, el PNG mide el doble de ancho y de alto, exactamente el origen necesario para una pantalla HDPI que muestra el icono a su tamaño CSS.
Para sitios modernos, el valor seguro por defecto es exportar al 2× del tamaño CSS de visualización. Un icono CSS de 24 × 24 necesita un PNG de 48 × 48. Para teléfonos con DPR 3× (iPhone Pro recientes, Pixel recientes), 3× es la opción conservadora; la diferencia visual entre 2× y 3× apenas se percibe en tamaños de icono, así que 2× suele ser un compromiso razonable.
Para impresión, calcula el tamaño físico objetivo y el DPI: un logotipo impreso a 10 cm de ancho en un folleto a 300 DPI necesita unos 1200 píxeles de ancho. Usa el ajuste 4× o aumenta los atributos width y height del SVG en el archivo de origen antes de convertir si necesitas más píxeles.
No te excedas con la escala: un PNG de 4096 × 4096 para un icono de 16 × 16 es un desperdicio y se decodifica lento. Ajusta la escala al destino real. Si el icono se usa en varios tamaños, exporta cada tamaño por separado (16, 32, 64, 128) en vez de enviar un único archivo enorme.
Transparencia, fuentes y recursos externos: cuidado
Transparencia: los SVG usan fondo transparente por defecto y ConverterUp conserva el canal alfa en el PNG de salida. Si necesitas un fondo sólido para plataformas que aplanan el alfa (algunos pipelines de imprenta y correo), elige un color de fondo en las opciones. Cuidado con los SVG que definen un <rect> opaco como fondo: ese relleno permanecerá independientemente de la opción de exportación.
Fuentes: un SVG que referencia una fuente por nombre (por ejemplo, font-family: "Inter") la renderizará solo si la fuente está disponible en el navegador. Si has subido un SVG generado por Figma o Illustrator, convierte el texto en contornos en la app de origen antes de exportar. De lo contrario, el PNG usará una fuente sustituta y se verá mal.
Recursos externos: las etiquetas <image href="https://…"> que apuntan a URLs remotas pueden quedar bloqueadas por la seguridad del navegador (CORS o canvas contaminado). El patrón seguro es incrustar las dependencias de bitmap como data URIs en base64 dentro del SVG antes de exportar. Lo mismo con CSS externo: incluye todos los estilos dentro del documento SVG.
Preguntas frecuentes
¿Cómo funciona la opción de escala?
La escala multiplica las dimensiones intrínsecas del SVG: un SVG de 100x100 a 4x se convierte en un PNG de 400x400. Una escala mayor produce resultados más nítidos en pantallas retina a cambio de un archivo más grande.
¿Puedo conservar la transparencia?
Sí. Deja la opción de fondo en transparente y el PNG conserva el canal alfa del SVG. Cambia a un color sólido cuando exportes para plataformas que aplanan la transparencia.
¿Se admiten recursos externos en el SVG?
Las imágenes externas y fuentes remotas referenciadas por URLs http pueden quedar bloqueadas por la seguridad del navegador. Para un resultado fiable, incrusta imágenes como data URIs y convierte el texto en contornos antes de exportar desde tu editor SVG.
¿Cuál es el tamaño máximo de SVG que puedo convertir?
No hay un límite fijo. Documentos muy complejos con miles de nodos pueden ir lentos en el teléfono, pero los iconos e ilustraciones típicos se convierten en menos de un segundo.
¿Puedo pegar el código SVG en lugar de subir un archivo?
Sí. Cambia a Pegar código SVG y pega el código copiado de Figma, Illustrator o tu editor. La salida es siempre PNG; si necesitas JPG o WebP, convierte el PNG con el convertidor multimedia.
¿Por qué mi PNG exportado se ve borroso comparado con el SVG?
O la escala de exportación es demasiado baja para la pantalla en la que lo ves, o el SVG incluye trazos alineados al píxel que pierden el ajuste a escalas no enteras. Prueba a duplicar la escala (1× → 2×) y verifica que los anchos de trazo del origen son píxeles enteros para la escala elegida.
¿Cómo convertir un SVG a PNG sin fondo?
Deja activada la opción de fondo transparente y exporta: el PNG conserva el canal alfa del SVG, así que las zonas vacías quedan transparentes. Para que no pierda calidad, elige una escala de 2× o 3× según dónde vayas a usar la imagen.