Cómo optimizar imágenes para la web [sin complemento]

Cómo hacer que un sitio web se cargue más rápido

Para que el sitio se cargue más rápido es necesario tener una estrategia sobre lo que pondremos en él.

No sirve de nada tener un sitio web lleno de efectos, hermoso y extremadamente cargado, si tarda demasiado en cargarse. Nunca llegarás al Top 1 de Google.

Piénsalo, ¿es necesario tener esta enorme cantidad de plugins?

¿No sería mejor comprimir imágenes manualmente?

Por supuesto, existen decenas de programas gratuitos para comprimir imágenes y hacerlas ligeras y con calidad.

Les voy a mostrar un programa que es fantástico y gratuito. Podemos comprimir a diferentes formatos y mantener la calidad.

IRFANVIEW

Puede descargarlo según su sistema operativo, 32 o 64 bits e instalarlo.

Después de la instalación, vuelva al sitio web y descargue el paquete del complemento según el sistema operativo, 32 o 64 bits, descargue e instale, es muy fácil e intuitivo.

Incluso existe la opción de convertir cualquier tipo de imagen a webp. No es que este formato sea necesario, incluso se puede convertir a jpg.

Veamos la diferencia entre la imagen original y una vez convertida.

A continuación se muestra la imagen original con 474 kb

 

 

cavalo 1 original

¿Es necesario tener todo ese tamaño en una página web?

Claro que no.

No es necesario que sea tan grande, ya que la mayoría de las personas acceden a los sitios utilizando su teléfono celular.

2048x1392

Totalizando sus 474 kb

Vamos a redimensionar y convertir para tener una gran calidad y un tamaño mucho más pequeño.

 

 

cavalo 1 original tamanho total

 

Haga clic en Ctrl + R y cambie el tamaño

 

 

 

cavalo 1 original tamanho redimensionado para 850

Una vez redimensionado, haga clic en el menú Archivo y elija Guardar (carpeta original)

Elijamos el formato JPG y dejemos la calidad al 50%

 

 

 

cavalo 1 escolher o formato e qualidade

La imagen tendrá un tamaño de 39,4 kb.

 

cavalo 1 original 850 compactado para jpg

Entonces, la transformación es como deseamos, esta imagen mantuvo una buena calidad, era más pequeña, sin embargo, para una carga de página hace una gran diferencia.

2048x1392 con un total de 474 kb

por

850x577 con un total de 39,4

Pero si allí en PageSpeed ​​Insights siempre le da el mensaje para poner imágenes WebP y AVIF, entonces puede convertirlo a Webp, así:

 

 cavalo 1 original 850 compactado para webp

Con un tamaño aún más pequeño, manteniendo 850x577 con un total de 26,6 kb

En su computadora, es casi seguro que la imagen será un archivo desconocido o con la opción de abrir solo con su navegador predeterminado, en mi caso uso Yandex y se ve así:

 

formato no se windows

 

Aquí he mezclado imágenes jpg y webp y he mantenido una muy buena marca en PageSpeed ​​Insights debido a factores de alojamiento y siempre trato de hacer el sitio lo más "limpio" posible, usando pocos complementos.