Comprender la compresión con pérdidas y cuándo usarla

Los tiempos de carga rápidos son cruciales para el éxito de su sitio. El sitio web lento puede eliminar a los lectores y dañar sus clasificaciones en los motores de búsqueda. Afortunadamente, hay varias formas de mejorar la velocidad de su sitio, como el uso de pérdidas de imágenes. En esta publicación, analizaremos más de cerca las pérdidas y cómo puede mejorar el rendimiento de su sitio. También le mostraremos cómo aplicar la compresión con sus imágenes. Técnicas.
¡Vamos a empezar! ¿Qué es la compresión de pérdidas? La compresión reduce el tamaño de un archivo. Al comprimir una imagen, haga que el archivo sea más pequeño. Existen diferentes tipos de compresión, uno de los cuales se llama “pérdidas”. Con la compresión de pérdidas, puede reducir el tamaño del archivo con una cantidad significativa. Sin embargo, este proceso puede conducir a una calidad de imagen más baja. Esto se debe al hecho de que la compresión elimina algunos de los píxeles que componen la imagen. Como probablemente pueda darse cuenta, una imagen comprimida no se verá tan bien como la original. Dependiendo del nivel de compresión que use, puede notar una disminución en la calidad de la imagen.
Veamos algunos ejemplos. Esta es la imagen original con un tamaño de archivo de 2 MB:

Aquí está la misma imagen después de una compresión del 50%:

El tamaño del archivo disminuyó a 806 kb. Sin embargo, no hay diferencia de calidad notable. Finalmente, comprimí la imagen al 10%, lo que condujo a un tamaño de archivo de 329 kb:

Como puede ver, la disminución de la calidad ahora es obvia. Esto se debe a que hemos eliminado una gran cantidad de datos de la imagen. Como mencioné anteriormente, las imágenes comprimidas pueden ayudar a acelerar su sitio. He ejecutado una prueba de velocidad de página con diferentes tamaños de imagen usando el faro. El faro está codificado en colores y cualquier número en verde es aceptable para la carga de rendimiento. Aquí está la puntuación de rendimiento de la página cuando utilicé la imagen original:
Luego reanudé la prueba de velocidad con la imagen comprimida al 50%:

Como puede ver, hay una mejora en el rendimiento. Finalmente, probé la misma página usando la foto que comprimí al 10 por ciento:

Como puede ver, la página ahora tiene calificaciones completas. Esta prueba muestra que los archivos de imagen pequeños pueden mejorar significativamente el rendimiento de su sitio, mientras que los gráficos fuertemente comprimidos pueden hacer maravillas para la velocidad de su sitio, su menor calidad puede ser débil en su marca. Por lo tanto, le recomendamos que no reduzca las imágenes a más del 50 por ciento. , si no es absolutamente necesario.

¿Por qué debería usar la compresión con pérdidas? Cuantos más datos tenga en su sitio web, más tiempo tomará hasta que sus páginas se carguen. Archivos como complementos, imágenes, sonido y videos pueden agregar presión en el tiempo de carga de su sitio. La compresión de pérdida puede ayudarlo a acelerar su sitio, especialmente si tiene contenido rico. Puede usar este tipo de compresión en diferentes formatos de archivo, incluido el grupo de expertos fotográficos conjuntos (JPEG) y el formato de interhange gráfico (GIF). También puede aplicar la compresión con pérdidas de archivos de video y audio. Después de mencionar anteriormente, las pérdidas funcionan de compresión eliminando los datos de las imágenes, lo que conduce a una reducción de tamaño y calidad. Este método contrasta sin compresión de pérdida, lo que hace un archivo de imagen más pequeño, sin afectar su calidad. Sin embargo, la compresión de pérdidas puede ser más efectiva que la compresión libre de pérdidas. Esto se debe al hecho de que puede eliminar mayores cantidades de datos de sus imágenes. Puede liberar espacio en el espacio de almacenamiento y aumentar la velocidad del sitio. Es posible que desee considerar el uso de pérdidas si tiene un sitio web de imágenes enriquecidas, como una tienda en línea o un gran blog. Este método de compresión puede ayudarlo a optimizar imágenes de productos, miniaturas, pancartas y otros archivos JPEG en su sitio web. Como resultado, sus páginas se pueden cargar más rápido para sus usuarios, ayudándole a reducir la tasa de rechazo y generar más conversiones.
La compresión de pérdida también le brinda un cierto control sobre la calidad y el tamaño de sus imágenes. Muchas herramientas de optimización de imágenes le permiten elegir el nivel de compresión para sus archivos de esta manera, puede elegir un enfoque equilibrado que ayude a mejorar el rendimiento de su sitio sin comprometiendo la calidad de los gráficos. Cómo aplicar la compresión con pérdida de imágenes es importante tener en cuenta que WordPress comprime automáticamente los archivos JPEG hasta un 82 por ciento. Por lo tanto, cada vez que carga una imagen en su sitio web, pasa por un proceso de pérdida. Puede ajustar este nivel de compresión automática editando las funciones.php. Sin embargo, este método puede ser difícil y no comprimirá las imágenes que ya ha cargado en su sitio.
Además, hay formas más simples (y más eficientes) de optimizar sus imágenes. ¡Veamos algunas opciones! 1. Comprima las imágenes con un editor de fotos, puede comprimir fácilmente las imágenes utilizando su software favorito de edición de fotos. Los instrumentos populares, como Adobe Photoshop y GIMP, le permiten aplicar un nivel de calidad a sus imágenes:
Alternativamente, puede usar el editor de fotos Built -in en el sistema operativo de la computadora. Si es usuario de Windows, abra la imagen en Microsoft Photos. Luego haga clic en los tres puntos en la esquina superior derecha y seleccione RESIMENTAR en el menú de caída:
En la siguiente ventana emergente, seleccione Definir dimensiones personalizadas:

