Esta regla se activa cuando PageSpeed ????Insights detecta que una imagen en una página web se puede optimizar para reducir su tama?o sin afectar significativamente su apariencia visual.

Minimice el tama?o de la imagen tanto como sea posible para reducir el tiempo que los usuarios pasan esperando a que se carguen los recursos. Formatear y comprimir imágenes correctamente puede ahorrar muchos bytes de datos. Esto ahorra tiempo a quienes tienen conexiones a Internet lentas y ahorra dinero a quienes tienen planes de datos limitados.

Debes realizar optimizaciones básicas y avanzadas en todas las imágenes. Las optimizaciones básicas incluyen recortar áreas innecesarias, reducir la profundidad del color al nivel más bajo aceptable, eliminar comentarios de la imagen y guardar imágenes en un formato apropiado. Puede utilizar cualquier programa de edición de imágenes (por ejemplo,CA?UTILLO) para realizar optimizaciones básicas. La optimización avanzada incluye realizar una mayor compresión (compresión sin pérdidas) en archivos JPEG y PNG.

Utilice herramientas de compresión de imágenes

Hay muchas herramientas disponibles para realizar una mayor compresión sin pérdidas en archivos JPEG y PNG sin pérdida de calidad de imagen. Para archivos JPEG, le recomendamos que utilicejpegtranojpegoptim(Solo Linux; use--desnudar todoopción para ejecutar). Para archivos PNG, recomendamos usarOptiPNGoPNGSALIDA.

Elija el formato de archivo de imagen correcto

Debes probar qué formato funciona mejor para tus imágenes, aunque recomendamos algunos formatos de nivel superior a continuación:

• Casi siempre se prefiere el formato PNG al formato GIF, aunque algunos navegadores más antiguos sólo puedenSoporte parcial para formato PNG.
• Utilice el formato GIF para gráficos peque?os o simples (por ejemplo, gráficos de menos de 10 x 10 píxeles o una paleta de menos de 3 colores) e imágenes que contengan animación.
• Utilice el formato JPG para imágenes en todos los estilos de fotografía.
• No utilice el formato BMP ni el formato TIFF.

?

Salvo que se indique lo contrario, el contenido de esta página tiene licencia bajo laLicencia Creative Commons Atribución 3.0y los ejemplos de código tienen licencia bajo laLicencia Apache 2.0Para más detalles, consulte nuestraPolíticas del sitio.