Nuevo artículo para que aprendas sobre el topic del que te hablamos aquí.
Espero que te ayude:
Con las pantallas Full HD que ahora son 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 muy 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 debe pagar los costos de alojamiento inflados!
No son solo los webmasters los que 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 resultar 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 sin conexión incluida para cuando se cae Internet, ¡pero sus fechas límite 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 imágenes, quiero configurar 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, 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, lugares, cosas, etc. “reales”.
Las imágenes PNG son las más adecuadas para iconos, texto, capturas de pantalla de Windows 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 “¡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 pagados 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 utilizar otras funciones “Pro”, pero es una herramienta simple de arrastrar y soltar que podríamos descubrir en tan solo unos 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 imágenes fácilmente 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 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 del original, por lo que me encanta usar el formato PNG tanto como sea posible debido a su capacidad para ser muy comprimido sin tanta pérdida de calidad.
Utilice Kraken.io en kraken.io.
Compressor.io
Compressor promete una reducción drástica del tamaño del archivo. “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.
Usando Compressor en nuestra imagen de prueba, hubo una reducción muy agresiva del 28% en el tamaño de 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 también pudo hacer.
Entonces, ¿cuánto afectó a la calidad de la imagen? Aquí está la versión Compressor del JPG para comparar.
Como puede ver, hay una cantidad significativa de ruido agregado a la imagen. Por tanto, es un archivo de mejor tamaño, 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 incluiré aquí.
Utilice Compressor.io en compresor.io
Optimizilla
Optimizilla obtiene puntos de atractivo instantáneo por su mascota curativa, pero también promete un enfoque equilibrado para la optimización de la imagen. 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 forma predeterminada, obtuvimos una reducción del 23% en el tamaño del archivo para el JPG (70 KB). El tamaño de JPG es más grande que el del compresor, pero más pequeño que el Kraken. La calidad es mucho mejor que la del compresor y comparable a la de Kraken.
El PNG se redujo en un 64% y, nuevamente, era casi indistinguible del original. También se veía igual que todas las demás versiones comprimidas hasta ahora.
Puede utilizar Optimizilla en imagecompressor.com.
ImagenMás pequeño
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 es viable si la publica 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 que los otros resultados.
Una alternativa sin conexión: RIOT
Si bien los cuatro optimizadores de imágenes 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 hacen que la optimización en línea sea menos que ideal.
Quizás necesite procesar una gran cantidad de imágenes o no quiera cargar ciertas imágenes por razones de privacidad.
Cualquiera sea la razón por la que tenga que utilizar un cliente fuera de línea, nos gusta especialmente RIOT o Herramienta de optimización de imagen radical. Este software gratuito puede hacerlo prácticamente todo, a la vez que es bastante fácil de usar.
Tiene un interesante modo de sugerencia automática. Simplemente arrastre la imagen hacia adentro 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 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 poner en cola tantas imágenes como su computadora pueda manejar y luego dejar que continúe con sus negocios. ¡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, conseguirá que su sitio web se cargue más rápido o ahorrará algo de espacio en su servidor web o enviará imágenes manejables por correo electrónico a amigos y familiares.
Es rápido y fácil reducir esas imágenes sobrealimentadas a algo más agradable. Ni siquiera tienes que depositar dinero. ¡Eso es un buen negocio, no importa de qué manera lo mires! ¡Disfrutar!