El día de hoy me encontraba optimizando la carga de mi blog personal y un par de sitios web que tengo alojados en otros servidores y me fije que cuantos bytes estaba descargando la página en dispositivos móviles y eran bastantes para una página hecha en WordPress.

En base a eso, me he dado la tarea de compartir con la comunidad una solución para las personas que están buscando optimizar las imágenes de sus sitios web y quieren automatizar el proceso, el artículo es sencillo y corto así que se ahorrarán mucho trabajo.


Antes que nada…


Si es la primera vez que utilizas estas herramientas te recomiendo que primero las pruebas con una imagen que no te importe mucho. Las imágenes no son dañadas por las herramientas pero si que pueden resultar dañadas por la configuración que tu establezcas.

Recomendación: haz una copia de seguridad de las imágenes que vas a modificar, posteriormente una vez que verifiques que la calidad no se ha perdido juegues con  los porcentajes.

[ctt template=”1″ link=”8gnl6″ via=”yes” nofollow=”yes”]Optimizar las imágenes de tu sitio influirá demasiado en que tus visitantes se queden o no en tu sitio web.[/ctt]


Cómo utilizar jpegoptim


jpegoptim es la herramienta que te permitirá optimizar imágenes desde una consola, puede ser una en especifico o grandes cantidades de archivos simultáneamente.

Primero que nada necesitamos instalar el paquete, para esto vamos a ejecutar el siguiente código en nuestra consola:

Debian

apt-get install jpegoptim

CentOS

yum install jpegoptim

Verificamos que todo esté en orden ejecutando el siguiente comando en nuestra consola:

$ jpegoptim -V
jpegoptim v1.4.4  x86_64-pc-linux-gnu
Copyright (c) 1996-2016, Timo Kokkonen

libjpeg version: 6b  27-Mar-1998
Copyright (C) 1991-2016 The libjpeg-turbo Project and many others

Posteriormente pasaremos a nuestro directorio en donde se encuentran nuestras imágenes, a modo de prueba yo me he descargado unos ficheros de internet.

$ cd /Escritorio/fotos/

Comandos disponibles

Esta herramienta cuenta con comandos disponibles pero a decir verdad no recomiendo que utilices aparte de los que te voy a mostrar ya que estuve probando y los más básicos serán los que te mostraré que te ayudarán a optimizar tus imágenes en Linux.

Cómo optimizar imágenes

Una vez que hayamos navegado hasta el directorio en donde tenemos las imágenes, ejecutamos el siguiente comando:

jpegoptim --size=30% tufoto.jpg

Esto hará que tu imagen original se comprima un 30% de su tamaño original, yo utilice este porcentaje porque hice una prueba y fue el correcto, las comprime respetando la calidad pero será cuestión de que tu pruebes el % correcto.

Extra: en ves de poner el nombre de la imagen puedes reemplazarlo por un *.jpg, de esta manera comprimirás todas las imágenes con extensión jpg.


Cómo utilizar optipng


El funcionamiento es el mismo que el anterior, solo que necesitarás instalar una herramienta aparte para poder optimizar imágenes .png, el cual puedes lograr con el siguiente comando:

Debian

apt-get install optipng

Ubuntu

yum install optipng

Y en cuestión de funcionamiento es muy similar al de jpegoptim, solamente reemplazas el nombre de la aplicación y empiezas a jugar con los valores que optipng te ofrece, recuerda de hacer una copia de seguridad primero.

Optimizar imágenes png con optipng

Tendremos que ejecutar el siguiente comando en nuestra consola:

optipng tuarchivo.png

Con eso simplemente podemos optimizar una imagen png, le estaremos indicando que optipng utilice por defecto la optimización (es la más recomendada) pero si quieres descubrir más funciones ejecuta el comando optipng --h para más información.

Vídeo explicativo

Obtén beneficios exclusivos

Suscríbete al boletín y obtén beneficios exclusivos directo en tu correo.

Gracias por suscribirte...

Algo salió mal...