Optimización de imágenes

Silktide descarga las imágenes de tus páginas y comprueba si se pueden reducir de forma significativa sin cambiar su aspecto. Las imágenes que pueden reducirse se informan junto con el posible ahorro, para que puedas priorizar las mayores mejoras.

Por qué es importante

Las imágenes suelen ser la mayor parte del peso de una página web, por lo que suelen ser la mayor oportunidad individual de rendimiento. Las imágenes sobredimensionadas hacen que las páginas tarden más en aparecer, lo que incrementa de forma medible el abandono —especialmente en conexiones móviles— y consume el ancho de banda y la batería de tus visitantes. La velocidad de la página también influye en el posicionamiento en buscadores a través de .

A diferencia de la mayoría del trabajo de rendimiento, optimizar imágenes rara vez implica concesiones: una imagen bien comprimida se ve igual y se comporta igual. Es rendimiento prácticamente gratuito.

Cómo solucionarlo

Comprime las imágenes indicadas. Casi todas las herramientas de imágenes pueden hacerlo al exportar; las fotografías deberían ser, por lo general, JPEG con en torno al 85 % de calidad, lo que ahorra mucho tamaño de archivo con una pérdida visual mínima.
Usa el formato adecuado: JPEG (o WebP/AVIF) para fotografías; PNG o SVG para logotipos, iconos y otros gráficos de colores planos. Los formatos modernos como WebP y AVIF superan a ambos cuando tu plataforma los admite.
Automatízalo. La mayoría de los , las canalizaciones de compilación y los pueden comprimir y convertir imágenes al subirlas o al servirlas —arreglar la canalización evita que el problema se repita.
Sirve las imágenes al tamaño al que se muestran, usando imágenes responsive (srcset) en lugar de enviar una imagen enorme a cada dispositivo:

<img src="hero-800.jpg"
     srcset="hero-800.jpg 800w, hero-1600.jpg 1600w"
     sizes="(max-width: 800px) 100vw, 800px"
     alt="Vineyard at sunset">

Cómo lo comprueba Silktide

Recopila las imágenes que cada página carga realmente.
Recomprime cada imagen con técnicas adecuadas a su formato: JPEG progresivo al 85 % de calidad, recompresión PNG con y sin pérdida, de SVG y reoptimización de GIF.
Compara el mejor resultado con el original. Solo se informa de una imagen cuando el ahorro es significativo: una reducción superior al 20 % y un ahorro de más de 40 KB.
Informa de la posible reducción para cada imagen, para que destaquen los mayores ahorros.

Solución de problemas

La imagen ya parece comprimida

El ahorro indicado es medido, no estimado: Silktide realmente produjo un archivo más pequeño. Motivos habituales por los que una imagen aparentemente optimizada todavía se reduce un 20 % incluyen metadatos incrustados, codificación JPEG no progresiva y uso de PNG para fotografías.

Usamos un CDN que optimiza imágenes

Silktide prueba lo que la página sirvió realmente, así que si una imagen informada pasó por tu CDN, esa optimización o bien no se aplicó o no fue suficiente. Revisa la configuración del CDN para las rutas o formatos afectados.

El ahorro parece pequeño

No se informan imágenes que estén a menos de un 20 % o 40 KB del óptimo. Si un ahorro reportado te parece pequeño, recuerda que se aplica en cada visita de cada usuario.