Acerca de esta herramienta
Crea varios anchos de una imagen (WebP, JPG o PNG) y un fragmento <img srcset> listo, descargados juntos en un ZIP.
Cada ancho pedido se obtiene reduciendo por promedio de área (nunca ampliando por encima del original; se eliminan duplicados). El fragmento enumera cada archivo con su descriptor de ancho y fija ancho y alto para que la página no salte al cargar.
Ejemplo: una foto de cabecera de 2400 px con anchos 480, 960 y 1600 da tres archivos WebP y una línea srcset.
Sube los archivos juntos a tu sitio y ajusta el atributo sizes a tu diseño.
Pasos rápidos
- Elige tus archivos: se quedan en tu dispositivo.
- Ajusta las opciones y revisa la vista previa o los resultados de la prueba.
- Descarga el resultado. Tus archivos originales nunca se modifican.
Los archivos se procesan en tu navegador y no se suben a 1CLIK.
Preguntas frecuentes
¿Cómo funciona Generador de imágenes responsive (srcset)?
Cada ancho pedido se obtiene reduciendo por promedio de área (nunca ampliando por encima del original; se eliminan duplicados). El fragmento enumera cada archivo con su descriptor de ancho y fija ancho y alto para que la página no salte al cargar.
¿Qué debo tener en cuenta?
Sube los archivos juntos a tu sitio y ajusta el atributo sizes a tu diseño.
¿Se suben mis archivos?
No. Todo ocurre en tu dispositivo; no se elimina ni sobrescribe nada y los resultados son descargas nuevas.