Cómo usarla
- Elige un archivo .svg (hasta 5 MB) o pega el código SVG en el cuadro.
- Elige un factor de escala, como 2× para pantallas de alta densidad, o introduce un ancho exacto en píxeles.
- Mantén el fondo transparente o elige un color.
- Comprueba la vista previa y descarga el PNG o, si tu navegador lo admite, el WebP.
Cómo funciona
SVG es un formato vectorial: las formas se describen matemáticamente, por lo que se pueden dibujar con nitidez a cualquier tamaño. PNG es una cuadrícula de píxeles, el formato que requieren muchas aplicaciones, documentos, clientes de correo y redes sociales. Esta herramienta dibuja el SVG con el propio motor de tu navegador al tamaño que elijas y guarda los píxeles como PNG.
El tamaño inicial se obtiene de los atributos width y height del SVG. Las unidades absolutas se convierten a píxeles (1 in = 96 px, 1 pt = 1.33 px). Si solo se especifica una dimensión o no se especifica ninguna, se usan las proporciones y el tamaño del viewBox; si no hay ninguno, los navegadores usan 300 × 150. Los valores relativos, como 100%, no se pueden resolver en un archivo independiente, por lo que se usa el viewBox.
El SVG se carga como una imagen, una forma segura de mostrar archivos no confiables: no se ejecutan scripts ni se obtienen recursos externos, como imágenes enlazadas, fuentes web y archivos CSS. El texto que depende de una fuente que no tienes instalada se dibujará con una fuente alternativa. Primero se comprueba el XML, así que un error de escritura muestra un mensaje claro en lugar de una imagen en blanco.
Ejemplos
Icono de aplicación a partir de un logotipo SVG
Un logotipo con viewBox="0 0 64 64" exportado con un ancho de 1024 genera un PNG de 1024 × 1024 con bordes nítidos, listo para una tienda de aplicaciones o un generador de favicon.
Imagen Retina para un sitio web
Una ilustración de 400 × 300 a escala 1×, exportada con escala 2, genera un PNG de 800 × 600 que se ve nítido en pantallas de alta densidad.
Diapositiva o documento
Al exportar un gráfico SVG con escala 3 y fondo blanco, se genera un PNG que puedes pegar en programas de presentaciones que no admiten SVG.
Preguntas frecuentes
¿Por qué el texto aparece con una fuente incorrecta?
Las fuentes enlazadas desde la web no se cargan cuando se dibuja un SVG como imagen. Se usan las fuentes instaladas en tu dispositivo si coinciden. Para asegurarte, convierte el texto en contornos en tu programa de diseño o incrusta la fuente en el SVG como una URL de datos.
¿Por qué no aparecen las imágenes enlazadas?
Por seguridad, se bloquean las imágenes a las que se hace referencia mediante URL dentro del SVG al dibujarlo como imagen. Las imágenes incrustadas (URL data:) sí funcionan.
¿Cuál es el tamaño máximo de salida?
Hasta 16,384 px por lado y 50 megapíxeles en total. Las exportaciones muy grandes de SVG complejos pueden tardar unos segundos y quizá fallen en teléfonos con poca memoria.
¿Es seguro convertir un SVG de una fuente desconocida?
Es seguro procesarlo aquí: un SVG dibujado como imagen no puede ejecutar scripts ni cargar recursos externos. El PNG convertido solo contiene píxeles.
Privacidad
Tu SVG se procesa y se dibuja en tu navegador. No se sube, almacena ni incluye en las analíticas.