Convertir SVG a JPG

Como el original es un vector limpio, esta conversión se beneficia de una calidad más alta que la que necesitaría una fotografía. El valor predeterminado de 92 está a propósito por encima de la franja habitual de 75–85.

• 95–100: prácticamente sin artefactos visibles, incluso alrededor de los bordes duros. Vale la pena para logotipos y todo lo que contenga texto.
• 88–94: la franja predeterminada. Algún halo tenue ocasional en los contornos de alto contraste, visible solo si lo buscas.
• 75–87: el efecto de anillo alrededor de los bordes se nota, y el color plano empieza a mancharse.
• Por debajo de 75: claramente degradado en gráficos, se vea como se vea en una fotografía.

Renderizar más grande ayuda más que subir la calidad. Los artefactos son relativos al tamaño del píxel, así que un renderizado de 2048 px con calidad 88 suele verse mejor que uno de 512 px con calidad 100, y se mantiene nítido si alguien lo muestra más grande.

Dos notas prácticas:

• Ajusta el fondo a su destino. Los píxeles semitransparentes (una sombra suave, un borde difuminado) se mezclan con el color que elijas. Una sombra que se ve natural sobre blanco se lee como un halo gris sobre negro.
• Revisa las fuentes. Si el SVG nombra una fuente en lugar de convertir el texto en contornos, el renderizador la sustituye por la que tenga disponible. Convierte el texto en trazados en tu herramienta de diseño si las letras importan.

Cuándo JPG es realmente el formato adecuado

• Algo exige JPG específicamente: algunos formularios de subida, servicios de impresión y sistemas antiguos no aceptan otra cosa.
• El SVG es una ilustración con sombreados o degradados ricos y no gráficos planos. JPEG los maneja bien.
• La imagen va a ir de todos modos sobre un fondo sólido conocido, así que la transparencia nunca aportaba nada.
• El peso del archivo importa más que la nitidez de los bordes y la imagen es grande.

Cuándo elegir PNG o WebP

Si el SVG es un logotipo, un icono, un diagrama, un gráfico o cualquier cosa con texto (que es la mayoría de los SVG), casi seguro que quieres PNG. Conserva la transparencia y comprime el color plano sin pérdida, así que los bordes quedan perfectamente nítidos.

Para un sitio web que controlas, WebP es todavía mejor: transparencia, bordes limpios y un archivo más ligero que ambos.

Una forma rápida de decidir: si te molestaría que apareciera un recuadro blanco alrededor de tu gráfico, no conviertas a JPG.

Cómo manejamos SVG de forma segura

SVG es un documento y no un bloque de píxeles, y uno hostil puede intentar cosas que una fotografía nunca podría: leer archivos del servidor, hacer peticiones salientes o incrustar scripts.

Recibes un JPG, nunca el SVG, así que nada de lo incrustado en el archivo puede ejecutarse en tu navegador. Y cada archivo subido se revisa antes de que nada lo analice: los archivos que contienen declaraciones de tipo de documento, definiciones de entidades, scripts, controladores de eventos o referencias a recursos externos se rechazan directamente en lugar de repararse. Las exportaciones normales de las herramientas de diseño no se ven afectadas.

Convertir un conjunto de archivos

Agrega todos los SVG que quieras. Cada uno se renderiza al ancho que elegiste y se compone sobre el color de fondo que escogiste, con su propia descarga. Si distintos archivos necesitan fondos distintos, hazlos en lotes separados: el ajuste se aplica a todo lo que haya en la cola.