▶ Cómo optimizar blog [ Reducir el peso de imágenes ]

TinyPNG es una plataforma virtual gratuita (Existe la versión premium pero es cuando optimizarás imágenes en masa, o una empresa entera) que nos ofrece bajar el peso de tus imágenes sin perder un toque de calidad, ¡Hasta un 80%!.

Utilizan un método de compresión avanzado el cuál es compatible con archivos JPEG, PNG y PNG con transparencia activa. También, si resulta útil, es compatible con animaciones PNG.

¡Para eso estamos aquí! Lo primero que necesitamos realizar es ir al sitio de TinyPNG. Es muy intuitivo y limpio, será fácil adaptarte a el.

Por siguiente, necesitarás colocar las imágenes que necesitas optimizar a continuación. Te recomendamos acumular las imágenes que utilizarás para colocarlas en un paquete, hay que ser más eficientes:)

Para que no dudes de nuestra palabra, colocaremos las siguientes imágenes, (puedes descargarlas para verificar su peso) que serán optimizadas dentro de la plataforma.

Están bonitas las imágenes ¿No?

Ya colocadas las imágenes, el sitio procederá a optimizar tus imágenes y reducir su peso sin ningún tipo de publicidad o método de pago extra. Fácil, sencillo y rápido.

Como apreciamos, llegó a reducir el peso de las dos imágenes hasta un 80%. Es decir, que en vez de cargar 1.40 MB al introducir al sitio, solamente estarán cargando 281 KB. ¡Mas del doble!

Entonces, colocaremos las imágenes optimizadas a continuación para que te detengas a observar si hay alguna diferencia. Todas las imágenes de este post han sido procesadas en ese sitio web.

Y esto son tan solo dos imágenes. Si llegamos a crear un sitio web no optimizado, podríamos a llegar a aburrir a nuestros visitantes por el simple hecho de que tengan que esperar mas de 4 segundos para entrar a un blog. Recuerda que debemos ser lo más accesible posible, tus visitantes te lo agradecerán.

Si. A día de hoy los navegadores populares como Chrome, Firefox, Opera, Microsoft Edge y Safari soportan la compresión de TinyPNG. Se ha trabajado en este proyecto en 2014 (Como lo cuenta en el sitio oficial) para que no haya ningún problema al utilizar su método de compresión.

Aún así, informan que Microsoft Edge tiene conflictos para visualizar los archivos animados en formato PNG, lo cuál están solucionando. Tal vez, cuando leas este post, ya está solucionado.

Imaginemos que tienes un blog. En tu página principal se muestran 10 miniaturas de tus post más recientes. Cada miniatura pesa aproximadamente 2 MB, por lo cuál el visitante tendrá que cargar 20 MB por el simple hecho de entrar a tu blog. Ahora, si optimizamos cada imágen, y reduce su peso a 200 kb, por las 10 imágenes, estaría cargando 2 MB, es decir, 10 veces más rápido que si no usaras la optimización. Y esto es un ejemplo sencillo, sin contar la miniatura de los post populares, los post recientes, tu logo, y todas las imágenes estáticas que se pueden presentar.

No debemos dejar pasar ningún punto de optimización, porqué estaríamos descuidando nuestro blog, nuestro SEO, nuestro posicionamiento, y nuestra empatía por nuestros visitantes.

TinyPNG cuenta con un plugin gratuito (y una versión de pago) para optimizar tus imágenes automáticamente. Permite optimizar 100 imágenes mensuales e ilimitadas en la versión de pago.

Desafortunadamente, para Blogger necesitaremos hacerlo a mano, debido a la incapacidad de poder insertar Plugins. No dudo que en un futuro lo integren, pero mientras tanto, a hacerlo en el modo tradicional.

En conclusión, no hay nada que perder si optimizas tus imágenes. Podrías estar utilizando 2 minutos de tu vida al realizar el procedimiento, pero valdrá la pena a corto, mediano y largo plazo. El tiempo de carga es importante y Google lo toma muy en serio. 

Si quieres saber como optimizar tu blog comprimiendolo con Gzip, una herramienta que optimiza tu HTTP Request hasta un 90% y acelera el tiempo de carga, te invito ver mi post y echandole una ojeada.