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...