UTILS.
100% en el navegador

Generador de srcset de imágenes

Genera una etiqueta <img> adaptable con srcset y sizes a partir de una ruta y una lista de anchos.

— la salida aparece aquí —

Acerca de esta herramienta

Crea una etiqueta <img> adaptable con atributos srcset y sizes a partir de la ruta de una imagen base y una lista de anchos; el marcado se genera localmente en tu navegador.

Preguntas frecuentes

¿Cómo se nombran las URL del srcset?
Cada ancho produce una URL como ruta-640w.jpg con un descriptor 640w correspondiente, una convención de nombres habitual para las variantes de imágenes adaptables.
¿Aún tengo que crear las imágenes redimensionadas?
Sí. Esta herramienta genera el marcado; tú debes crear los archivos de imagen redimensionados reales para cada ancho de la lista.

Más herramientas