Luego puede configurar la calidad de la imagen con el control deslizante:

Cuando esté listo, haga clic en Copia de curación de Salvation. Le recomendamos que guarde esta imagen comprimida como un archivo separado. Esto se debe a que la compresión de pérdidas es irreversible: si sobrescribe el gráfico original, no puede cancelar sus cambios. 2. Comprimir imágenes con un complemento de WordPress Otra forma de comprimir sus imágenes es el uso de un complemento de optimización de imágenes. Este método puede ahorrarle tiempo, porque el complemento optimizará automáticamente cualquier imagen que cargue en su sitio web.

Una vez que haya instalado y activado el complemento en su sitio, se le pedirá que cree una cuenta gratuita e ingrese la clave API. Cuando haya terminado, puede acceder a Configuración> Imagen para establecer sus preferencias de compresión. Como puede ver, hay tres opciones disponibles:

Si opta por lo normal, el complemento no hará compresión de pérdidas en sus imágenes. Este método puede no acelerar su sitio, el tipo agresivo conducirá a pérdidas. Sin embargo, no habrá diferencias de calidad notables.

Finalmente, tenemos Ultra, que es el nivel más fuerte de pérdidas. Esta configuración puede causar cambios significativos en la calidad de sus imágenes para obtener los mejores resultados de compresión, le recomendamos que opte por agresivo. Imagify optimizará automáticamente el tamaño original de cualquier imagen que cargue en WordPress. Si se desplaza hacia abajo, verá la opción de seleccionar otros tamaños de imagen que desea comprimir, como miniaturas:
Cuando esté listo, haga clic en Guardar cambios. Todas las imágenes que cargue en su sitio ahora se comprimirán automáticamente a su nivel preferido. Los beneficios de las pérdidas, como hemos visto, la compresión de pérdidas puede mejorar el rendimiento del sitio y los tiempos de carga de la página. A su vez, este mayor rendimiento conducirá a una mejor experiencia del usuario. También puede ayudar a mejorar la optimización de los motores de búsqueda (SEO) de su sitio. Las pérdidas también pueden ser beneficiosas si tiene limitaciones en el espacio de disco y el ancho de banda. Reduzca la cantidad de datos almacenados en su sitio web. Afortunadamente, la compresión gráfica no requiere mucho esfuerzo. Simplemente puede instalar un complemento gratuito que reducirá automáticamente el tamaño de todas las imágenes cargadas. Como tal, el uso de la compresión de pérdidas puede ser una forma rápida y fácil de aumentar el rendimiento general del sitio. Desventajas de la compresión con pérdidas Desafortunadamente, hay algunas desventajas en el uso de la compresión de pérdidas. Para empezar, no puede restaurar las imágenes comprimidas a sus estados originales. Al optimizar sus gráficos, deberá asegurarse de no revisar los archivos originales. Como ya hemos discutido, la compresión de pérdidas puede afectar negativamente la calidad de sus imágenes. Esto se debe a que elimina los datos de los archivos. Por lo tanto, deberá seleccionar un nivel de compresión moderado para asegurarse de que no haya una diferencia de calidad notable. Conclusión El uso de la compresión con pérdidas en sus imágenes puede acelerar efectivamente su sitio de WordPress. Esta técnica reduce el tamaño de sus archivos.