10 min
Cómo optimizar imágenes para la web
WebP, AVIF, lazy loading, CDN y srcset.
Equipo de BeoHosting
10+ años de experiencia — Especialistas en alojamiento web e infraestructura
- Hosting
- WordPress
- cPanel
- SEO
- Security
- Domains
Última actualización:
Las imágenes suelen suponer el 60-80 % del peso total de una página. Optimizarlas es la mayor mejora de rendimiento que puedes conseguir. WebP y AVIF reducen el tamaño de archivo entre un 25 % y un 50 % frente a JPEG y PNG sin pérdida visible de calidad, el lazy loading aplaza las imágenes fuera de pantalla y srcset entrega el tamaño adecuado a cada dispositivo. Esta guía cubre cada técnica con ajustes prácticos.
Cómo optimizar imágenes para la web
Elige el formato adecuado — WebP/AVIF
WebP: un 25-35 % más ligero que JPEG, compatible con todos los navegadores modernos. AVIF: un 30-50 % más ligero que WebP, pero con compatibilidad aún parcial; úsalo con fallback a WebP/JPEG. PNG solo para transparencias. SVG para logos e iconos.
Redimensiona antes de subir
Nunca subas una foto de réflex de 6000x4000 px para mostrarla a 800 px de ancho. Redimensiona a las dimensiones reales de visualización × 2 para pantallas retina. Redimensiona cientos de archivos por lotes con FastStone Photo Resizer.
Comprime con herramientas inteligentes
WordPress: ShortPixel, Imagify, Smush, EWWW. Fuera de WordPress: TinyPNG, Squoosh. Apunta a una calidad JPEG del 70-85 %: visualmente idéntica al 100 % pero con un tamaño mucho menor.
Activa el lazy loading
Nativo: <img loading="lazy">. WordPress 5.5+ lo añade automáticamente. Para navegadores antiguos, usa la librería JS Lazysizes. El lazy load aplaza las imágenes fuera de pantalla: un enorme empujón a los Core Web Vitals.
Usa srcset para imágenes responsive
<img srcset="img-400.jpg 400w, img-800.jpg 800w, img-1600.jpg 1600w" sizes="(max-width: 600px) 400px, 800px"> — el navegador elige el tamaño adecuado. WordPress genera el srcset automáticamente.
Sírvelas desde una CDN
Una CDN (Cloudflare, BunnyCDN) sirve las imágenes desde un servidor cercano al visitante: reduce la latencia entre 50 y 200 ms. Cloudflare Polish convierte automáticamente a WebP/AVIF. BeoHosting se integra con la CDN de QUIC.cloud para los usuarios de LiteSpeed Cache.
¿Listo para lanzar tu sitio web?
Únete a más de 4.000 clientes satisfechos. Migración gratuita y garantía de devolución de 15 días.
FAQ
Respuestas a las preguntas más habituales sobre nuestros servicios.
Nuestras garantías para tu tranquilidad
Protegido desde todos los ángulos
Garantía de 15 días
Te devolvemos el dinero sin preguntas durante los primeros 15 días.
Migración gratuita
Migramos tu sitio sin interrupciones: tú no tienes que hacer nada.
Soporte 24/7
Nuestros expertos están disponibles 24/7 por tickets y chat en vivo.