Esta semana ha sido muy intensa, adelantado trabajos de varios proyectos web que saldrán a la luz en breve, entregando las tarjetas de visita que diseñamos para la frutería Reme, asistiendo a una conferencia del Coach Pepe Cabello, vamos, sin parar…

Hoy vamos a tratar un tema muy importante que todos los administradores de webs deberían conocer:

Cómo optimizar de manera automática las imágenes de tu web, pero antes…

Demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en Wordpress. Es el hosting que usamos nosotros desde hace tiempo.

En pampua.es/webempresa te dejamos los 13 motivos que tienes contratarlo; échale un vistazo!

Contrata tu hosting con un 20% de descuento ahora mismo usando el cupón que te dejamos en pampua.es/webempresa

PORQUE ES IMPORTANTE OPTIMIZAR LAS IMÁGENES?

Reducir el tamaño y comprimir fotos debería ser una obligación para todo aquel que tenga un sitio web o un blog, puesto que son uno de los elementos que más peso aportan a la web.

También es una de las formas más sencillas de aumentar nuestro PageSpeed. (Test de google para medir la velocidad. Te lo dejo en las notas)

Optimizar las imágenes nos aporta varias ventajas:

Disminuir el tiempo de carga de tu web.

Reducir el espacio ocupado en tu servidor.

Optimizar el consumo de transferencia de tu hosting.

Mejorar la optimización Seo de tu WordPress. (A google le gustan las páginas que cargan rápido)

Existen 3 pasos que debemos dar para optimizar la carga de las imágenes:

Reducir el tamaño de las imágenes antes de subirlas a WordPress

Comprimir imágenes subidas con un plugin en WordPress

Optimizar la carga de las imágenes publicadas para mejorar la velocidad de carga de una web.

Vamos a verlas en detalle:

CÓMO REDUCIR EL TAMAÑO DE LAS IMÁGENES ANTES DE SUBIRLAS

Hoy en día usamos cámaras que tienen una resolución maravillosa (incluso las de nuestros smartphones), lo cual es fantástico, pero no podemos subir a nuestra página web las fotos directamente sin tratarlas, puesto que ocuparían entre 2 y 15MB cada una.

El tamaño de una imagen (las dimensiones) está directamente relacionado con el peso (los bytes) de esta.

Las imágenes tal y como salen de la cámara pueden tener entre 3000 y 6000 píxels de ancho, pero si el tamaño al que se van a mostrar en nuestra web es de 700 o 900 píxels de ancho nunca deberíamos subir imágenes mayores, lógico, ¿no? De esta forma ahorramos unos cuantos bytes que no aportarían nada pero que sí serían perjudiciales para la velocidad de carga del sitio web.

Otro punto importante es el tema del formato en el que subimos las fotos, imágenes, ilustraciones, etc. Siempre que puedas, escoge el .jpg o .jpeg por encima del formato .png o gif.

Para reducir el tamaño de las imágenes de forma automática te recomiendo que te instales en tu equipo uno de estos 2 programas:

Resize Expert (si tienes un Mac) es el que usamos nosotros.

Image Resizer (para windows)

Ambos son gratuitos y muy sencillos de utilizar. Simplemente indicas el tamaño de salida de las imágenes y la carpeta donde quieres guardarlas. Seleccionas las fotos que quieres redimensionar y en cuestión de segundos las tienes todas listas.

Una vez que tenemos las imágenes al tamaño que necesitamos ya podemos añadirlas a la biblioteca de nuestro Wordpress.

Pero ahora nos faltaría optimizarlas, comprimirlas. Veamos cómo hacerlo de manera sencilla.

COMPRIMIR LAS IMÁGENES SUBIDAS A WORDPRESS CON UN PLUG...