Conversor SVG → PNG
Suelta un archivo SVG o pega el marcado, elige una escala y un fondo, y descarga un PNG. El tamaño intrínseco se lee de los atributos width y height, o del viewBox cuando faltan, y se multiplica por tu escala, de modo que las exportaciones a 2x y 3x producen los recursos que esperan las pantallas de alta densidad. El fondo importa más de lo que parece: el SVG no tiene lienzo propio, así que un icono dibujado en negro sobre nada acaba siendo negro sobre transparente, invisible frente a una interfaz oscura hasta que le das blanco o un color. El renderizado ocurre en un Canvas de tu navegador y el archivo nunca se sube.
Tamaño intrínseco: 200 × 200
Cómo usar
- Suelta un SVG o pega el marcado.
- Ajusta la escala (1× equivale al tamaño intrínseco).
- Elige fondo — transparente, blanco o color personalizado.
- Pulsa Descargar para guardar el PNG.
Preguntas frecuentes
- ¿Por qué la salida es 200×200 por defecto?
- Si el SVG no tiene width / height / viewBox, la herramienta usa 200×200. Añade un viewBox o dimensiones al SVG para cambiarlo.
- Algunas fuentes se ven distintas en el PNG
- Los navegadores rasterizan SVG con las fuentes disponibles en el sistema. Si usas una fuente personalizada, incrústala como data: URL o convierte el texto a paths en tu editor vectorial.
- ¿Se sube mi SVG?
- No. El SVG se procesa y rasteriza en tu navegador con Canvas. Nada se envía a un servidor.
- ¿Maneja imágenes externas dentro del SVG?
- Las imágenes referenciadas por URL pueden fallar por CORS. Incrústalas como data: URL dentro del SVG para evitarlo.
- ¿A qué escala debo exportar?
- Ajusta a la densidad de las pantallas a las que va destinada la imagen. 1x es el tamaño en píxeles CSS, 2x cubre la mayoría de móviles y portátiles actuales, 3x cubre las pantallas de móvil más densas. Si el PNG va a un documento o una diapositiva y no a una interfaz, exportar a 2x y dejar que se reduzca es el valor seguro por defecto.
- ¿Por qué mi PNG sale borroso?
- Porque se rasterizó demasiado pequeño y luego se amplió. El SVG en sí no tiene resolución, así que la nitidez del PNG se decide por completo en la exportación: sube la escala y vuelve a exportar en lugar de agrandar el PNG después, que solo puede interpolar lo que ya está ahí.
- ¿Por qué el PNG pierde colores o estilos de mi SVG?
- Porque solo puede renderizarse lo que el archivo lleva consigo. Los estilos que viven en una hoja externa, las propiedades personalizadas de CSS heredadas de la página y las fuentes referenciadas en lugar de incrustadas no están disponibles cuando el SVG se renderiza por su cuenta. Incorpora los estilos al marcado y convierte el texto en trazados, y la exportación coincidirá con lo que diseñaste.
Herramientas relacionadas
Optimizador de SVG
Reduce un SVG con SVGO — quita los restos del editor, redondea coordenadas, fusiona formas — y compara antes y después. No se sube nada.
Generador de Códigos QR
Crea códigos QR personalizados desde cualquier texto o URL y descárgalos.
Generador de Laberintos (SVG / PNG)
Genera laberintos imprimibles con tamaño, escala de celda y semilla reproducible — backtracking recursivo con overlay de solución opcional.
Generador de códigos de barras
Crea un código de barras EAN-13, EAN-8, UPC-A, Code 128, Code 39 o ITF-14 y descárgalo como SVG o PNG. Funciona en tu navegador.
Efecto Duotono de Imagen
Aplica un efecto duotono de dos colores a cualquier imagen — elige color de sombra y color de luz, ajusta midpoint y contraste, descarga el resultado. Carátulas estilo Spotify en dos clics.
Compresor de Imágenes
Comprime y redimensiona imágenes JPEG, PNG y WebP en tu navegador.