Responzívne obrázky

Skupinu zapnete do responzívnych obrázkov cez ->responsiveWidths(). Balík vygeneruje jeden variant na šírku tým istým enginom — rešpektuje pravidlá sync/fronty aj disk variantov — a nikdy nezväčšuje nad originál:

$this->addMediaBucket('hero')
    ->useDisk('public')
    ->responsiveWidths([480, 960, 1440, 1920]) // omit for the config default ladder
    ->responsiveFormat('webp');                // optional — defaults to the original's format

$media->srcset();
// "…-480.webp 480w, …-960.webp 960w, …" (ascending, only generated widths)

$media->responsiveImage('', ['alt' => 'Hero', 'sizes' => '100vw', 'class' => 'rounded']);
// full <img> tag with srcset + LQIP blur-up background

responsiveImage() vygeneruje celý <img> tag s najmenšou šírkou ako src fallback, srcset, voliteľné sizes/alt/class a LQIP náhľad ako inline rozmazané pozadie. media:regenerate prebuduje šírky; media:clean odstráni osirotené súbory šírok.

Prejavte lásku k open source

Tento balík je zadarmo pod licenciou MIT. Ak vám šetrí čas, jednorazový príspevok alebo členstvo na Patreone nám pomôže ho ďalej udržiavať, testovať a dokumentovať.

Ďalšie spôsoby podpory vrátane kryptomien

Odoslaním daru súhlasíte s našimi podmienkami prijímania darov.

Podporte našu open-source prácu Pridajte sa k nám na Patreone

Chcete to zabudovať do svojho produktu?

Naše balíky integrujeme do zákazkových Laravel a AI riešení. Napíšte nám, na čom pracujete, a ozveme sa do 48 hodín.

Ponuka do 48 hodín Prezrieť všetky balíky