Como optimizar las imagenes de tu web

El peso de las imágenes en tu web es un detalle muy importante si quieres una web que cargue rápido.

En muchas ocasiones, cuando buscamos y seleccionamos imágenes para nuestro blog, no nos preocupamos ni de su tamaño ni de su peso ya que WordPress la ajustará automáticamente al tamaño que tiene la imagen en nuestro post.

Esto es un error ya que el hecho de que nuestra instalación de WordPress ajuste automáticamente el tamaño no quiere decir que la imagen quede optimizada y que por tanto pese menos y alivie la carga de nuestra web.

Voy a daros un par de pautas a seguir para corregir esta mala costumbre y tratar un poco nuestras imágenes antes de utilizarlas en nuestra web obteniendo así mejores resultados.

Pongámonos en el caso de que ya tenemos el texto de nuestro post preparado y solo nos queda acompañarlo de un par de imágenes que lo ilustrarán y una tercera imagen como imagen destacada del post. Nos ponemos a buscar nuestras imágenes en Pixabay y encontramos 3 imágenes que se adaptan perfectamente a nuestro texto así que las descargamos.

Aquí es donde viene los pasos previos a subirlas a vuestro blog y que conseguirán optimizarlas.

Posiblemente te has descargado una imagen de por ejemplo 3000×2000 píxeles, pero tu blog tiene un ancho máximo de 900 píxeles. El primer paso es reducir el tamaño de esa imagen al tamaño real de tu blog, es decir abrirla con un editor de imágenes y reducirla proporcionalmente hasta que el ancho de la misma sea 900 píxeles. Con esto conseguimos una imagen del tamaño que necesitamos y nos ahorramos el subir a nuestro blog una imagen que es tres veces más grande del tamaño que realmente va a mostrarse en pantalla.

Una vez tenemos la imagen al tamaño adecuado llega el turno de reducir su peso lo máximo posible sin comprometer su calidad.

¿Como?

Para ello podemos utilizar un servicio online llamado Tiny PNG o Tiny JPG (depende del formato de vuestra imagen) que comprimirá la imagen hasta obtener unos pesos de imagen increíbles sin perder calidad apreciable en la imagen.

Este servicio es gratuito y os ayudará a mejorar los tiempos de carga de vuestra web y por tanto os haréis un poco más amigos de vuestros usuarios y de Google.

Para terminar os dejo un ejemplo práctico de los resultados que se obtienen siguiendo estos sencillos pasos.

¿Te ha gustado? ¡Compártelo!Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Elies González
Elies González
Diseñador Gráfico y Web especialista en Wordpress. Freelance en eliesgonzalez.com

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies