Responsive Bilder

[WebRoxx]

hallo, ich weiß nicht ob das schon gelöst wurde oder ob es an meiner "Unfähigkeit" liegt

aber irgendwie bekomme ich es nicht hin mit den responsive Bildern

Im Quellcode steht es zum Beispiel so:

<figure class="image_container">
<picture>
<source srcset="assets/images/4/header-live-005f97c5.webp" media="min-width: 768px" type="image/webp" width="627" height="440">
<source srcset="assets/images/6/header-live-6c653ec2.jpg" media="min-width: 768px" width="627" height="440">
<source srcset="assets/images/f/header-live-a9b2b74f.webp" type="image/webp" width="1920" height="440">
<img src="assets/images/b/header-live-b33e4ec2.jpg" width="1920" height="440" alt="Die Ärzte live - Leipzig" loading="lazy" title="header-live.jpg">
</picture>
</figure>

Bildgrößen Einstellungen:

Breite: 1920
Höhe: 440
Größenänderungsmodus: Exaktes Format

Media-Queries:
Breite: 770
Höhe: 540
Größenänderungsmodus: Exaktes Format
Media-Query: min-width: 768px

Aber es zeigt immer das 1920 Bild an, hab ich was vergessen oder verkehrt gemacht, bilde mir ein das esin der 4.4 bzw 4.9 noch so ging

[lbableck]

Du willst wahrscheinlich eher max-width: 768px nutzen.

[WebRoxx]

Du willst wahrscheinlich eher max-width: 768px nutzen.

Nö, denn da zeigt er mir immer das kleine Bild aber nicht das große und "min-width" sollte eigentlich auch funktionieren. warum auch nicht?

[Spooky]

Du hast die Klammern vergessen.

[WebRoxx]

Du hast die Klammern vergessen.

oh mein Gott, also doch einfach nur die Unfähigkeit... vielen Dank