Guía de uso
Convertir SVG a PNG es la forma más directa de llevar un logotipo o un icono vectorial a cualquier sitio que solo admite imágenes de píxeles, sin perder el fondo transparente. La herramienta rasteriza el archivo a 144 DPI, ajusta el lado mayor a un máximo de 4000 píxeles respetando la proporción y guarda el resultado como PNG sin pérdida, listo para redes sociales, presentaciones o tiendas de aplicaciones.
Cómo pasar un SVG a PNG en cuatro pasos
- Arrastra tus archivos .svg a la zona de carga; caben hasta 20 en la cola.
- Si lo necesitas, cambia el nombre de salida de cada archivo directamente en la cola.
- Pulsa el botón de convertir o activa la conversión automática para que cada archivo se procese en cuanto entra.
- Descarga los PNG uno por uno o todos juntos en un ZIP.
¿Qué tamaño tendrá el PNG?
Las medidas de un SVG se expresan en píxeles CSS, y el estándar CSS fija 96 por pulgada. Como aquí se rasteriza a 144 DPI, cada medida se multiplica por 1,5. Las unidades físicas siguen la misma lógica: lo que esté en centímetros, milímetros o pulgadas sale a 144 píxeles por pulgada.
| Lo que indica el SVG | Tamaño del PNG | Comentario |
|---|---|---|
viewBox="0 0 48 48", sin ancho ni alto | 72 × 72 px | El viewBox se interpreta como píxeles |
width="640" height="480" | 960 × 720 px | Factor 1,5 |
width="5cm" height="5cm" | unos 283 × 283 px | 144 píxeles por pulgada física |
viewBox="0 0 800 800" | 1200 × 1200 px | Buen punto de partida para una foto de perfil |
width="2800" height="2800" | 4000 × 4000 px | Saldría a 4200 y se reduce al límite |
Si el PNG sale más pequeño de lo esperado, casi siempre es porque el SVG solo trae viewBox. Abre el archivo con un editor de texto y añade a la etiqueta raíz width y height con dos tercios del tamaño que buscas; para un PNG de 1080 píxeles, por ejemplo, escribe 720. Los ajustes finos de uno o dos píxeles se resuelven después con la herramienta para redimensionar imágenes.
Por qué un SVG se rechaza o el texto sale con otra fuente
Un SVG puede llamar a archivos externos, cargar fuentes de internet o ejecutar código. Para proteger el servidor, cualquier archivo que lo intente se rechaza entero; no se limpia a medias. Revisa estos puntos si recibes el aviso de rechazo por motivos de seguridad:
- Imágenes enlazadas con
<image href="foto.jpg">o una URL. Si la imagen va incrustada en base64 (PNG, JPEG, GIF, WebP, BMP o AVIF), se acepta sin problema. - Fuentes web traídas con
@importourl(); tampoco se admiten fuentes incrustadas como data URI. - Código: bloques
<script>, atributos comoonclickuonloady enlacesjavascript:. - HTML incrustado mediante
<foreignObject>, habitual en diagramas exportados con etiquetas de texto. - Entidades XML declaradas dentro del DOCTYPE.
Con el texto hay un matiz importante: un elemento <text> se dibuja con las fuentes instaladas en el servidor, no con las de tu equipo. Si tu tipografía corporativa no está allí, se sustituye por otra o la conversión puede fallar. Convierte el texto en trazados antes de subirlo; en Inkscape se hace con Trayecto › Objeto a trayecto y en Illustrator con Texto › Crear contornos. Mantén además el SVG por debajo de 2 MB: los dibujos vectorizados de forma automática, con miles de nodos, superan ese límite con facilidad.
Logotipos, favicon e imágenes: medidas para convertir SVG a PNG
Estas son las medidas más solicitadas, junto con el ancho que conviene escribir en el SVG para que el factor 1,5 caiga justo donde quieres:
- Icono táctil de Apple (apple-touch-icon): 180 × 180; escribe 120.
- Iconos del manifiesto de una aplicación web: 192 y 512; escribe 128 y unos 342.
- Favicon de la pestaña: 32 y 16 píxeles. A ese tamaño las líneas finas desaparecen, así que suele funcionar mejor una versión simplificada del logotipo. No se generan archivos ICO, aunque los navegadores actuales aceptan un PNG como favicon.
- Vista previa de enlaces (Open Graph): 1200 × 630 es la medida habitual; define el SVG en 800 × 420.
- Firmas de correo y plantillas de documentos: el fondo transparente evita el recuadro blanco alrededor del logo cuando la plantilla tiene color.
Pantalla o imprenta: cuántos píxeles necesitas
En pantalla solo cuentan los píxeles; el valor de DPI guardado en el archivo no cambia nada en un navegador. Las imprentas, en cambio, suelen pedir 300 ppp. Para saber cuántos píxeles hacen falta, divide los centímetros entre 2,54 y multiplica por 300: un logotipo de 4 cm para una tarjeta de visita necesita unos 472 píxeles, es decir, un SVG de 315 de ancho. Con el tope de 4000 píxeles, el ancho máximo imprimible a 300 ppp ronda los 33,9 cm; para lonas o rótulos más grandes, entrega a la imprenta el archivo vectorial original.
Transparencia, calidad y peso del archivo
El PNG es sin pérdida y guarda un canal alfa completo: los bordes suavizados y las sombras semitransparentes se conservan tal cual, sin halos blancos al colocar el logo sobre un fondo oscuro. A cambio, una ilustración grande con degradados puede pesar varios megas. Para publicarla en una web, la misma ilustración ocupa bastante menos si la pasas por el conversor de SVG a WebP, y un PNG ya generado se puede aligerar con la herramienta para comprimir imágenes. Si prefieres fondo blanco en lugar de transparencia, el conversor de SVG a JPG lo rellena de forma automática.
Por último, piensa si de verdad necesitas una imagen de píxeles. Los iconos y gráficos de tu propio sitio suelen pesar menos como vectores, se ven nítidos en cualquier pantalla y se pueden recolorear con CSS. En nuestra guía sobre qué es un archivo SVG explicamos cuándo conviene conservar el vector.
Privacidad y límites
El archivo se sube al servidor, se convierte dentro de esa misma petición y vuelve a ti como descarga; no se guarda ni se comparte. No necesitas registrarte ni pagar. El contenido debe corresponder a la extensión, así que un archivo renombrado se rechaza. La salida es siempre un formato de píxeles: esta herramienta no genera SVG.