EnglishOptimizar imágenes para sitio web
Elige las fotos. La herramienta crea versiones en varios anchos, en WebP, y arma el HTML responsivo: el navegador descarga solo el tamaño que la pantalla necesita.
Imágenes ligeras y responsivas
Todo se hace en tu dispositivo: nada se envía a internet.
Disponible en: 
Optimizar imágenes para sitio web: para qué sirve
Elige una o varias fotos y define los anchos (480, 800, 1200 y 1600 px por defecto), el formato (WebP o JPG) y la calidad. La herramienta crea cada versión sin agrandar la foto más allá de su tamaño original, muestra el peso de cada una y arma el HTML responsivo con srcset, sizes, width y height, y loading=lazy o fetchpriority=high para la imagen de la parte superior.
Todo funciona en el navegador y las fotos no salen de tu dispositivo.
Cómo usar
- Elige las imágenes del sitio.
- Ajusta anchos, formato, calidad y la carpeta.
- Descarga el .zip y copia el HTML en la página.
Cuándo usar
- Hacer que el sitio cargue más rápido en el celular.
- Mejorar el LCP y el CLS del Core Web Vitals.
- Preparar fotos de productos y de galerías.
Preguntas frecuentes
¿Por qué generar varios anchos?
Un celular no necesita descargar la foto de 1600 px hecha para monitores grandes. Con srcset, el navegador elige la versión más pequeña que todavía se ve nítida en la pantalla, y la página carga más rápido, lo que también ayuda en el Core Web Vitals (LCP).
¿WebP funciona en todos los navegadores?
Sí, en todos los navegadores actuales (Chrome, Safari desde la versión 14, Firefox y Edge). Si necesitas compatibilidad con equipos muy antiguos, elige JPG.
¿Para qué sirven width, height y loading=lazy?
width y height reservan el espacio de la imagen antes de que cargue, evitando que la página salte (CLS). loading=lazy aplaza las imágenes que están fuera de la pantalla. No uses lazy en la imagen principal de la parte superior de la página.
¿Las fotos se envían a algún servidor?
No. Todo se hace en tu navegador; las imágenes no salen de tu dispositivo.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.