Riempi riquadro (Cover)

Scala e ritaglia le immagini per riempire completamente dimensioni esatte senza spazio vuoto—equivalente al comportamento CSS object-fit: cover. L'immagine viene dimensionata per coprire l'intero riquadro, con contenuto in eccesso ritagliato dai bordi.

Questo produce output di dimensioni precise garantite indipendentemente dalle proporzioni dell'input. Le immagini più larghe del tuo target vengono ritagliate sui lati; quelle più alte vengono ritagliate sopra/sotto. I controlli di posizione ti permettono di influenzare quale parte del contenuto rimane visibile.

I sviluppatori che creano griglie di immagini con dimensioni celle precise raggiungono layout uniformi. I designer che preparano risorse di dimensioni standardizzate producono output coerenti. Chiunque abbia bisogno di garanzie di dimensioni esatte indipendentemente dalle proporzioni di input trova fill-box la soluzione.