Imagen Mejoramiento

Imagify ofrece tres niveles de optimización: estándar, agresivo y ultra. Estos niveles tienen que ver esencialmente con la calidad de la imagen. Una de las desventajas de la optimización de imágenes es que se pierde calidad de imagen. Es sólo pequeño y normalmente imperceptible, pero puede volverse perceptible si para usted es importante una calidad de imagen ultra alta. Este suele ser el caso en sitios web como sitios de fotografía, arte o joyería, etc.

Lo hace Degradar ¿Muchas imágenes?

Mucho depende del tipo de imágenes que utilices. Por ejemplo, la calidad estándar no los degradará en absoluto, mientras que la ultra los pixelará un poco, pero no demasiado. Este sitio web está configurado con calidad ultra como ejemplo. El beneficio es que las imágenes son mucho más pequeñas en ultra y, por lo tanto, se cargan más rápido que incluso en la configuración agresiva.

Algunas personas van directamente a la configuración ultra y realmente notan la diferencia. Cuando empiezas a optimizar, Asegúrate de marcar la casilla para conservar los originales.. De esa manera, si no te gusta la configuración ultra, puedes volver a una calidad superior.

Generalmente, la configuración agresiva degradará sus imágenes en aproximadamente 15% en calidad a un nivel de 85%. Esto es imperceptible para el ojo humano y en el entorno más común. Si la calidad de la imagen no es vital, o si está utilizando gráficos de estilo dibujos animados en lugar de fotografías, opte por la ultra. Sigue siendo perfectamente aceptable. Normalmente, con una configuración ultra, reducirá alrededor de 85% el tamaño de su imagen. Esto significa que una imagen de 1 MB se reducirá a un tamaño de entre 100 y 150 libras, lo que marca una enorme diferencia en el tiempo de carga de la página y en las puntuaciones de velocidad de la página.

Puedo Haz todo ¿Mis imágenes encendidas una vez?

Sí, puedes: mira el vídeo para obtener una guía sobre cómo funciona Imagify. Un buen consejo es incluir también la carpeta de temas en las optimizaciones. Su tema tendrá muchas imágenes, algunas de las cuales se utilizarán en su sitio web. Al incluir las imágenes de su tema, maximizará las imágenes que puede optimizar en su sitio web.

Para calcular cuántas imágenes necesita optimizar, busque en su biblioteca multimedia. Te dirá cuántas imágenes tienes. Luego multiplica esto por 4 (en promedio). Esto se debe a que WordPress crea múltiples versiones de sus imágenes para un diseño responsivo (miniatura, 300 x 300 px, etc.). Debe optimizar cada versión de cada imagen para obtener todos los beneficios de la optimización de imágenes en todos los dispositivos.

La optimización manual de imágenes es realmente para los puristas. Una ventaja de esto es que cargas una imagen completamente optimizada, con el tamaño correcto y, por lo tanto, no tienes que ejecutar ningún software de optimización de imágenes. También ahorra espacio en el servidor ya que no tiene imágenes de tamaño completo allí. Sin embargo, requiere bastante tiempo, por lo que para la mayoría de las personas recomendaría simplemente usar Imageify.

Tengo El tiempo – ¿Qué está involucrado?

En primer lugar, necesita saber las dimensiones de la imagen que está utilizando. Hay una buena guía sobre tamaños de imagen y mejores prácticas en esta página. Una vez que conozca el tamaño de sus imágenes, puede recortar cualquier imagen grande al tamaño exacto utilizando cualquier herramienta de software de imágenes. pintura.net es gratis y normalmente lo suficientemente bueno para esto.

Una vez que haya creado sus imágenes con el tamaño correcto, puede optimizarlas utilizando una herramienta en línea. Uno de los mejores que ha existido durante años es TinyPNG.com. Simplemente cargue sus imágenes y luego descargue la versión mucho más pequeña que se creará. Dos consejos a la hora de subir estas imágenes a WordPress:

