Un SVG no tiene píxeles, así que esto es renderizado, no conversión

Todos los demás conversores en este sitio mueven píxeles que ya existen. Este hace algo diferente, y esa diferencia es la razón por la que vale la pena leer esta página. Un SVG no contiene ninguna imagen en sí. Contiene instrucciones: dibuja un círculo aquí, rellena este trazo con ese degradado, coloca texto en estas coordenadas. Convertirlo a PNG significa ejecutar esas instrucciones al tamaño que elijas. Nada se estira ni se adivina, porque no existe una cuadrícula de píxeles original que estirar o suponer.

Por qué probablemente necesitas el PNG

El formato es excelente y casi nada lo acepta. Los clientes de correo no muestran un SVG. Office te pone trabas al intentar incrustarlo. Las redes sociales y la mayoría de los formularios de subida lo rechazan directamente, y el software fuera del mundo del diseño suele tratarlo como un archivo de texto, porque técnicamente lo es. PNG es la versión que todos aceptan.

Grande no cuesta nada aquí

Escalar una fotografía inventa píxeles que nunca se capturaron, por eso se ve borrosa al 2x y se vuelve ilegible al 10x. Renderizar un vector no tiene ese límite. Un icono de 24 píxeles renderizado a 1024 píxeles no es un icono de 24 píxeles ampliado; es el mismo dibujo ejecutado de nuevo a 1024, con cada curva y borde calculados para ese tamaño. Probamos exactamente eso: un icono de 24 por 24 volvió a 1024 por 1024 con sus colores idénticos a los valores originales, byte por byte, y bordes suaves con antialiasing en lugar de escalones.

El consejo práctico es ese: renderiza al tamaño más grande que vayas a usar, no al más pequeño, porque el PNG que obtienes es una cuadrícula fija a partir de ahí. Hacerlo más grande solo cuesta unos milisegundos.

Tú eliges el tamaño, o lo elige el archivo

Escribe un ancho y el dibujo se ajusta a él manteniendo sus proporciones. Si pides un logo 2:1 de 400 por 400, obtienes un PNG nítido de 400 por 200, nunca un cuadrado aplastado. Hay preajustes de un clic en 256, 512, 1024 y 2048, y una opción Original que renderiza al tamaño que el propio SVG declara. En un archivo que declara 200 por 100, Original devolvió exactamente 200 por 100. El límite es de 16.384 píxeles por lado y 64 megapíxeles en total, lo que cubre un renderizado de 8000 por 8000.

Transparencia, incluso la parcial

PNG soporta un canal alfa real, así que un logo con fondo transparente vuelve con fondo transparente, listo para poner en una diapositiva o página de producto sin un recuadro blanco alrededor. Lo que diferencia un buen renderizador de uno descuidado es la transparencia parcial: sombras suaves, bordes difuminados, cualquier cosa con opacidad a la mitad. En una forma declarada al 50 por ciento de opacidad, la salida midió un valor alfa de 128, que es exactamente la mitad. Cada renderizado volvió como una imagen RGBA real. Si prefieres aplanar la transparencia, cambia el fondo a un color sólido y elige el tono exacto en el selector de color.

Texto y degradados, los dos puntos que suelen fallar

El renderizado de SVG en el servidor falla en dos lugares previsibles. Faltan fuentes, así que el texto desaparece o aparece con una tipografía incorrecta. Y los degradados definidos una vez y referenciados por id no se resuelven, así que las formas vuelven planas o negras. Comprobamos ambos casos. El texto se renderizó con bordes limpios y suavizados, y un degradado lineal referenciado con url() se mostró como una transición correcta de un color a otro. Si un archivo pide una fuente que el servidor no tiene, se usa una sustituta y el resultado lo indica, en vez de dejarte descubrirlo más tarde.

Subir el SVG de otra persona es seguro aquí

Un SVG puede contener legalmente JavaScript y puede apuntar a recursos en internet. Por eso los proveedores de correo bloquean el formato, y es una razón real para tener cuidado con un archivo que te envía un desconocido. El renderizado aquí se realiza con un motor vectorial dedicado en vez de un navegador sin interfaz: los scripts nunca se ejecutan y las referencias externas nunca se descargan. Nada dentro del archivo puede ejecutarse, llamar a casa ni leer nada. Lo que recibes es el estado estático real del dibujo, por eso las animaciones se renderizan como su primer fotograma en vez de moverse.

Rápido y reproducible

El clásico tigre de Ghostscript, 94,5 KB de densos trazos bezier y la prueba habitual para los renderizadores SVG, se renderizó a un PNG de 512 píxeles en 53 milisegundos. Renderizar el mismo archivo dos veces produce una salida idéntica byte a byte, así que el resultado se puede reproducir exactamente. Los archivos comprimidos .svgz se leen directamente, y el formato se detecta a partir de los propios bytes del archivo, así que un archivo renombrado o sin extensión también se renderiza.

Un conjunto de iconos de una sola vez

Varios archivos se renderizan con los mismos ajustes y vuelven como un solo ZIP con sus nombres originales. Tres archivos diferentes llamados icon.svg vuelven como icon.png, icon_1.png e icon_2.png en vez de que dos desaparezcan silenciosamente. Un archivo dañado o que no sea SVG se omite y se nombra en el resultado en vez de fallar todo el lote.

Qué obtienes

• Un PNG renderizado al tamaño que elijas, no una copia ampliada de uno pequeño
• Proporciones bloqueadas, así que nada vuelve estirado ni aplastado
• Alfa completo, incluyendo formas a media opacidad y sombras suaves, o cualquier color de fondo que elijas
• Texto y degradados renderizados en vez de omitidos, con sustitución de fuentes informada
• Ningún script ejecutado ni referencias externas descargadas, así que un SVG desconocido es seguro para subir
• Sin cuenta, sin marca de agua y los archivos se eliminan del servidor una hora después

¿Qué sigue?

Un renderizado de 4000 píxeles es un archivo grande, así que Comprimir PNG suele ser el siguiente paso antes de ponerlo en una página, y PNG a WebP lo lleva más allá para la web. Si también conservas el vector, Comprimir SVG elimina primero la basura del editor.