Compresión con pérdidas frente a la compresión sin pérdida: una guía para principiantes para ambos formatos

Las imágenes digitales son una parte inherente de la web y es difícil crear cualquier contenido sin algunos medios. La humilde imagen estática es una excelente manera de dar un contexto adicional a su escritura.
Sin embargo, una imagen puede ser enorme en el tamaño del archivo sin optimización. La compresión con pérdidas vsless compresión es una consideración común, porque cada una puede reducir el tamaño de una imagen, aunque hay compromisos de calidad a considerar. Casi siempre tendrá que aplicar una compresión a una imagen. Esto mantiene la calidad en un nivel que especifica como aceptable, al tiempo que mantiene las dimensiones de los archivos reducidos. Elegir el nivel de compresión correcto dependerá de sus objetivos y requisitos finales.
Para esta publicación, analizaremos la compresión con pérdidas vs sin pérdida. Con el tiempo, hablaremos sobre el proceso que una imagen tiene que alcanzar la “forma”, que es la compresión y muchos otros aspectos de la optimización de imágenes.
Las diferencias entre la pérdida y la pérdida cuando se trata de compresiones de imágenes digitales, hay varios formatos diferentes para elegir. A veces tendrán otros nombres, dependiendo de muchos factores. Sin embargo, en un nivel básico, encontrará dos tipos:
Compresión con pérdidas: el objetivo aquí es proporcionar el tamaño de archivo más pequeño posible para una imagen. Como tal, la calidad de la imagen a menudo está en la lista de prioridades.
Compresión de pérdida: continuará encontrando una reducción sustancial en el tamaño del archivo con este formato de compresión, pero la imagen no sufrirá artefactos y otros problemas.
En la mayoría de los casos, su decisión sobre qué formato se utilizará se reducirá al objetivo final: ¿desea archivos pequeños o enfocarse en mantener la calidad? La compresión con pérdidas eliminará permanentemente los datos que considera inútiles en la imagen. Utiliza muchas técnicas diferentes para lograr esto, lo que resulta en archivos mucho más pequeños. Además, ninguna compresión de pérdida elimina los datos, pero puede restaurar el original si es necesario. El propósito es mantener una alta calidad, sin embargo, para reducir el tamaño del archivo. Hay algunas maneras de lograr esto, pero el resultado a menudo es el mismo. Para conocer la opción correcta para sus necesidades, primero retroceda y revise los elementos básicos de las imágenes y la compresión en general.
Compresión con pérdidas frente a la compresión de pérdida de pérdida: ¿cuál es adecuada para sus imágenes? Haga clic para enviar elementos de una imagen digital en tweet al igual que el software y el desarrollo web, a menudo hay una “pila” para asumir una cámara web. Una imagen comienza como datos “brutos” (de ahí el nombre RAW). Es similar al código de una aplicación: los fragmentos, líneas y valores se traducen en fondos de color, sustitutos de imágenes, elementos dinámicos y más. Para una imagen, el archivo RAW presenta una representación de imagen ligeramente diferente, basada en el fabricante de la cámara, el software de edición, el algoritmo de espacio de color y más. A partir de ahí, edite la imagen y expórtela como uno de varios formatos de archivo (más sobre estos más adelante):
Un ejemplo de edición de un archivo sin procesar en Capture One. Hay algunos elementos diferentes que forman una imagen digital estándar: Tipo de archivo: diferentes tipos proporcionarán cualidades que se ajustan o no a la imagen final. La clave es elegir el tipo de archivo de tipo más adecuado.

