Uno de los principales problemas en la velocidad de carga de la web es el tema de las imágenes, estas deben tener las medidas necesarias y estar comprimidas. En este artículo vamos a ver Cómo OPTIMIZAR tus imágenes para la WEB y REDES SOCIALES gratis
Pensamos erróneamente que si reducimos el tamaño o comprimimos perdemos calidad y no es así. Es verdad que si la fotografía es más grande y la reducimos perdemos calidad, si es al revés no, por eso es muy importante que sepamos qué tamaño es el que necesitas para la web, si por ejemplo, el tamaño de la imagen de tu ficha de producto es 500*500 no es necesario que el tamaño de la imagen sea 1500*1500 ya que así sólo vas a cargar la página.
Lo mismo pasa con la comprensión de las imágenes, NUNCA debemos subir una imagen a la web sin comprimirla antes y cuando me refiero a comprimir es reducir el peso, no bajar la calidad de la imagen.
Optimizar las imágenes significa mejorar la experiencia de tus usuarios, ya que la página va más rápido y ellos encuentran lo que buscan antes. Lo más gracioso de todo esto es que las imágenes son uno de los factores de optimización web y velocidad de carga más importantes, incluso más que la mejora de scripts y, en cambio, es de lo que menos se hace por pensar que no merece la pena.
¿Qué beneficios me aporta optimizar las imágenes en mi web?
Muchos son los beneficios de una buena optimización, por ejemplo:
- Mejora el SEO de tu web, ya que al ser más rápido es más probable que google indexe antes tus imágenes y lo tenga en cuenta ya que odia las webs lentas. Puedes ver aquí el tiempo de carga de tu web o en GTMETRIX que a mí me gusta más aunque yo siempre miro las dos.
- Al tener las imágenes optimizadas, su web tardará menos en cargar lo que hará que los visitantes no se vayan por aburrimiento.
- Al ser más pequeñas las imágenes, se necesita menos ancho de banda y los navegadores estarán más contentos con esto.
¿Qué formato utilizo?
En las webs por norma general se usan 3, PNG , JPG, GIF Y SVG, dependiendo de la calidad que necesites puedes usar una u otra, SVG es una imagen vectorial, con lo que podemos escalarla y hacer todo sin perder calidad, PNG suele ser la que más pesa pero te permite fondo transparente. Y JPG es de las más usadas.
- PNG – produce imágenes de mayor calidad, pero también tiene un tamaño de archivo mayor.
- JPEG – Puede ajustar el nivel de calidad de un buen equilibrio entre calidad y tamaño de archivo.
- GIF – Sólo utiliza 256 colores. Es la mejor opción para imágenes animadas. Sólo se utiliza compresión sin pérdidas.
- SVG.- Un SVG es una imagen vectorial, lo que significa que la podemos escalar, pesa pocos megas y permite, a diferencia de los formatos estándar (mapa de bits), una definición mayor en tamaños reducidos.
Plugins para optimización de imágenes en la web.
Yo soy más partidaria de subir la imagen ya optimizada a la web y ahorrar así un plugin, es verdad que si tu web tiene muchas imágenes estos plugins ayudan mucho.
Wp Smush , Imagify , TinyPNG, Iloveimg
Quitar el Fondo blanco de tu imágenes también hace que estén más optimizadas visualmente ya que son más profesionales , en este vídeo te enseño como quitar el fondo blanco de las imágenes en 5 segundos:
Enlaces de interés:
Deja una respuesta