Convertir SVG a JPG

Un SVG no tiene resolución. Es un conjunto de instrucciones —dibuja aquí un círculo, rellena esta forma con este color— y se puede dibujar igual de nítido a cualquier tamaño. Un JPG es una rejilla fija de píxeles. Así que convertir significa elegir un tamaño.

Casi todos los conversores cogen el ancho que encuentren escrito dentro del SVG y dibujan callando a ese tamaño. Como muchos SVG llevan escrita una medida cualquiera —un tamaño de icono de 100 o 200 píxeles que se quedó pegado del sitio donde se creó—, el resultado sale inservible.

Piénsalo al revés: dónde va a acabar la imagen. Para una página web, dibuja al doble del espacio en el que se va a ver — las pantallas de alta densidad llevan una década siendo lo normal, y una imagen de 400 píxeles metida en un hueco de 400 píxeles se ve blanda en la mayoría de las pantallas.

Pasarse por arriba es barato; quedarse corto no. Un JPG dibujado más grande de lo necesario ocupa algo de más y se puede reducir sin pérdida visible; un JPG dibujado demasiado pequeño no tiene vuelta atrás, porque el detalle nunca llegó a escribirse.

El JPG no tiene canal alfa. No es que esté limitado: no lo tiene. Cada píxel es opaco, así que todo lo que fuera transparente en el SVG hay que rellenarlo con algo, y el blanco es la elección sensata por defecto.

Y es también la que produce el fallo que se recuerda: un logotipo blanco o muy claro, pensado para fondo oscuro, llega convertido en un cuadrado blanco donde no se ve nada. Cambia el color de relleno debajo del resultado.

La mayoría de los SVG son logotipos, iconos y diagramas: color plano y bordes marcados. La compresión JPEG es justamente peor con este contenido que con ningún otro, porque se hizo para fotografías, y en el límite marcado entre dos colores deja halos y suciedad.

Así que el consejo honesto es convertir a PNG, salvo que algo esté exigiendo específicamente un JPG — y lo exigen: fichas de venta, sistemas de entrega para imprenta, gestores de contenidos antiguos y cierto software de oficina siguen sin aceptar otra cosa.

Un SVG normalmente nombra una tipografía y no la lleva dentro. Quien crea el archivo tiene que tenerla, y resvg —que es lo que dibuja aquí— tiene las que hay en tu sistema, no las que había en el programa de diseño.

Así que la tipografía que falta se sustituye por otra, y un logotipo cuidadosamente espaciado llega con el espaciado cambiado. El remedio está en el programa de diseño: convierte el texto a contornos antes de exportar. Entonces las letras pasan a ser formas y no queda nada que sustituir.

Las formas, los trazos, los rellenos y los degradados cruzan fielmente. El terreno incierto son los filtros —desenfoques y sombras— y con ellos los modos de fusión y las máscaras construidas a partir de otras máscaras.

resvg cubre todo lo que los archivos reales usan de verdad, y omite lo que no tiene implementado en lugar de moldearlo en algo aproximado. Si algún efecto significa algo para ti, mira el JPG en vez de darlo por hecho.

Un SVG puede apuntar con una URL a una foto, una tipografía o una hoja de estilos que están fuera. Aquí nada sale a internet, así que el archivo al que apunta sencillamente no existe — y esa misma propiedad es la que mantiene tu dibujo en privado.

El síntoma es un rectángulo vacío en el JPG donde debería haber una imagen. Vuelve a exportar el SVG incrustando los recursos, no solo enlazándolos, y entonces el dibujo viaja con todo aquello de lo que depende.

El tamaño sigue a la resolución que elegiste, no al SVG. Un icono de 3 KB dibujado a 4000 píxeles produce un JPG de varios megas, porque el archivo ya no es una descripción sino una rejilla de píxeles.

Para cualquier cosa parecida a una fotografía, una calidad de alrededor de 85 es lo sensato por defecto. Para un logotipo de color plano la pregunta está mal planteada: ningún ajuste de calidad impide que el JPEG deje halos en un borde marcado, y ahí la respuesta es PNG.

Suelta la carpeta completa. Cada SVG se dibuja a la misma escala y vuelven todos en un ZIP, que es normalmente lo que hace falta para un juego de iconos o una tanda de exportación.

El dibujado ocurre en tu máquina, así que no hay límite por archivo ni cola. Y como esto es resvg y no el canvas del navegador, el último archivo se dibuja exactamente igual que el primero.