Categorías
Crear un blog

Cómo optimizar imágenes para tu web y ser el más rápido

Si eres de los que cree que con encontrar una imagen en Google que coincida con su post, guardarla en su ordenador y subirla a WordPress, el trabajo ya está hecho… Te equivocas.

Dejaré para otro momento la polémica costumbre de robar imágenes por el simple hecho de que estén presentes en el buscador, así que iré al grano: estás ralentizando tu web.

Hablemos del tamaño

Un error bastante frecuente es el de subir a nuestro WordPress imágenes enormes, gigantescas, para luego utilizarlas al 10%-20% de su tamaño total. ¿Te das cuenta de que estás consumiendo recursos de tu alojamiento tontamente?

Y ahora me dirás, ¡es que yo no tengo Photoshop!

No hace falta tener ningún programa de edición instalado para hacer cambiar el tamaño de una imagen (redimensionar), existen bastantes editores online que te permiten hacerlo de forma gratuita y sin problemas. Ejemplos: Web Resizer, Picasion

¿Y cuál sería el tamaño correcto de una imagen?
Depende mucho de la plantilla que utilices, ya que cada theme usa un tamaño determinado tanto para las imágenes destacadas como para las que ubicamos dentro del post. Pero puedes tomar lo siguiente como referencia:

No vas a necesitar una imagen que tenga más de 1.200px de ancho

Aquí, obviamente, no hablo de fotografías que aspiren a ocupar toda la pantalla. Pero es una buena referencia a tener en cuenta: que el lado más grande no supere los 1.200px

Hablemos del peso

Con tener nuestras imágenes a un tamaño decente la mitad de los problemas quedarán fuera. Pero esto no es todo: también entra aquí la importancia del peso y, por tanto, de la compresión de las imágenes.

Hago un inciso para los usuarios de Photoshop:

Obtendrás diferentes pesos según qué opción utilices para guardar tu imagen. Para empezar, antes de guardar deberás de asegurar de que todas las capas que la conforman están acopladas (Capas > Acoplar imagen). Ahora, dirígete a Archivo > Guardar para Web y dispositivos (IMPORTANTÍSIMA ESTA OPCIÓN). En cuanto a qué formato darle, puedes revisar la guía que hice para saberlo.

Existen herramientas gratuitas que nos permiten comprimir más todavía las imágenes. Tenemos que tener en cuenta que una compresión siempre significa pérdida de información, la clave está en que no sea muy agresiva para poder tener un equilibrio entre peso y calidad.

Algunos programas que puedes descargarte para comprimir tus imágenes:

  • JPEGmini: para windows y mac. Con un trial gratuito durante 30 días, podemos comprimir imágenes .jpeg. Poco agresivo.
  • ImageOptim: para mac. Completamente gratuito, podemos comprimir imágenes .jpg, .png y .gif. Es el que yo suelo utilizar, permite comprimir varias imágenes al mismo tiempo. Admito que es un pelín más agresivo, y se nota más la pérdida de calidad (sobretodo en .PNG).

¿Y qué hago ahora con las imágenes que ya están en mi WordPress sin comprimir?

Por suerte, existen plugins que revisan todas nuestras imágenes y las comprimen. El más conocido y del que más se habla es WP Smush, un plugin gratuito que podemos ampliar con su extensión PRO si lo necesitamos.

Su puesta en funcionamiento es realmente sencilla: para las imágenes que ya están subidas, existe la opción de Optimización Masiva (no necesitas ni seleccionar todas las fotografías).

Un detalle importante a tener en cuenta es que este plugin no analiza imágenes superiores a 1MB, así que si tienes varias que sobrepasen este valor lo mejor es que las optimices tú por separado con cualquier otro programa de los mencionados en el anterior apartado.

¡Ponlo en práctica!

Si te parece, me gustaría que hicieras la siguiente comprobación.
Antes de ponerte a optimizar imágenes, accede a Pingdom Tools e introduce la dirección de tu web. Cuando tengas los resultados, haz una captura de pantalla (o apunta los datos en algún lugar).

Luego optimiza todas las imágenes (con el plugin o los programas) y, una vez termines todo el proceso, vuelve a pasar el test de Pingdom Tools. ¿Han mejorado los resultados? ¡Compártelos aquí!

Deja un comentario

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




Lúa Louro te informa que los datos de carácter personal que proporciones cubriendo este formulario serán tratados por Lúa Louro González como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicito es para gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud. Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Raiola (mi proveedor de hosting) dentro de la UE. Ver la política de privacidad de Raiola. Legitimación: Consentimiento del interesado. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en hola@lualouro.com así como el derecho a presentar una reclamación ante una autoridad de control.Puedes consultar la información adicional y detallada sobre Protección de Datos en https://lualouro.com, así como consultar mi política de privacidad.