6.14. Alapfogalom: alkalmazkodó képstílusok

Az alkalmazkodó képstílus tulajdonképpen nem más, mint a korábban meghatározott képstílusok összepárosítása adott töréspontokkal. Ez lehetővé teszi számunkra, hogy webhelyünk automatikusan létrehozza ugyanannak a képnek a különböző méretváltozatait, így bármekkora felbontással rendelkező kijelzőn nézik meg oldalunkat, mindig az optimális (azaz nem túl nagy és nem túl kicsi) méretben kapják meg őket. Ez azért nagyon hasznos, mert mobileszközökre a kisebb képernyők miatt amúgy is elég egy fotó kisebb méretű változatait használni, ezáltal kisebb adatforgalommal jár, így gyorsabban töltenek be oldalaink. Mindezt az alaprendszer Responsive Image modulja biztosítja.

Töréspontnak azt a számszerű értéket nevezzük, amihez képest ha szélesebb vagy keskenyebb a képernyő vízszintes dimenziója, átvált a weboldal sminkje egy másik elrendezésbe. Ilyen rugalmas képstílusokat vagy azoknál a sminkeknél tudunk használni, amelyeknek vannak beállított töréspontjaik, vagy pedig ha az alkalmazkodó képstílusok beállításainál megadtunk töréspontokat.

Ha viszont sikeresen felvettünk egy alkalmazkodó képstílust, akkor utána azt már kiválaszthatjuk a Kép típusú mezők megjelenítési beállításai között. Ez lehetővé teszi, hogy a Drupal kihasználja a korszerű HTML5-ös <picture> elemben, valamint az <img> elem srcset és sizes tulajdonságaiban (beállításainktól függően) rejlő lehetőségeket.

6.3. szakasz - Egyszerű mezők tartalomtípushoz adása

Közreműködők

E témakör szövegét Boris Doesborg a Drupal közösségi dokumentációjának Responsive images in Drupal 8 (azaz „Alkalmazkodó képek a Drupal 8-ban”) című szócikkéből vette át, melynek szerzői joga 2000–2025 között annak egyéni közreműködőié. Fordította: Balu Ertl (Brainsum).