Con las pantallas Full HD ahora un estándar mínimo de funcionamiento e incluso teléfonos inteligentes baratos con al menos cinco cámaras de 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 no representa 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 obstáculo. Además de esto, también tiene que pagar los costos de alojamiento inflados.
No solo los webmasters tienen que lidiar con imágenes que son demasiado grandes. Si ha intentado enviar por correo electrónico algunas fotos a alguien, el tamaño total del correo electrónico puede ser una sorpresa una vez que tenga que enviar por correo diez o veinte instantáneas. Es por eso que un optimizador de imágenes en línea es tu mejor amigo cuando quieres subir, compartir o alojar imágenes.
Estos son cuatro de nuestros optimizadores de imagen en línea favoritos, con una opción de conexión extra incluida cuando Internet se cae, ¡pero a tus plazos no les importa! 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 imágenes, 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, utilizamos una imagen JPG y una imagen PNG. A veces puede comprimir su imagen mucho mejor si la guarda con un formato diferente. Las imágenes JPG son las más adecuadas para imágenes de personas, lugares, cosas, etc. “reales”.
Las imágenes PNG son las más adecuadas para los íconos, 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.io es el hecho de que nos da una excusa para gritar "¡libere 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 descubrir en unos pocos segundos.
Lo mejor de todo es que puede poner en cola varios archivos a la vez para un procesamiento por lotes rápido.
También puede importar fácilmente imágenes de 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 nuestro PNG en aproximadamente un 61% (10 KB).
Aquí está la imagen JPG después de que lanzamos el kraken:
Hay cierta 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 fuertemente sin tanta pérdida de calidad.
Utilice Kraken.io en kraken.io.
Compresor.io
Compresor promete una drástica reducción de tamaño de archivo. "Hasta un 90%" en algunos casos. Si bien la mayoría de las imágenes no tendrán ese tipo de rendimiento, Compressor es una buena opción si prefiere el tamaño absoluto del archivo sobre el detalle 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. Un inconveniente, sin embargo, es el hecho de que solo se puede procesar una imagen a la vez.
Al utilizar 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 aproximadamente un 67%, hasta aproximadamente 8 KB. Esto está muy cerca de lo que Kraken pudo hacer también.
Entonces, ¿cuánto afectó a la calidad de la imagen? Aquí está la versión de Compressor del JPG para la comparación.
Como puede ver, hay una cantidad significativa de ruido agregado a la imagen. Así que es un tamaño de archivo mejor, 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 de tamaño y la calidad de imagen.
La imagen PNG del compresor se veía exactamente igual a la de Kraken, así que no la incluyo aquí.
Utilice Compressor.io en compressor.io
Optimizilla
Optimizilla obtiene puntos de atractivo instantáneo para su mascota de cura, pero también promete un enfoque equilibrado para la optimización de la imagen. Además de esto, puedes 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 ver una vista previa de la imagen resultante en comparación con la 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 el de Kraken. La calidad es mucho mejor que la de un compresor y es comparable a la de Kraken.
El PNG se redujo en un 64% y, de nuevo, fue casi indistinguible del original. También se veía igual que todas las otras versiones comprimidas hasta ahora.
Puedes usar Optimizilla en imagecompressor.com.
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 de los archivos de nuestro JPG con una cantidad decente de pérdida de calidad. La imagen aún es viable si la está publicando en línea o con fines causales, pero hay demasiado ruido para usarla de otra manera.
Nuevamente, el PNG se redujo en aproximadamente un 65% y fue exactamente igual al de los otros resultados.
Una alternativa fuera de línea: RIOT
Si bien los 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 en circunstancias que hagan que la optimización en línea sea menos que ideal.
Quizás necesite procesar una gran cantidad de imágenes o no desee cargar ciertas imágenes por razones de privacidad.
Cualquiera sea la razón por la que tenga que usar un cliente fuera de línea, particularmente nos gusta RIOT o Radical Image Optimization Tool . Este software gratuito puede hacerlo prácticamente todo, a la vez que es bastante fácil de usar.
Tiene un interesante modo automático de sugerencia. Simplemente arrastre la imagen y 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, después 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. Así que puedes poner en cola tantas fotos como tu computadora pueda manejar y luego dejarlas para seguir con el negocio. ¡Una gran ventaja sobre la mayoría de las soluciones en línea gratuitas!
Puede descargar RIOT en luci.criosweb.ro/riot/.
Tan fácil como 1, 2, 3
Con estas herramientas de optimización de imágenes, logrará que su sitio web se cargue más rápido o que ahorre espacio en su servidor web o envíe imágenes manejables por correo electrónico a amigos y familiares.
Es rápido y fácil adelgazar esas imágenes sobrealimentadas para hacerlas más sabrosas. Ni siquiera tienes que poner dinero. Ahora que es una buena oferta, no importa de qué manera lo mires! ¡Disfrutar!
