Cómo reducir el tamaño de la imagen sin perder calidad (y ahorrar espacio)

¿Está buscando una manera de reducir el tamaño del archivo de imagen sin perder calidad mientras ahorra espacio en su servidor?

Si tiene muchas imágenes grandes y no optimizadas, pueden ocupar mucho espacio en su servidor. Esto puede ser un problema real en ciertos hosts, ya que verá límites tan bajos como 5 GB o 10 GB en los niveles de nivel de entrada de algunos hosts ( especialmente en el espacio de alojamiento administrado de WordPress ).

Afortunadamente, existen algunas tácticas que puede implementar para reducir el tamaño de sus imágenes y ahorrar espacio sin disminuir la calidad de la imagen. Mejor aún, si está utilizando las imágenes en su sitio web, estas tácticas también ayudarán a que su sitio web se cargue mucho más rápido.

En esta publicación, comenzaremos compartiendo las dos tácticas que puede usar para reducir el tamaño del archivo de imagen manteniendo la misma calidad.

Luego, le mostraremos paso a paso cómo puede usar algunas herramientas gratuitas o asequibles para implementar esas tácticas y reducir el tamaño de sus imágenes hoy.

¡Empecemos!

Dos formas de reducir el tamaño del archivo de imagen y ahorrar espacio sin perder calidad

Hay dos tácticas de alto nivel que puede usar para reducir el tamaño de la imagen sin preocuparse por la caída de la calidad:

1. Cambiar el tamaño de las dimensiones de la imagen
2. Comprimir imágenes

1. Cambiar el tamaño de las dimensiones de la imagen

Cambiar el tamaño de las dimensiones de la imagen es exactamente lo que parece: cambia las dimensiones de la imagen, lo que reduce el tamaño del archivo. Si esto afecta o no la calidad de la imagen depende de cómo esté usando la imagen.

Por ejemplo, si su imagen original tiene un ancho de 3000 px, pero solo la muestra en una página de producto de comercio electrónico donde la imagen tiene un ancho de 500 px, puede reducir el tamaño de la imagen de forma segura a alrededor de ~1000 px* sin afectar la calidad que sus visitantes reales ven.

* ¿Por qué 1000 px y no 500 px? Porque normalmente desea ~duplicar las dimensiones mostradas de su imagen para tener en cuenta las pantallas Retina. Entonces, al duplicar las dimensiones mostradas, se asegura de que todos sus visitantes vean la imagen con la máxima calidad.

Entonces, si no está utilizando las imágenes de resolución completa, debe comenzar por cambiar el tamaño para reducir el tamaño del archivo de esa manera.

2. Comprimir imágenes

Una vez que se haya asegurado de que sus imágenes tengan el tamaño adecuado, la siguiente forma de reducir el tamaño del archivo de imagen es comprimir los archivos de imagen.

Hay dos tipos de compresión, con pérdida y sin pérdida:

• Sin pérdida : esto ofrece una pequeña reducción en el tamaño del archivo sin cambios en la calidad.
• Con pérdida : esto ofrece una reducción más significativa en el tamaño del archivo, pero puede tener algún efecto en la calidad. Hay diferentes niveles de compresión con pérdida: puede hacer una compresión con pérdida mínima, que probablemente no sea perceptible para el ojo humano para ahorros de tamaño moderado. O bien, puede realizar una compresión con pérdida agresiva para reducir al máximo el tamaño, pero con una disminución notable de la calidad.

Si no desea ningún cambio en la calidad, debe usar la compresión sin pérdidas.

Sin embargo, si está utilizando las imágenes en un sitio web, generalmente puede salirse con la suya con un enfoque de compresión con pérdida moderada.

Sí, técnicamente hay una pequeña pérdida de calidad, pero la mayoría de los humanos no podrán notar la diferencia. En la siguiente sección, le mostraremos una herramienta que le permite comparar la compresión sin pérdida y con pérdida para que pueda ver por sí mismo.

Cómo reducir el tamaño de la imagen sin perder calidad en línea

Ahora que conoce las tácticas disponibles, pasemos a las herramientas prácticas que puede usar para implementar el cambio de tamaño y la compresión de imágenes.

Suponga que está usando WordPress y busca cambiar el tamaño y comprimir varias imágenes que carga en su sitio. En ese caso, puede usar un complemento de WordPress dedicado para reducir automáticamente el tamaño de todas sus imágenes y ahorrar espacio en el servidor.

O, si no está usando WordPress, puede encontrar herramientas basadas en la nube o software de escritorio para ayudarlo a reducir el tamaño de la imagen para imágenes que puede usar en cualquier lugar.

Repasemos sus diferentes opciones: este es el orden en que las cubriremos:

1. WordPress
2. Herramientas basadas en la nube
3. software de escritorio

1. Reducir el tamaño del archivo de imagen en WordPress

Para disminuir el tamaño de la imagen y ahorrar espacio en WordPress, puede usar el complemento gratuito Imagify. Imagify le permite optimizar ~200 imágenes por mes ( 20 MB ) de forma gratuita. O bien, los planes pagos comienzan en $ 4.99 por mes para 500 MB o $ 9.99 por mes para ilimitado.

