SVG to PNG
Converter
Upload or paste SVG code and convert to high-resolution PNG. Choose your scale and background, all processed in your browser.
Click to upload an SVG file
How It Works
Upload SVG
Upload an SVG file or paste SVG code directly.
Configure
Choose output scale (1x-4x) and background color.
Download
Convert and download your high-resolution PNG.
Convierte SVG a PNG online y transforma gráficos vectoriales en imágenes raster para usar donde se necesite PNG. 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.
ToolSeo.svg-to-png.section1.p5
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 móviles 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 4 pulgadas de ancho en un folleto a 300 DPI necesita 1200 × N píxeles. Usa el ajuste 4× o introduce las dimensiones exactas en píxeles en las opciones avanzadas.
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.
ToolSeo.svg-to-png.section2.p5
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.
ToolSeo.svg-to-png.section3.p4
ToolSeo.svg-to-png.section3.p5
ToolSeo.svg-to-png.section4.heading
ToolSeo.svg-to-png.section4.p1
ToolSeo.svg-to-png.section4.p2
ToolSeo.svg-to-png.section4.p3
ToolSeo.svg-to-png.section4.p4
ToolSeo.svg-to-png.section4.p5
ToolSeo.svg-to-png.section5.heading
ToolSeo.svg-to-png.section5.p1
ToolSeo.svg-to-png.section5.p2
ToolSeo.svg-to-png.section5.p3
ToolSeo.svg-to-png.section5.p4
ToolSeo.svg-to-png.section5.p5
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?
Hasta 10 MB por SVG. Documentos muy complejos con miles de nodos pueden ir lentos en móvil, pero los iconos e ilustraciones típicos se convierten en menos de un segundo.
¿Puedo exportar a JPG o WebP en lugar de PNG?
Sí, cambia el formato de salida en las opciones. JPG aplana la transparencia y es apropiado para SVGs sin alfa (ilustraciones a sangre completa). WebP conserva la transparencia y produce archivos más pequeños que PNG, útil para entrega web. PNG sigue siendo el valor por defecto por su máxima compatibilidad.
¿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.
ToolSeo.svg-to-png.q7
ToolSeo.svg-to-png.a7
ToolSeo.svg-to-png.q8
ToolSeo.svg-to-png.a8