En primer lugar, suena tonto, pero asegúrese de cargar la versión recién optimizada en su sitio web desde la carpeta "Descargas". Es muy fácil cargar el incorrecto desde su escritorio o desde cualquier lugar donde almacene sus imágenes. En segundo lugar, utilice un nombre ligeramente diferente para el título de la nueva imagen. Esto se debe al almacenamiento en caché. Es posible que su instalación de WordPress no reconozca el nuevo tamaño de imagen durante bastante tiempo si carga la imagen con el mismo nombre de archivo.

Una vez que haya hecho esto, puede ir un paso más allá y convertir las imágenes recién optimizadas al formato WEBP. Haga esto antes de cargarlos. Ve a la NubeConvertir sitio web. Sigue exactamente el mismo proceso que TinyPNG, excepto que elige convertirlos a WEBP. Luego descargue los archivos y cárguelos en su servidor.

Usar software como Imagify es mucho más fácil, pero al final tendrás imágenes sin procesar optimizadas cargadas, por lo que no necesitarás usar herramientas de conversión de imágenes ni tener conversiones WEBP ejecutándose todo el tiempo.

WEBP es un formato de imagen más nuevo desarrollado por Google. Sus imágenes son mucho más pequeñas que los formatos tradicionales JPG y PNG, por lo que sí debes usarlas, siempre que tu servidor admita la conversión de imágenes tradicionales a WEBP.

En realidad, WEBP surgió en 2010, pero a pesar de ello todavía se considera un formato "emergente". Puede leer que necesita las imágenes JPG/PNG originales como respaldo, así como los formatos WEBP, pero la verdad es que Chrome, Firefox, Safari y todos los demás navegadores principales sí lo admiten, por lo que ahora está bien tener solo versiones WEBP.

¿Mi servidor Apoyo ¿A ellos?

Imagify tiene una configuración automática para habilitarlo en su servidor. La mayoría de los optimizadores de imágenes que convierten a WEBP hacen esto. Verificará y le dirá si su servidor no servirá imágenes WEBP. Básicamente, lo que debe suceder es que WordPress necesite reescribir sus archivos de imagen en una de dos formas para funcionar. Algunos servidores lo permiten, otros no:

La mejor manera es mediante etiquetas de imágenes. Este es un comando HTML5 que reemplazará el parte a un etiqueta. Es bastante simple, pero no todos los servidores lo admiten. La segunda forma es reescribir los archivos mediante el archivo .htaccess. Esta no es la forma preferida de hacerlo, ya que aumenta las solicitudes del servidor al cargar la página. Sin embargo, sigue siendo beneficioso utilizar WEBP si tiene que hacerlo de esta manera.

Kinta es NGINX y ya está configurado para WEBP en caso de que tenga una configuración de servidor no compatible.

Imagify es un proceso automatizado que es muy rápido. El tiempo necesario realmente depende de los tamaños de imagen que esté utilizando. Una imagen normal de menos de 1 MB tardará unos segundos en optimizarse.

Recuerde multiplicar la cantidad de imágenes que se muestran en su biblioteca multimedia por 4 para permitir optimizar todos los tamaños responsivos. Digamos que tiene 100 imágenes, se optimizarán 400. Multiplica eso por un promedio de, digamos, 5 segundos cada uno y te haces una idea. Tardará poco más de media hora en completarse.

Las imágenes más grandes pueden tardar más y las tiendas pueden tardar mucho en completarse. Por ejemplo, si tiene 10.000 imágenes de biblioteca multimedia, necesita optimizar 40.000 imágenes responsivas. Multiplique eso por 5 segundos cada uno y obtendrá 2/3 días para optimizar sus imágenes.

Sin embargo, el sitio web promedio no tiene esta cantidad de imágenes, por lo que el proceso debería completarse en aproximadamente una hora.

Entonces has hecho todas tus imágenes. Vaya y borre todos sus cachés nuevamente y ejecute una prueba de velocidad de página. Ahora notarás que tu sitio web se carga mucho más rápido, especialmente en dispositivos móviles.

Una vez que esté satisfecho con sus imágenes, pase a la siguiente etapa. La siguiente parte del proceso de optimización es la sección de almacenamiento en caché de WP-Rocket, que hará que tus puntuaciones suban aún más.