2

Ich lese reaktionsschnelle Bilder in HTML5 und habe eine Frage.HTML srcset - wann soll der x-Deskriptor verwendet werden?

Wann würden Sie den x-Deskriptor verwenden? Wenn Sie zum Beispiel unterschiedliche Auflösungen des gleichen Bildes haben, warum würden Sie den w-Deskriptor nie benutzen? wenn Wie ich es verstehe Sie definieren:

<img src="fallback.img" alt"txt" 
 
    srcset="large.jpg 1024w, 
 
      medium.jpg 640w, 
 
      small.jpg 320w," 
 
    sizes="250px" 
 
    alt="txt">

Dann Zahlen der Browser die Pixeldichten sowieso durch die Breite der Bilder Teilen (1024,640,320) - zur Verfügung gestellt von der w-Beschreiber mit der Breite, die bei (250) angezeigt werden soll - bereitgestellt durch das Attribut sizes. Und durch das Erhalten der Pixeldichten kann der Browser Anzeigen mit hoher Dichte berücksichtigen.

So verstehe ich es bisher, wenn ich falsch liege würde ich es gerne wissen. Also wann ist der w-Deskriptor nicht die beste Option/wann ist der x-Deskriptor vorzuziehen?

+1

Sie verstehen es richtig. Wenn Sie nur einen "Größen" -Wert in "px" definieren, imitieren Sie die Funktion des x-Deskriptors. Der einzige Grund, den x-Deskriptor in diesen Fällen zu verwenden, wäre: Es ist eine kürzere Syntax. Historisch war der x-Deskriptor vor dem w-Deskriptor. –

Antwort

1

Zuvor habe ich nur den x Deskriptor verwendet, wenn die gerenderte Größe des Bildes behoben wurde, was wirklich nicht so oft passiert ist. Der einzige Vorteil war, dass einige Browser den x Deskriptor unterstützten, aber den w.

Jetzt, da die Browser-Unterstützung weit verbreitet ist, verwende ich nur den w Deskriptor und selten <picture>.

Verwandte Themen