Resolución: a menudo verá esto expresado como megapíxeles (SQM), pero también usará píxeles en pulgadas (PPI) o puntos de pulgada (DPI). Las resoluciones más altas proporcionan una mayor calidad, pero también aumentan el tamaño inicial del archivo
Profundidad de bits: este aspecto determina la información de color en una imagen. Una profundidad de mordida poco profunda jugará solo unos pocos colores, mientras que una gran profundidad de mordida podría jugar millones de colores simultáneamente. En general, más grande es mejor.
Dimensiones: este es el espacio físico que ocupa una imagen. Por ejemplo, 1,000 píxeles x 500 píxeles podrían definir el tamaño total de una imagen.
Espacio de color: este es un algoritmo que determina cómo se muestran los colores. Cada espacio de color se configura de manera diferente y a menudo se reduce a las preferencias del fotógrafo.
Estos elementos se combinan para proporcionar una imagen final de calidad variable. Por ejemplo, una foto JPEG alta de alta resolución y profundidad de alta bits proporcionará una calidad y claridad suprema:
Una imagen de alta calidad. En cambio, incluso una imagen grande y una capacidad para mostrar muchos colores pueden verse débiles en una resolución de baja:
Una imagen de baja calidad. Este equilibrio es cómo desarrolla la imagen básica antes de aplicar la compresión. Sin embargo, el formato que usa para la imagen juega un papel importante en la calidad final. Cómo funciona la optimización de imágenes web porque la compresión de la imagen es la misma en general bajo el capó, puede aplicar reglas estándar en cómo optimiza las imágenes web. Cubrimos muchos de estos conceptos en otras partes del blog Kinsta, pero vale la pena proporcionar un resumen rápido de referencia: use 72 resolución PPI, ya que este es el estándar para la web. Puede usar un PPI/DPI más grande por razones de archivo, pero suponga que publica en la web.

Establezca el “borde largo” de la imagen en 2048px, ya que esto es óptimo para muchas aplicaciones diferentes.

Use una profundidad de color de 8 bits si tiene la opción.
Ejecute una imagen mediante una herramienta de compresión y optimización antes de publicarla.
Es un formato simple que puede darle resultados consistentes, aunque la compresión y la optimización son algo que extenderemos al resto de este artículo. Para este propósito, veamos los beneficios y desventajas de la compresión de pérdidas. sin pérdidas.
¿Cómo puede la compresión de sus imágenes web ayudarlo en términos generales? La “compresión” recopila el mínimo y el máximo más cerca del otro. Por ejemplo, la compresión aumenta el volumen más bajo en la música y reduce el más grande. Esto hace que el nivel promedio sea más fuerte para el oído. Para las imágenes, la compresión es más un proceso reductor. Esto significa que se pone un mayor énfasis en eliminar los datos de la imagen para reducir el tamaño del archivo, al tiempo que mantiene la más alta calidad posible. Hay muchos algoritmos de propietarios diferentes para ayudar a reducir el tamaño de los archivos de imagen. En muchos casos, son propiedad de una empresa en particular. Encontrará muchos estándares de compresión “con pérdidas” y “sin pérdidas”, cada uno con descriptores únicos: opciones de compresión en shortpixel. Dicho todo esto, hay muchos beneficios en la aplicación de la compresión de la imagen que no son exclusivas de un formato particular:
Puede mantener las bajas dimensiones del archivo, lo que mejora el rendimiento de su sitio.
Por extensión, su servidor de sitio tendrá menos trabajo que hacer, lo que afectará el rendimiento.
Los archivos pequeños de los archivos ayudan a reducir las emisiones del servidor. Como tal, usted contribuye a un futuro duradero y ético.

