Los tiempos de carga rápidos son fundamentales para el éxito de su sitio web. Un sitio web lento puede distraer a los lectores y dañar las clasificaciones de los motores de búsqueda. Afortunadamente, hay varias formas de aumentar la velocidad de su sitio web, como usar compresión con pérdida para imágenes.
En esta publicación, analizamos más de cerca la compresión con pérdida y cómo puede mejorar el rendimiento de su sitio web. También le mostraremos cómo aplicar compresión con pérdida a imágenes y discutiremos las ventajas y desventajas de esta técnica.
¡Empecemos!
¿Qué es la compresión con pérdida?
La compresión reduce el tamaño del archivo. Cuando comprime una imagen, está reduciendo efectivamente el tamaño del archivo. Hay diferentes tipos de compresión, uno de los cuales se llama «lossy».
Con la compresión con pérdida, puede reducir significativamente el tamaño del archivo. Sin embargo, este proceso puede resultar en una calidad de imagen más pobre. Esto se debe a que la compresión elimina algunos de los píxeles que componen la imagen.
Como puedes imaginar, la imagen comprimida no se verá tan bien como la imagen original. Según el nivel de compresión utilizado, es posible que note una disminución en la calidad de la imagen.
Veamos algunos ejemplos. Esta es la imagen original de 2 MB:
Aquí está la misma imagen después de una compresión del 50 por ciento:
El tamaño del archivo se redujo a 806 KB. Sin embargo, no hay una diferencia notable en la calidad.
Finalmente, comprimimos la imagen al 10 por ciento, lo que resultó en un archivo de 329 KB:
Como puede ver, la reducción en la calidad ahora es evidente. Esto se debe a que hemos eliminado una gran cantidad de datos de la imagen.
Como mencionamos anteriormente, las imágenes comprimidas pueden hacer que su sitio web funcione más rápido. Para ilustrar esto, realizamos una prueba de velocidad de página con diferentes tamaños de imagen usando Faro.
Las pruebas de faro están codificadas por colores y cualquier número en verde es aceptable para la eficiencia de carga. Aquí está el resultado de rendimiento de la página donde usamos la imagen original:
Luego volvimos a ejecutar la prueba de velocidad con la imagen comprimida al 50 por ciento:
Como puede ver, ha habido una mejora en el rendimiento. Finalmente, probamos la misma página usando una foto que comprimimos al 10 por ciento:
Como puede ver, el sitio ahora está obteniendo todos los puntos. Esta prueba muestra que los archivos de imagen pequeños pueden mejorar en gran medida el rendimiento de su sitio web.
Si bien los gráficos muy comprimidos pueden hacer maravillas con la velocidad de su sitio web, su calidad inferior puede reflejar mal su marca. Por lo tanto, desaconsejamos reducir las imágenes a más del 50 por ciento a menos que sea absolutamente necesario.
¿Por qué vale la pena usar la compresión con pérdida?
Cuantos más datos tenga en su sitio, más tardarán las páginas en cargarse. Los archivos como complementos, imágenes, sonidos y videos pueden ejercer presión sobre el tiempo de carga de su sitio web.
La compresión con pérdida puede ayudar a que su sitio funcione más rápido, especialmente si tiene contenido con muchas imágenes. Este tipo de compresión se puede usar con una variedad de formatos de archivo, incluido el Grupo de expertos fotográficos conjuntos (JPEG) y el Formato de intercambio de gráficos (GIF). También puede aplicar compresión con pérdida a archivos de video y audio.
Como se mencionó anteriormente, la compresión con pérdida elimina los datos de las imágenes, lo que resulta en una reducción tanto del tamaño como de la calidad. Este método contrasta con la compresión sin pérdida, que reduce el tamaño de archivo de una imagen sin afectar su calidad.
Sin embargo, la compresión con pérdida puede ser más efectiva que la compresión sin pérdida. Esto se debe a que puede eliminar grandes cantidades de datos de sus imágenes. Por lo tanto, puede liberar algo de espacio en la memoria y aumentar la velocidad de su sitio web.
Puede considerar usar la compresión con pérdida si tiene un sitio con muchas imágenes, como una tienda en línea o un blog grande. Este método de compresión puede ayudarlo a optimizar imágenes de productos, miniaturas, pancartas y otros archivos JPEG en su sitio. Como resultado, sus páginas pueden cargarse más rápido para sus visitantes, lo que lo ayudará a reducir su tasa de rebote y aumentar sus conversiones.
La compresión con pérdida también le brinda cierto control sobre la calidad y el tamaño de sus imágenes. De hecho, muchas herramientas de optimización de imágenes le permiten elegir el nivel de compresión de archivos. De esta manera, puede adoptar un enfoque equilibrado que lo ayudará a mejorar el rendimiento de su sitio web sin comprometer la calidad de los gráficos.
¿Cómo aplicas la compresión con pérdida a tus imágenes?
Tenga en cuenta que WordPress comprime automáticamente los archivos JPEG hasta el 82 por ciento. Por lo tanto, cada vez que carga una imagen en su sitio web, pasa por un proceso de compresión con pérdida.
Puedes ajustar este nivel de compresión automático editando el tuyo funciones.php expediente. Sin embargo, este método puede ser complicado y no comprimirá las fotos que ya están cargadas en su sitio web.
Además, existen formas más fáciles (y más eficientes) de optimizar sus imágenes. ¡Veamos algunas de las opciones!
1. Comprime imágenes con el editor de fotos
Puede comprimir fácilmente sus fotos con su software de edición de fotos preferido. Herramientas populares como Adobe Photoshop y GIRO le permiten aplicar un nivel de calidad a sus imágenes:
Alternativamente, puede usar el editor de fotos incorporado en el sistema operativo de su computadora. Si es usuario de Windows, abra la imagen en Fotos de Microsoft. Luego haga clic en los tres puntos en la esquina superior derecha y seleccione cambiar tamaño del menú desplegable:
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 Guardar una copia redimensionada. Le recomendamos que guarde esta imagen comprimida como un archivo separado. Esto se debe a que la compresión con pérdida es irreversible: si sobrescribe la ilustración original, no puede deshacer los cambios.
2. Comprime imágenes con el plugin de WordPress
Otra forma de comprimir imágenes es usar un complemento de optimización de imágenes. Este método puede ahorrarle tiempo ya que el complemento optimizará automáticamente todas las fotos que cargue en su sitio web.
Uno de los poderosos complementos de optimización que puede usar es imaginar:
Después de instalar y activar el complemento en su sitio web, se le pedirá que cree una cuenta gratuita e ingrese la clave API. Cuando termines, puedes ir a Ajustes > imaginar para configurar sus preferencias de compresión.
Como puedes ver, hay tres opciones:
Si eliges Normal, el complemento realizará una compresión sin pérdidas en sus imágenes. Es posible que este método no acelere su sitio web.
Mientras tanto Agresivo type dará como resultado una compresión con pérdida. Sin embargo, no habrá diferencias notables de calidad.
Finalmente tenemos Ultraque es el nivel más fuerte de compresión con pérdida. Esta configuración puede cambiar significativamente la calidad de las imágenes.
Para obtener los mejores resultados de compresión, recomendamos seleccionar Agresivo. Imagify optimizará automáticamente el tamaño original de cualquier imagen cargada en WordPress.
Si te desplazas hacia abajo, verás una opción para elegir otros tamaños de imagen que quieras comprimir, como las miniaturas:
Cuando esté listo, haga clic en guardar cambios. Todas las imágenes que cargue en su sitio web ahora se comprimirán automáticamente a su nivel preferido.
Beneficios de la compresión con pérdida
Como hemos visto, la compresión con pérdida puede mejorar el rendimiento de su sitio y los tiempos de carga de la página. A su vez, este mayor rendimiento conducirá a una mejor experiencia de usuario. También puede ayudarlo a mejorar la optimización de motores de búsqueda (SEO) de su sitio web.
La compresión con pérdida también puede ser beneficiosa si tiene un espacio en disco y un ancho de banda limitados. Reduce la cantidad de datos almacenados en su sitio web.
Afortunadamente, no se necesita mucho esfuerzo para comprimir gráficos. Simplemente puede instalar un complemento gratuito que reducirá automáticamente el tamaño de todas las imágenes cargadas. Por lo tanto, el uso de la compresión con pérdida puede ser una forma rápida y fácil de aumentar el rendimiento general de su sitio web.
Desventajas de la compresión con pérdida
Desafortunadamente, existen varias desventajas en el uso de la compresión con pérdida. Para empezar, no puede restaurar imágenes comprimidas a su estado original. Al optimizar sus gráficos, debe asegurarse de no sobrescribir los archivos originales.
Como mencionamos, la compresión con pérdida también puede afectar negativamente la calidad de sus imágenes. Esto se debe a que elimina datos de los archivos. Por lo tanto, debe elegir un nivel moderado de compresión para asegurarse de que no haya una diferencia notable en la calidad.
Solicitud
El uso de compresión con pérdida en las imágenes puede acelerar efectivamente su sitio de WordPress. Esta técnica reduce el tamaño de los archivos de imagen para que las páginas se carguen más rápido. A su vez, esta compresión ayuda a mejorar la experiencia del usuario y el SEO.
Puede comprimir imágenes fácilmente con su software de edición de fotos favorito o un complemento de optimización de imágenes como imaginar. Sin embargo, le recomendamos que evite usar una compresión alta, ya que esto puede provocar una caída notable en la calidad de la imagen.
¿Tiene preguntas sobre la compresión con pérdida? ¡Háganos saber en la sección de comentarios!
Foto vía Jarosław Słodkiewicz / unsplash.com, foto recomendada vía PureSolution / shutterstock.com
