Desarrollo Web

Cómo detectar y optimizar imágenes para la Web

Uno de los elementos más importantes que nos ayuda a captar la atención de nuestros lectores en la web son las imágenes, pero si nuestras imágenes no están optimizadas pueden convertirse en un verdadero problema, empeorando el tiempo de carga de nuestro sitio web.

Publicado el 12 de Enero de 2018
Compartir

Uno de los elementos más importantes que nos ayuda a captar la atención de nuestros lectores en la web son las imágenes, pero si nuestras imágenes no están optimizadas pueden convertirse en un verdadero problema, empeorando el tiempo de carga de nuestro sitio web haciéndolo lento y de esta forma perdemos usuarios o visitas, también los motores de búsqueda como Google evalúan la velocidad del sitio web afectando así el posicionamiento de la página en los buscadores si la misma es lenta.

Por esta misma razón es conveniente optimizar las imágenes para acelerar la carga de nuestro sitio, de esta forma será mayor la velocidad debido a que nos ahorramos bytes de descargas. Cabe destacar que no siempre el problema es debido a la optimización de la imagen puede ser también un problema de la conexión, por eso primero debemos analizar y detectar los recursos de nuestra web, esto lo podemos hacer con la DevTools donde puedes ver el tamaño de las imágenes, el rendimiento, rastrear pérdidas de memorias, emular otros dispositivos como el móvil, entre otros.

DevTools

[BANNER_SUSCRIPCION]

Existe una herramienta online bastante interesante con la que podemos trabajar para optimizar imágenes nos referimos a jpeg.io, es una aplicación web muy práctica que no requiere registrarse, es gratuita, sencilla, muy intuitiva, permite reducir el peso de una imagen sin afectar su calidad, es compatible con muchos formatos de imagen.

Para utilizarla es muy sencillo:

  • Puedes seleccionar las imágenes desde tu computador, puedes importar las imágenes desde Google Drive, Dropbox y Box o puedes arrastrar y soltar las imágenes sobre la página de jpeg.io
  • Debes esperar a que termine el proceso de optimización.
  • Y listo puedes descargar las imágenes optimizadas, en la página puedes observar cuántos bytes te ahorras luego de la optimización.

Imagen 1 en Cómo detectar y optimizar imágenes para la Web

Recuerda siempre que es importante en realizar una revisión de todos los recursos de tu web, que es esencial optimizar las imágenes antes de subirlas a tu sitio web para reducir el tiempo de carga, mantener a tus usuarios cautivados y estar bien posicionados en los motores de búsqueda.


Fuente de imágenes:

https://resources.blogdumoderateur.com

https://developers.google.com

Artículo desarrollado a partir del vídeo por Jhuly Acosta.


Compartir este post

También te puede interesar...

Tecnología

Sketch vs Photoshop

03 Junio 2016 Esaú Abril Nuñez
Tecnología

Cómo subir fotos, imágenes y otros archivos a un servidor web

06 Mayo 2016 Vicente Herrera
Artículos
Ver todos