Le permitirá optimizar automáticamente las nuevas imágenes que cargue en WordPress, y también incluye una función para optimizar en masa las imágenes existentes de su sitio con un solo clic.

Para comenzar, instale y active el complemento Imagify gratuito de WordPress.org. Luego se le pedirá que ingrese una clave API, que puede obtener registrándose para obtener una cuenta gratuita de Imagify.

Una vez que haya hecho eso, vaya a Configuración → Imagify para configurar sus ajustes de optimización en su tablero de WordPress.

En la parte superior, puede controlar su nivel de optimización . Si desea que la calidad no disminuya, debe elegir Normal . Sin embargo, Agresivo estará bien en la mayoría de las situaciones, y probablemente no podrá notar la diferencia; puede usar la herramienta de comparación visual para probar diferentes niveles de compresión.

Si desea ahorrar espacio en su servidor, también debe desmarcar la casilla para Copia de seguridad de imágenes originales . Esto eliminará la imagen original no optimizada y solo mantendrá la versión optimizada para ahorrar espacio. Solo asegúrese de seguir almacenando una copia de la imagen original en otro lugar si es necesario ( como su computadora local ):

Si se desplaza hacia abajo en el área de configuración, encontrará la configuración Cambiar el tamaño de imágenes más grandes , que le permite cambiar automáticamente el tamaño de las imágenes grandes a una determinada dimensión máxima. Una vez más, para una caída cero en la calidad, normalmente querrá configurar esto para que sea aproximadamente el doble de las dimensiones que usará en las imágenes. También puede deshabilitar esta función desmarcando la casilla si es necesario:

Ahora, Imagify optimizará automáticamente las imágenes a medida que las cargue en su sitio. Debido a que desmarcó la casilla Copia de seguridad de imágenes originales , también eliminará automáticamente la versión original no optimizada para ahorrar espacio en su servidor. Nuevamente, si usa este enfoque, le recomendamos almacenar copias de las imágenes originales en su computadora local para que aún las tenga si las necesita.
Para optimizar algunas o todas las imágenes existentes en su sitio, puede ir a Medios → Optimización masiva:

2. Reduzca el tamaño del archivo de imagen usando herramientas basadas en la nube

Si no usa WordPress, también puede encontrar herramientas basadas en la nube que le permiten reducir el tamaño de sus imágenes comprimiéndolas y/o redimensionándolas.

La opción más rápida es usar la aplicación web Imagify, que le permite cambiar el tamaño y comprimir imágenes en un solo paso si se registra para obtener una cuenta. Al igual que con el complemento de WordPress, puede optimizar 20 MB de imágenes por mes de forma gratuita, y los planes pagos comienzan en solo $ 4.99 por mes después de eso:

Si está buscando opciones gratuitas que permitan un uso ilimitado, normalmente necesitará usar herramientas separadas para cambiar el tamaño y comprimir sus imágenes, lo que agrega un poco de trabajo adicional.

Para cambiar el tamaño de las imágenes de forma masiva , puede considerar estas herramientas:

• BIRME (Cambio de tamaño de imagen a granel de forma fácil)
• Redimensionar fotos de forma masiva

Y luego, para comprimir imágenes de forma masiva , puede considerar estas herramientas:

• Aplicación web gratuita Imagify: le permite elegir entre compresión con o sin pérdida. Las imágenes individuales no pueden exceder los 2 MB. Debe registrarse para obtener una cuenta para acceder al cambio de tamaño automático y eliminar el límite de 2 MB .
• Interfaz web de Kraken: le permite elegir entre compresión con pérdida y sin pérdida. Las imágenes individuales no pueden exceder 1 MB.
• TinyJPG y TinyPNG: solo ofrecen compresión con pérdida, por lo que no debe usar estas herramientas si desea usar compresión sin pérdida.

3. Reduzca el tamaño del archivo de imagen usando un software de escritorio

Si necesita reducir el tamaño de cientos o miles de imágenes, es posible que el uso de herramientas basadas en la nube no sea una opción porque es difícil cargar y descargar tantas imágenes.

Por esa razón, es posible que prefiera usar un software de escritorio en su lugar. Aquí hay algunas buenas opciones:

• IrfanView – para Windows.
• Optiimage – para Mac.
• RIOT (herramienta de optimización de imagen radical) – para Windows.

Reduzca el tamaño de la imagen y ahorre espacio hoy

Si desea reducir el tamaño de la imagen y ahorrar espacio sin perder calidad, existen dos tácticas principales que puede utilizar: cambiar el tamaño de las imágenes y comprimirlas con compresión sin pérdida o con pérdida no agresiva.

Para ayudarlo a implementar ambas tácticas al mismo tiempo, puede usar el complemento Imagify WordPress si está cargando imágenes en un sitio de WordPress o la aplicación web Imagify si está usando imágenes en otro lugar.

¿Aún tienes dudas sobre cómo reducir el tamaño de tus imágenes? ¡Háznoslo saber en los comentarios e intentaremos ayudarte!