Las imágenes representan la mayor parte de los tiempos de carga de la mayoría de los sitios web. Con unos pocos clics, la Optimización de Imágenes puede mejorar los tiempos de carga y hacerte más feliz a ti y a tus visitantes. La Optimización de Imágenes sólo está disponible cuando la CDN de Kinsta está activada.

La optimización de imágenes no altera las imágenes almacenadas en los archivos de tu sitio; crea imágenes nuevas. Las nuevas imágenes no requieren almacenamiento adicional, y no contarán para el uso de espacio en disco de tu plan Kinsta.

Cuando se activa Lossless o Lossy, la CDN crea automáticamente versiones WebP de las imágenes en el acto utilizando el servicio de Cloudflare Polish. Las versiones WebP se almacenan en caché en la CDN de Cloudflare y se entregan si:

  1. la cabecera Accept del navegador del visitante incluye WebP, y
  2. la versión WebP es significativamente más pequeña.

La CDN entregará la imagen original si es más pequeña que la versión WebP.

Activar la Optimización de Imágenes

Para habilitar la Optimización de Imágenes en tu sitio, inicia sesión en MyKinsta, ve a Sitios WordPress > nombre del sitio > CDN, y haz clic en Ajustes en Optimización de Imágenes.

Ajustes de optimización de imágenes en MyKinsta.
Ajustes de optimización de imágenes en MyKinsta.

Eso te llevará a una nueva ventana en la que puedes elegir entre la optimización de imagen Lossless (sin pérdida) o Lossy (con pérdida):

Ajustes de optimización de imágenes en MyKinsta.
Ajustes de optimización de imágenes en MyKinsta.

Optimización de Imagen Sin Pérdidas

La optimización de imágenes sin pérdida se realiza con compresión sin pérdida y no tiene impacto en la calidad de tus imágenes. Sólo se comprimen las imágenes GIF y PNG, y se crean versiones WebP de esas imágenes. Los metadatos se eliminan de todas las imágenes.

Seleccionar la opción de optimización de imágenes Sin Pérdida en MyKinsta.
Seleccionar la opción de optimización de imágenes Sin Pérdida en MyKinsta.

Seleccione esta opción si es esencial conservar la calidad de las imágenes. Si quieres comprimir y crear versiones WebP de imágenes JPEG, tendrás que seleccionar la opción Con Pérdidas.

Después de hacer clic en el botón Guardar Configuración, la página CDN debería tener este aspecto:

Optimización de imágenes sin pérdida activada en MyKinsta.
Optimización de imágenes sin pérdida activada en MyKinsta.

Optimización de Imágenes Con Pérdidas

La Optimización de Imágenes Con Pérdidas puede reducir la calidad de tus imágenes JPEG porque utiliza compresión con pérdidas para hacer esas imágenes lo más pequeñas posible. Esta opción comprimirá los archivos GIF y PNG igual que la opción sin pérdida y eliminará los metadatos de todas las imágenes. También creará versiones Webp de todas las imágenes, pero la versión Webp sólo se utiliza si es significativamente más pequeña que la imagen comprimida con o sin pérdidas.

Seleccionar la opción de optimización de imágenes Con Pérdidas en MyKinsta.
Seleccionar la opción de optimización de imágenes Con Pérdidas en MyKinsta.

Selecciona esta opción para maximizar la optimización de las imágenes, entendiendo que puede afectar a la calidad de las mismas.

Después de hacer clic en el botón Guardar Configuración, la página CDN debería tener este aspecto:

Optimización de imágenes con pérdida activada en MyKinsta.
Optimización de imágenes con pérdida activada en MyKinsta.

Pruebe la Optimización de Imágenes

La optimización de imágenes no cambia la URL ni la extensión de archivo de la imagen, y no alterará el HTML de las páginas de tu sitio web. Para confirmar que la Optimización de Imagen está funcionando, puedes inspeccionar las cabeceras HTTP de una imagen en tu sitio con las herramientas de desarrollo integradas en tu navegador.

  1. Visita tu sitio y abre las herramientas de desarrollo en tu navegador (haz clic con el botón derecho en la página o en una imagen y haz clic en Inspeccionar).
  2. En la pestaña Red, recarga la página si es necesario y selecciona una imagen.
  3. En la pestaña Cabeceras de la imagen seleccionada, desplázate hacia abajo hasta que veas las Cabeceras de respuesta y busca estas cabeceras y valores:
    1. cf-polished: Muestra el formato original y el tamaño del archivo de la imagen. Si la versión WebP generada de la imagen tiene un tamaño de archivo mayor que la imagen original, se seguirá utilizando la imagen original.
    2. content-type: Muestra el formato de archivo que se está sirviendo, independientemente de la URL o de la extensión del archivo.
    3. ki-cache-type: Debe tener el valor CDN.
    4. ki-cf-cache-status: Debe tener el valor HIT. Esto, en combinación con un valor de cabecera ki-cache-type de CDN muestra que la imagen está siendo servida por la CDN de Kinsta.

Desactivar la Optimización de Imagen

Para desactivar la Optimización de Imagen en tu sitio web, entra en MyKinsta, ve a Sitios WordPress > nombre del sitio > CDN y haz clic en Ajustes para la Optimización de Imagen. En la nueva ventana, selecciona Ninguno y haz clic en Guardar Configuración.

La página CDN reflejará ahora que no se ha aplicado ninguna configuración de Optimización de Imagen y tendrá este aspecto:

Optimización de imagen desactivada en MyKinsta.
Optimización de imagen desactivada en MyKinsta.