Bildelement nicht wählt Datei sollte es

Question

Ich habe ein einfaches Bildelement, die Anzeige eines von zwei Bildern sollten auf der Browser-Fenstergröße abhängig:

<picture> 
    <source src="images/still_life-650_medium_2x.jpg" media="max-width:899px" type="image/jpeg"> 
    <source src="images/still_life-1600_large_2x.jpg" media="min-width:900px" type="image/jpeg"> 
    <img src="images/still_life-1600_large_2x.jpg" alt="Old calculator and some fruit"> 
    </picture> 

Jedoch, wenn ich es mit dem Browser testen unter 899px Größe, Egal, wie klein ich es tatsächlich skaliere, es lädt immer die Datei "images/still_life-1600_large_2x.jpg" (Mit Chrome Devtools bestimmen, welche Datei geladen wird, da das Bild gleich aussieht).

Gibt es etwas falsch mit dem obigen Code?

Answer 1

Deryck beantwortete es in seinem Kommentar.

<picture> 
    <source srcset="images/still_life-650_medium_2x.jpg" media="(max-width:899px)" type="image/jpeg"> 
    <source srcset="images/still_life-1600_large_2x.jpg" media="(min-width:900px)" type="image/jpeg"> 
    <img src="images/still_life-1600_large_2x.jpg" alt="Old calculator and some fruit"> 
    </picture>