Puede mostrar una calidad casi perfecta y comparable, dependiendo del algoritmo y la calidad de la compresión que elija.
Al igual que crear una imagen que se pueda compartir, el juego con diferentes valores de compresión, el uso de una empresa en particular y elegir el algoritmo correcto es vital para encontrar resultados que funcionen para usted.
Las ventajas y desventajas de la compresión con compresión de pérdida con pérdidas reducen el tamaño del archivo de imagen, casi excluyendo todos los demás aspectos. La forma en que funciona el algoritmo es la eliminación definitiva de los datos. Esto puede ser tan destructivo como parece. Aunque no entraremos demasiado en tuercas y tornillos, usted sabe que algunas de las eliminaciones de compresión son visibles en la imagen. La idea es proporcionar la mejor representación de la imagen original de alta calidad, con un peso más bajo, y esto significa que algunos datos no superarán. En general, hay algunos beneficios en el uso de la compresión de pérdidas:
Regístrese para el boletín
¿Quieres saber cómo aumentar nuestro tráfico por más del 1000%? ¡Únase a las más de 20,000 personas que reciben nuestro boletín semanal con los consejos de WordPress!
Suscríbase ahora
Las dimensiones de los archivos serán pequeñas, en algunos casos, por debajo de 10 kilo (KB).
La pérdida de calidad será aceptable en muchos casos, a pesar de los artefactos.
Esto nos lleva a los negativos para usar la compresión con pérdidas; esa calidad de imagen se reducirá a cualquier cantidad de compresión:
Una diapositiva de compresión para una imagen JPEG. Descubrirá que las tiras de color, donde los tonos de color no se juegan correctamente, y una pérdida de la claridad de los bordes será visible en algunos casos. Las imágenes con menos colores se verán menos, pero la reducción de la claridad continuará estando presentes. Además, la degradación de la imagen es una característica permanente del proceso de compresión. Esto significa que no hay forma de revertir los efectos en una fecha posterior. A pesar de las desventajas, la compresión de pérdidas es excelente para la web y el rendimiento de su sitio. Las pequeñas dimensiones del archivo no siempre conducen a imágenes granuladas, aunque (por supuesto) puede conducir a extremos: un ejemplo de imagen demasiado comprimida. Sin embargo, la pérdida no es la única opción. La compresión sin pérdidas es una alternativa al propietario del sitio consciente de calidad. Las ventajas y desventajas de la compresión no bajo sin pérdida hacen lo que escribe en la etiqueta: comprime el tamaño del archivo de una imagen tanto como sea posible, sin afectar la calidad visible. Haga esto eliminando los metadatos de imagen, que pueden ocupar un espacio innecesario:

Los metadatos de una imagen. El algoritmo de compresión sin pérdida también busca secuencias de píxeles repetidas, luego codifica un atajo para mostrarlas. Por ejemplo, tome la “interfaz de línea de comandos”. A menudo definirá su acrónimo a la vez, luego usará “CLI” (o acrónimo elegido por usted) para referirse a la velocidad del relámpagos, la compresión sin compresión funciona de la misma manera que es menos destructiva. Si bien la eliminación de metadatos no será reversible, parte de la compresión lo será, lo que lo convierte en un algoritmo flexible para muchos usos. Las ventajas de usar compresión de no pérdida se basan en el mantenimiento de la calidad: la compresión sin pérdida conserva la más alta calidad de una imagen en comparación con todos los demás algoritmos.
La pérdida es fantástica para fines de archivo. Por ejemplo, un fotógrafo puede equilibrar los recursos de almacenamiento con una imagen que mantiene más.
Lossless es el algoritmo de compresión favorito para las artes visuales: fotografía, diseño gráfico, arte digital y más. La combinación de un algoritmo sin pérdida con la profundidad y resolución correspondientes puede obtener casi una copia “uno”.
Sin embargo, hay algo a tener en cuenta sobre qué tan bien no hay compresión de pérdida sirve nichos específicos: el rango de aplicaciones es pequeño. Esto reduce su disponibilidad global.

Todos los planes de alojamiento de Kinsta incluyen asistencia las 24 horas, los 7 días de la semana de nuestros desarrolladores e ingenieros veteranos de WordPress. Hable con el mismo equipo que apoya a nuestros clientes Fortune 500. ¡Vea nuestros planes!

Aquí hay algunas otras desventajas de compresión sin pérdida a considerar:

Si un sitio web usa muchas imágenes, la compresión sin pérdida puede no ser óptima para mostrarlas. Esto se debe a que querrá apreciar las dimensiones más pequeñas de los archivos en este tipo de situaciones en la mayoría de los casos. Aunque la compresión reduce el tamaño de los archivos, los algoritmos de pérdida no cambian los datos de la imagen tanto como las pérdidas. Por esta razón, es posible observar solo descuentos de dimensiones marginales, en lugar de resultados extremos de pérdida de peso.
A continuación, analizaremos la forma más rápida (y potencialmente la mejor) de hacerlo. Cómo elegir entre la pérdida y la pérdida en este momento, comprenda la diferencia entre pérdidas y compresión de pérdidas. Sin embargo, es posible que no sepa cuál es el mejor algoritmo para usar en su sitio. Hay dos situaciones a considerar:
Para la mayoría de los casos de uso en la web, la compresión de pérdidas es aceptable.
Si desea mostrar fotos o arte fotografiado, la compresión sin pérdida le servirá mejor.
Estas consideraciones se basan en el uso de uno de los formatos de imagen web estándar, como JPEG, PNG o GIF. Sin embargo, sus necesidades de compresión pueden diferir en formatos más modernos como HEIC y WebP. Vamos a decir que si no muestra fotos en su sitio, la compresión de pérdidas debería ser su opción predeterminada. WordPress comprime las imágenes por defecto, lo que ilustra en gran medida el hecho de que la compresión de pérdidas es adecuada para casi cualquier aplicación. Utilizando un servicio de compresión en línea para optimizar sus imágenes, hay muchas formas en que comprimirá sus imágenes antes de mostrarlas en su sitio. Por ejemplo, puede elegir aplicar la compresión en la etapa de edición. Sin embargo, esto podría ser un producto de conversión de formatos sin procesar. Sin embargo, una elección popular es uno de los muchos servicios en línea. Cada uno proporcionará una selección de algoritmos y una interfaz de usuario ejemplar. Además, la mayoría tiene un servicio gratuito, al menos para probar la aplicación antes de contratar. Cubrimos algunas opciones en nuestro artículo sobre optimización de imágenes, aunque estos son complementos específicos de WordPress que se conectan a una interfaz de programación de aplicaciones (API). La buena noticia es que muchos de estos complementos también ofrecen una interfaz en línea. Por ejemplo, considere ShortPixel:
Interfaz ShortPixel. Aquí, dibujará imágenes en el dispositivo de carga, luego esperará a que la aplicación se comprime y las procese. Sin embargo, primero querrá elegir el algoritmo, porque el proceso comenzará de inmediato. La elección es simple: dos formas de pérdidas (“Lossy” y “Glossy”) y una opción libre de pérdidas. La interfaz de ShortPixel hace un buen trabajo al explicar la diferencia entre cada algoritmo y puede descargar las imágenes en segundos. Aunque ambos pueden hacer frente a sus requisitos, la interfaz Imagify parece más elegante y profesional que la de Shortpixel. También hay tres “niveles de compresión” aquí: interfaz normal, agresiva y ultra: imagen. La ligera diferencia aquí es que Imagify comienza sin compresión de pérdidas y se dirige a un algoritmo con pérdidas con artefactos pesados. Sin embargo, hay algunas otras opciones que no encontrará en otras soluciones. Para empezar, puede mantener intactos los datos EXIF ​​para su imagen e incluso puede cambiar el tamaño después de la conversión. Esto a veces es invaluable, especialmente si desea aplicar un nivel de compresión que de otro modo podría eliminar los datos de EXIF ​​o limitar la forma en que cambia el tamaño de una imagen. Al igual que su homónimo mítico, Kraken puede pisar sus imágenes y aplicar diferentes tipos de compresión. La mayoría de los usuarios optarán por tipos de pérdida o sin pérdidas.
Interfaz Kraken. Sin embargo, también hay un modo experto: