UTILS.
100% nel browser

Generatore di srcset per Immagini

Genera un tag <img> responsivo con srcset e sizes a partire da un percorso e da una lista di larghezze.

— l'output appare qui —

Informazioni su questo strumento

Crea un tag <img> responsivo con gli attributi srcset e sizes a partire dal percorso di un'immagine base e da una lista di larghezze; il markup viene prodotto localmente nel tuo browser.

Domande frequenti

Come vengono denominati gli URL in srcset?
Ogni larghezza genera un URL come path-640w.jpg con un descrittore 640w corrispondente, una convenzione di denominazione comune per le varianti di immagini responsive.
Devo comunque creare le immagini ridimensionate?
Sì. Questo strumento genera il markup; devi produrre tu i file immagine effettivamente ridimensionati per ciascuna larghezza elencata.

Altri strumenti