Jemand Erfahrungen mit SRCSET ?

  • So, mal wieder eine doofe Frage. Ich weiß, ich habe nur doofe ;)

    Kennt sich einer mit srcset aus, also wie sich Browser da verhalten? Ich habe hier nämlich einen Fall, aus dem ich nicht schlau werde.

    Eingebunden ist das Bild so...

    <img src="/bilder/webseite/berichte/welpe-am-strand-k.jpg" srcset="/bilder/webseite/berichte/welpe-am-strand-o.jpg" width="200" height="133" />

    Klar, das srcset ist so nicht ganz korrekt und eigentlich so unnötig, aber es hat einen Grund für Pinterest. Das komische ist aber laut FF. Rufe ich die Netzwerkanalyse auf, dann wird laut derer das kleine Bild "-k" gar nicht geladen, sondern das große "-o".

    Mache ich aber einen Rechtsklick auf das Bild und dann "Grafik-Info anzeigen", dann ist es genau umgedreht. Angeblich ist das Bild das kleine "-k". In der Auflistung dort fehlt das große "-o".

    Was stimmt denn nun?

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(

  • Die Browser berechnen ja anhand der verfügbaren Größe des Bereichs für das Bild und der Pixelratio, welche Variante sie nehmen wollen. D.h.: Deinem Beispiel fehlen viele weitere Informationen, um nachzuvollziehen, was welcher Browser da macht.

  • Genau, das meinte ich mit "nicht korrekt". Mir ging es um das Verhalten vom FF, der mal a und mal b sagt. Eingebunden habe ich das so wegen Pinterst, denn so nehmen die das große Bild ;)

    Klar, ich habe nix angegeben. Also kein w, kein x, kein vw. Das Bild ist wesentlich größer als der Viewport, keine Ahnung, aber über 4000px. FF läd das aber laut Console, aber eben nicht laut Grafik-Info.

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(