Optimizar las imágenes de tu sitio web es uno de los factores más importantes para mejorar la velocidad de carga. Una imagen demasiado pesada puede duplicar el tiempo que tarda tu página en estar lista, afectando tanto la experiencia del usuario como tu posicionamiento en Google.
Por qué el tamaño de imagen afecta el rendimiento
Cada kilobyte extra en una imagen significa más datos que el navegador del usuario tiene que descargar. En conexiones lentas o dispositivos móviles, esto puede ser la diferencia entre una página que carga en 2 segundos versus 10 segundos.
Google usa Core Web Vitals para evaluar sitios web:
- LCP (Largest Contentful Paint): mide cuándo aparece el contenido principal
- CLS (Cumulative Layout Shift): mide la estabilidad visual
- FID/INP: mide la capacidad de respuesta
Las imágenes pesadas afectan directamente el LCP.
Herramientas para comprimir imágenes
Existen dos tipos de herramientas para comprimir imágenes:
1. Herramientas online (sin instalar nada)
- ZapFile: comprime imágenes directamente en el navegador
- TinyPNG: comprime PNG y JPG
- Squoosh: herramienta de Google con múltiples formatos
2. Programas de escritorio
- Photoshop: guardá para web con calidad ajustada
- GIMP: exportá como JPG con compresión configurable
- ImageOptim: para Mac
Configuración recomendada por tipo de imagen
Para fotografías
- Formato: JPG con calidad 75-85%
- Resolución: 1920px de ancho máximo para web
- Modo de color: sRGB
Para gráficos e iconos
- Formato: SVG (si es posible) o PNG-24
- Fondos transparentes cuando sea necesario
- Tamaño real o solo ligeramente mayor
Para redes sociales
- Instagram: 1080×1080 px o 1080×1350 px
- Facebook: 1200×630 px
- Twitter/X: 1200×675 px
Cómo reducir el tamaño paso a paso
- Elegí el formato correcto: usá JPG para fotos, PNG para gráficos con transparencia, WebP para máximo rendimiento
- Ajustá las dimensiones: no usés una imagen de 4000px si se va a mostrar a 400px
- Configurá la compresión: 75-80% de calidad es un buen punto de partida
- Eliminá metadatos: muchos programas guardan datos EXIF innecesarios
Errores comunes
- No redimensionar antes de comprimir: una imagen de 4000px nunca va a pesar poco
- Usar PNG para fotografías: el tamaño será el triple que JPG sin beneficio visual
- Ignorar WebP: este formato puede reducir 30% el tamaño con igual calidad
- Comprimir varias veces: cada compresión puede perder calidad acumulado
Conclusión
Optimizar imágenes para web es fundamental para el rendimiento. Con las herramientas gratuitas disponibles como ZapFile, podés reducir significativamente el tamaño de tus imágenes sin perder calidad visible.
Probá la herramienta de compresión de imágenes para ver los resultados por ti mismo.