Cómo reducir el tamaño de la imagen para sus sitios web (sin perder calidad)

Actualizado: 2022-04-25 / Artículo por: Jason Chow

Reducir el tamaño de la imagen del sitio web es esencial para garantizar que sus visitantes obtengan una experiencia óptima. Ser tan "pesado" significa que las imágenes también causan tiempos de carga de página más prolongados, lo que Google odia. Dejar imágenes sin optimizar puede tener consecuencias en la clasificación de la página de resultados del motor de búsqueda (SERP).

Los propietarios de sitios web a menudo tienen una relación de amor y odio con las imágenes. Los amamos por la rica experiencia que pueden brindar a nuestros usuarios. Sin embargo, las imágenes a menudo causan una cantidad desproporcionada de sobrecarga de recursos. Para evitar esto, podemos trabajar para reducir el tamaño de las imágenes de varias maneras;

Recuerde que reducir el tamaño de la imagen significa reducir el tamaño del archivo, no solo reducir las dimensiones de los píxeles. 

1. Usar un editor de imágenes

Pintura de ms

La forma más sencilla de reducir el tamaño de la imagen es utilizar una herramienta como Microsoft Paint (o GIMP si estás en Linux). Descargué un archivo relativamente grande en la imagen de arriba, originalmente de 3724 x 2400 píxeles de dimensión. Ocupó 1.2 MB, lo que es significativo para el uso web.

Al abrirlo en Microsoft Paint, lo redimensioné a 1024 píxeles de ancho con una reducción proporcional en la altura. Eso resultó en una imagen de 1024 x 659 píxeles con un tamaño de solo 273 kb. Como puede ver, la reducción del tamaño de la imagen ahorró más de cinco veces el tamaño del archivo original.

2. Uso de la compresión de imágenes

Compresión de imagen

La compresión de imágenes puede ayudar a reducir aún más el tamaño de las imágenes. Cada imagen contiene componentes como la calidad del color, la densidad de píxeles y más. Cuanto mejor es la calidad, más datos tiene la foto y, por lo tanto, ocupa un tamaño mayor.

No siempre necesitamos imágenes de la mejor calidad para uso web, especialmente en esta era de dispositivos móviles. Por eso, puedes comprimir imágenes con una herramienta en línea como Optimizilla. Esta herramienta le permite controlar la calidad de la imagen para reducir el tamaño de la imagen.

Al configurar una calidad de imagen de 70, reduje la imagen reducida de 274 kb a menos de 80 kb. Recuerde, esto se compara con el tamaño de la imagen original de más de 1.2 MB.

3. Conversión de imágenes a otros formatos

Las imágenes vienen en varios tipos, lo que afecta su calidad y tamaño. Por ejemplo, la misma imagen en JPG podría ser considerablemente más pequeña que la misma en formato BMP. Hoy en día, muchos sitios web se están moviendo hacia formatos de imagen de próxima generación como WebP.

Una vez más, mediante el uso de una herramienta en línea como Convert en línea, puedo cambiar rápidamente la imagen original del lobo de formato JPG a WebP. Este cambio resultó en un mayor ahorro de tamaño, con el archivo WebP ahora solo 28.7kb. 

4. Utilice un complemento de WordPress

Smush

Si necesita procesar varias imágenes y ejecutar un WordPress sitio web, hay una opción aún mejor. Los complementos de optimización de imágenes pueden hacer todo lo anterior incluso sin su intervención. Los ejemplos de complementos de optimización de imágenes de buena reputación incluyen Optimizador EWWW, Imagen Smushy Imagify.

La ventaja de usar estos complementos es que pueden funcionar de forma independiente y no tendrá que preocuparse una vez que haya configurado las cosas. Sin embargo, el uso de complementos aumenta el consumo general de recursos en su sitio web, así que elija sus complementos sabiamente.

Reflexión final sobre la reducción del tamaño de las imágenes

Los diversos métodos que se muestran no son mutuamente excluyentes. Puede elegir usar uno, dos o los tres, y los resultados generalmente solo mejorarán. El objetivo principal es reducir el tamaño de los archivos tanto como sea posible sin sacrificar demasiado la calidad de la imagen.

Recuerde que cuanto más ligero sea su sitio web, más ventajoso será para sus lectores y para usted. Obtienen una experiencia de carga más fluida mientras paga menos por el almacenamiento y el ancho de banda. Es una situación de ganar-ganar.

Más información:

Acerca de Jason Chow

Jason es un fanático de la tecnología y el espíritu empresarial. Le encanta construir un sitio web. Puedes ponerte en contacto con él a través de Twitter.