Con las pantallas Full HD ahora como un estándar mínimo de trabajo e incluso los teléfonos inteligentes baratos con cámaras de al menos cinco megapíxeles, es fácil olvidar cuánto importa el tamaño de la imagen en la web. Cuando alguien crea un sitio web, es increíblemente importante tener en cuenta el ancho de banda.
Si bien una imagen grande y de alta resolución puede no representar un problema para una conexión de banda ancha moderna, llenar su sitio con activos de alta calidad puede convertir la experiencia de navegación en un verdadero lastre. Además de esto, ¡también tiene que pagar los costos de alojamiento inflados!
No solo los webmasters tienen que lidiar con imágenes demasiado grandes. Si ha intentado enviar algunas fotos por correo electrónico a alguien, el tamaño total del correo electrónico puede ser sorprendente una vez que tenga que enviar diez o veinte instantáneas. Es por eso que un optimizador de imágenes en línea es su mejor amigo cuando desea cargar, compartir o alojar imágenes.
Estos son cuatro de nuestros optimizadores de imágenes en línea favoritos con una opción adicional fuera de línea incluida para cuando Internet se cae, ¡pero sus plazos no importan! Además, asegúrese de leer nuestra publicación anterior sobre otras formas de reducir el tamaño de la imagen.
Configuración de prueba de imagen
Antes de entrar en cada compresor de imagen, quiero configurar cómo hicimos nuestra prueba. No es muy científico o extenso; es solo una serie de compresiones por diferentes motores de compresión y eso es todo.
Para mostrar la diferencia que hace el formato de archivo en términos de compresión, usamos una imagen JPG y una imagen PNG. A veces puede comprimir su imagen mucho mejor si la guarda en un formato diferente. Las imágenes JPG son más adecuadas para imágenes de personas reales, lugares, cosas, etc.
Las imágenes PNG son más adecuadas para iconos, texto, capturas de pantalla de ventanas en su escritorio, etc. Aquí está nuestra imagen JPG original (91 KB):
Y aquí está nuestra imagen PNG original (26 KB):
Kraken.io
La mejor característica de Kraken.ios es el hecho de que nos da una excusa para gritar ¡suelta el kraken! cada vez que lo usamos, pero aparte de eso, es una de las soluciones más rápidas que hemos probado y bastante simple de usar.
Hay varios niveles de pago del producto, que se diferencian principalmente por la cantidad de gigabytes de datos que puede procesar por mes. La interfaz web rápida y gratuita no le permite cambiar el tamaño de las imágenes ni usar otras funciones Pro, pero es una herramienta simple de arrastrar y soltar que podríamos resolver en solo unos segundos.
Lo mejor de todo es que puede poner en cola varios archivos a la vez para un rápido procesamiento por lotes.
También puede importar fácilmente imágenes desde Google Drive o Dropbox con un clic. En nuestra prueba, Kraken redujo el tamaño de nuestra imagen JPG en aproximadamente un 15 % (78 KB) y nuestra imagen PNG en aproximadamente un 61 % (10 KB).
Aquí está la imagen JPG después de que lanzamos el kraken:
Hay algo de pérdida de calidad, pero la imagen aún se ve bastante bien y su sitio web estará más optimizado gracias a la optimización. Aquí está la imagen PNG después de la compresión:
La calidad del PNG comprimido es casi idéntica a la original, por lo que me encanta usar el formato PNG tanto como sea posible debido a su capacidad para comprimirse mucho sin tanta pérdida de calidad.
Compressor.io
Compressor promete una reducción drástica del tamaño de los archivos. Hasta el 90% en algunos casos. Si bien la mayoría de las imágenes no obtendrán ese tipo de rendimiento, Compressor es una buena opción si prefiere el tamaño de archivo absoluto sobre los detalles finos de la imagen.
La interfaz es atractiva y fácil de usar. También es bueno que pueda guardar una imagen directamente en su Google Drive o DropBox sin descargarla primero a su computadora. Sin embargo, una desventaja es el hecho de que solo se puede procesar una imagen a la vez.
Al usar Compressor en nuestra imagen de prueba, hubo una reducción muy agresiva del 28 % en el tamaño de la imagen para la imagen JPG (66 KB).
Para la imagen PNG, redujo el tamaño de la imagen en un 67 %, hasta unos 8 KB. Esto está muy cerca de lo que Kraken también pudo hacer.
Entonces, ¿cuánto afectó la calidad de la imagen? Aquí está la versión de Compressor del JPG para comparar.
Como puede ver, hay una cantidad significativa de ruido añadido a la imagen. Entonces es un mejor tamaño de archivo, pero con menos calidad. Tendrá que probar sus imágenes en diferentes sitios para encontrar uno que logre un buen equilibrio entre la reducción sustancial del tamaño y la calidad de la imagen.
La imagen PNG del compresor se veía exactamente como la de Kraken, así que no la incluyo aquí.
Optimizilla
Optimizilla obtiene puntos de atracción instantáneos por su mascota cura, pero también promete un enfoque equilibrado para la optimización de imágenes. Además de esto, puede poner en cola hasta veinte imágenes. Optimizilla también tiene una interfaz muy potente.
Optimizilla le permite establecer niveles de calidad individuales para sus imágenes. Puede ajustar esto fácilmente con un control deslizante y luego también obtener una vista previa de la imagen resultante en comparación con el original.
Esto significa que no tiene que descargar repetidamente el archivo terminado hasta que esté satisfecho con la calidad.
De manera predeterminada, obtuvimos una reducción del 23 % en el tamaño del archivo para JPG (70 KB). El tamaño de JPG es más grande que el compresor, pero más pequeño que Kraken. La calidad es mucho mejor que el compresor y comparable a Kraken.
El PNG se redujo en un 64 % y nuevamente era casi indistinguible del original. También tenía el mismo aspecto que todas las demás versiones comprimidas hasta ahora.
ImageSmaller
ImageSmaller es otra buena herramienta de compresión en línea que ofrece resultados decentes, aunque está restringido a procesar solo una imagen a la vez.
En nuestro caso, obtuvimos una impresionante reducción del 54 % en el tamaño del archivo para nuestro JPG con una cantidad decente de pérdida de calidad. La imagen aún funciona si la publica en línea o con fines causales, pero hay demasiado ruido para usarla de otra manera.
Una vez más, el PNG se redujo en aproximadamente un 65 % y fue exactamente igual que los otros resultados.
Una alternativa fuera de línea: RIOT
Si bien estos cuatro optimizadores de imagen requieren una conexión a Internet que funcione, eso no siempre es posible. Por lo tanto, es una buena idea tener una aplicación fuera de línea como respaldo o bajo circunstancias que hacen que la optimización en línea sea menos que ideal.
Tal vez necesite procesar una gran cantidad de imágenes o no desee cargar ciertas imágenes por motivos de privacidad.
Cualquiera que sea la razón por la que tenga que usar un cliente fuera de línea, nos gusta especialmente RIOT o Radical Image Optimization Tool. Este software gratuito puede prácticamente hacerlo todo, a la vez que es bastante fácil de usar.
Tiene un interesante modo de sugerencia automática. Simplemente arrastre la imagen y le sugerirá un nivel adecuado de compresión.
Usando la configuración automática, obtenemos una reducción del 28% en el tamaño de la imagen (66 KB). Aquí está la imagen, luego de ser procesada por RIOT. Al igual que con Compressor, el tamaño es más pequeño, pero el nivel de ruido es muy alto.
Otra cosa que vale la pena mencionar sobre RIOT es que el software viene con un modo de conversión por lotes. Por lo tanto, puede poner en cola tantas imágenes como su computadora pueda manejar y luego dejarlo para continuar con el trabajo. ¡Una gran ventaja sobre la mayoría de las soluciones en línea gratuitas!
Tan fácil como 1,2,3
Con estas herramientas de optimización de imágenes, hará que su sitio web se cargue más rápido o ahorre espacio en su servidor web o envíe imágenes manejables por correo electrónico a amigos y familiares.
