---
title: "Responzívne obrázky — Media Library for Laravel | Roundly"
description: "Vygenerujte rebrík šírok a získajte hotový srcset aj celý <img> tag s LQIP pozadím."
url: https://roundly-consulting.com/sk/open-source/navody/media-library-for-laravel/responzivne-obrazky
language: sk
---

[Všetky balíky](https://roundly-consulting.com/sk/open-source.md)

[Media Library for Laravel](https://roundly-consulting.com/sk/open-source/navody/media-library-for-laravel.md)

# 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:

```php
$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](https://roundly-consulting.com/sk/podporte-nas.md)

Odoslaním daru súhlasíte s našimi [podmienkami prijímania darov](https://roundly-consulting.com/sk/podmienky-darov.md).

[Podporte našu open-source prácu (otvorí sa v novej karte)](https://donate.stripe.com/dRmeVe8FX5PF1Qd9pXcEw00) [Pridajte sa k nám na Patreone (otvorí sa v novej karte)](https://www.patreon.com/cw/roundly)

## 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](https://roundly-consulting.com/sk/kontakt.md) [Prezrieť všetky balíky](https://roundly-consulting.com/sk/open-source/navody/media-library-for-laravel.md)