Uno de los mayores consumidores de ancho de banda en un sitio web son las imágenes. Es esencial que, sin comprometer la calidad visual, reduzcamos su tamaño lo más posible. Aquí te mostraré cómo puedes lograrlo y también cómo configurar tu servidor para que las imágenes se carguen más rápidamente.
Por ejemplo, usando herramientas online como TinyPNG
Imagina que tienes una foto hermosa de un paisaje con un tamaño de 1MB y dimensiones de 4000x3000 píxeles. Puedes reducir esa imagen a un tamaño más amigable para la web, digamos 150KB, sin perder su esencia visual. ¡Eso es un ahorro del 85% en tamaño!
Otro ejemplo, usando RIOT para optimizar tus imágenes
RIOT, que significa Radical Image Optimization Tool, es una herramienta gratuita que permite reducir el tamaño de tus imágenes sin perder calidad, se puede descargar para cualquier versión de Windows. Es especialmente útil porque:
- Puedes comparar la imagen original con la optimizada en tiempo real.
- Es compatible con formatos comunes como JPEG, GIF y PNG.
- Ofrece opciones de compresión personalizables según tus necesidades.
Para utilizar RIOT: (Para quién no tenga conocimientos)
Descarga e instala la herramienta desde su sitio web oficial.
Abre la imagen que deseas optimizar.
Ajusta los parámetros de compresión según tus preferencias.
Guarda la imagen optimizada y listo, así de fácil!
Habilitar la compresión en el servidor (Mucho cuidado, hay que tener precaución)
La compresión del servidor puede significar una gran diferencia en la velocidad de carga de tu sitio web. Al comprimir los archivos antes de enviarlos al navegador del usuario, se reduce el tiempo de transferencia.
Aquí dos formas comunes de habilitar la compresión en el servidor:
1. A través de .htaccess:
El archivo .htaccess es una configuración del servidor que puede usarse en servidores Apache. Para habilitar la compresión, sigue estos pasos:
a. Accede al directorio raíz de tu sitio web y localiza el archivo .htaccess.
b. Abre el archivo con un editor de texto y añade las siguientes líneas:
Código: Seleccionar todo
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE image/jpeg image/jpg image/png image/gif
</IfModule>
2. A través de cPanel:
Si tu sitio web se aloja en un servidor que utiliza cPanel, el proceso es aún más sencillo:
a. Inicia sesión en tu cPanel.
b. Bajo la sección "Software", haz clic en "Optimizar sitio web" o "Optimize Website".
c. Selecciona "Comprimir todos los contenidos" o elige los tipos de archivos específicos que deseas comprimir.
d. Haz clic en "Actualizar configuración" o "Update settings".
Si os ha gustado este post, podríamos seguir con otras optimizaciones de rendimiento, por ejemplo:
temas de Wordpress optimizados ("CMS"), cómo minificar código, carga diferida, almacenamiento en caché, reducir solicitudes HTTP o incluso algunas técnicas muy interesantes para hacer precargas, resolución de DNS, preconexiones. Hay muchos datos interesantes.
Ya nos comentaréis qué es lo que más os preocupa.
Finques la Romànica