Mam coś takiego:
background:
/* top, transparent black, faked with gradient */
linear-gradient(
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
),
/* bottom, image */
url(../img/background/background_photo1.jpg);
background-size: 90%;
background-position:center;
I to zdjęcie jest dość duże, chciałbym je ładować w formacie webP.
Standardowy sposób, czyli coś takiego:
<picture>
<source srcset="img/gallery_small/small_slider-photo1.webp" type="image/webp">
<source srcset="img/gallery_small/small_slider-photo1.jpg" type="image/jpeg">
<img src="img/gallery_small/small_slider-photo1.jpg" alt="">
</picture>
W tym wypadku chyba nie zadziała?..