Ahora que las pantallas Full HD son el 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 la importancia del tamaño de la imagen en la web. Al crear un sitio web, es extremadamente importante tener en cuenta el ancho de banda.
Si bien una imagen grande de alta resolución puede no ser un problema para una conexión de banda ancha moderna, llenar su sitio con activos de alta calidad puede afectar en gran medida la experiencia de navegación. Además, ¡tienes que pagar los costos de alojamiento inflados!
Los webmasters no son los únicos que tienen que lidiar con imágenes excesivas. Si ha intentado enviar algunas fotos por correo electrónico a alguien, el tamaño total del correo electrónico puede ser una sorpresa cuando tiene que publicar diez o veinte instantáneas. Es por eso que un optimizador de imágenes en línea es su mejor amigo cuando se trata de cargar, compartir o alojar imágenes.
Aquí hay cuatro de nuestros optimizadores de imágenes en línea favoritos y se incluye una opción de bonificación fuera de línea cuando expira Internet, ¡pero no importa cuáles sean sus fechas límite! 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 explicar cómo hicimos nuestra prueba. No es muy científico ni 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 puedes comprimir tu imagen mucho mejor si la guardas en otro formato. Las imágenes JPG se adaptan mejor a las imágenes de personas, lugares, objetos, etc. «reales».
Las imágenes PNG son más adecuadas para imágenes, texto, capturas de pantalla de Windows en su escritorio, etc. Aquí está nuestra imagen JPG original (91 KB):
Y aquí está nuestra imagen PNG básica (26 KB):
Kraken.io
La mejor característica de Kraken.io es que nos excusa para «¡liberar al 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 varias capas pagas del producto, que difieren principalmente en la cantidad de gigabytes de datos que puede procesar por mes. La interfaz web rápida y gratuita no le permite cambiar imágenes ni usar otras funciones «Pro», pero es una herramienta simple de arrastrar y soltar que podemos resolver en cuestión de 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 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 la misma que la del original, por lo que me encanta usar el formato PNG tanto como sea posible debido a su capacidad para comprimirse mucho sin perder tanta calidad.
Usa Kraken.io en craic.io.
Compressor.io
Compressor promete una reducción significativa en el tamaño del archivo. “Hasta el 90%” en algunos casos. Si bien la maIría de las imágenes no obtienen ese rendimiento, Compressor es una buena opción si prefiere el tamaño de archivo completo en lugar de detalles de imagen más finos.
La interfaz es atractiva y fácil de usar. También es bueno poder guardar una imagen directamente en su Google Drive o DropBox sin descargarla primero a su computadora. Sin embargo, un inconveniente es que solo se puede procesar una imagen a la vez.
El uso de Compressor en nuestra imagen de prueba resultó en 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, se agrega una cantidad significativa de ruido a la imagen. Entonces es un archivo de mejor tamaño, pero con menos calidad. Deberá experimentar con sus imágenes en diferentes sitios para encontrar uno que logre un buen equilibrio entre una reducción significativa en el tamaño y la calidad de la imagen.
La imagen PNG de un compresor se veía exactamente como la de Kraken, así que no estoy incluido aquí.
Usa Compressor.io en compresor.io
optimizilla
Optimizilla obtiene puntos de atracción instantáneos para su mascota curativa, pero también promete un enfoque equilibrado para la optimización de imágenes. Además, 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 la imagen original.
Esto significa que no tiene que descargar el archivo terminado una y otra vez 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 un compresor y comparable a Kraken.
El PNG se redujo en un 64 % y nuevamente era casi irreconocible para el original. También se veía igual que las otras versiones comprimidas hasta ahora.
Puede utilizar Optimizilla en imagecompressor.com.
Imagen más pequeña
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, logramos una reducción significativa del 54 % en el tamaño del archivo para nuestro JPG con una cantidad razonable 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.
Opción sin conexión: RIOT
Si bien estos cuatro optimizadores de imágenes requieren una conexión a Internet que funcione, esto 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 hacen que la optimización en línea no sea adecuada.
Es posible que deba procesar una gran cantidad de imágenes o que no desee cargar ciertas imágenes por motivos de privacidad.
No importa por qué necesita usar un cliente fuera de línea, nos gusta especialmente RIOT o Radical Image Optimization Tool. Este software gratuito puede hacer casi todo y es relativamente 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, después de que haya sido procesada por RIOT. Al igual que con Compressor, el volumen es menor, 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 manejar tantas imágenes como su computadora pueda poner en cola y luego dejar que continúe con su negocio. ¡Gran ventaja sobre la maIría de las soluciones en línea gratuitas!
Puedes descargar RIOT en luci.criosweb.ro/riot/.
Tan fácil como 1,2,3
Con estas herramientas de optimización de imágenes, su sitio web se carga más rápido o ahorra espacio en su servidor web o envía imágenes tangibles por correo electrónico a amigos y familiares.
Es rápido y fácil reducir esas imágenes demasiado indulgentes en algo más sabroso. Tampoco tienes que poner dinero. Ahora, ¡esa es una buena ganga sin importar cómo la mires! ¡Disfrutar!
