Optimizar imágenes

Esta regla se activa cuando PageSpeed Insights detecta que las imágenes de la página se pueden optimizar para reducir su tamaño sin afectar significativamente su calidad visual.

Información general

Procura utilizar el menor tamaño posible en las imágenes para reducir el tiempo de carga de los recursos. Al cambiar el formato de las imágenes y comprimirlas, puedes ahorrarte muchos bytes de datos. Esto no solo ahorra tiempo a los usuarios con conexiones lentas, sino que también ahorran costes en los planes de datos limitados.

Recomendaciones

Debes realizar una optimización básica y avanzada en todas las imágenes. La optimización básica incluye cortar el espacio innecesario, reducir la profundidad de color a un nivel mínimo aceptable, eliminar los comentarios de las imágenes y guardarlas en el formato adecuado. Esto puedes hacerlo con cualquier programa de edición de imágenes como GIMP. En cambio, la optimización avanzada implica una mayor compresión (sin pérdida de calidad) de los archivos JPEG y PNG.

Usa un compresor de imágenes

Hay varias herramientas disponibles que llevan a cabo esta compresión adicional sin pérdidas de calidad en archivos JPEG y PNG. Para JPEG, recomendamos jpegtran o jpegoptim (disponible solo para Linux, ejecútalo con la opción --strip-all); y para PNG, recomendamos OptiPNG o PNGOUT.

Elige un formato de archivo adecuado

Debes probar qué formato es el mejor para tu imagen, aunque puedes seguir algunas de nuestras recomendaciones más importantes:

  • Los archivos PNG son casi siempre superiores a los GIF, aunque solo son parcialmente compatibles con algunas versiones antiguas de navegador.
  • Usa archivos GIF para gráficos muy pequeños o simples (por ejemplo, inferiores a 10 x 10 píxeles, o con una paleta de color de menos de 3 colores) y para las imágenes que contienen animaciones.
  • Usa archivos JPG para todas las imágenes de estilo fotográfico.
  • No utilices los archivos BMP o TIFF.