“Infinite” oder “smart” srcset bei Verwendung der serverseitigen Größenänderung?

Ich verwende serverseitige Bilder, deren Größe sich dynamisch über URLs wie @ änder<img src="converter/500w/picture.jpg">. Dies bedeutet, dass ich praktisch unendlich viele Bildgrößen zur Verfügung habe, die ich bedienen kann. Im Moment benutze ich<img srcset="..."> (ebenso gut wie<picture> tags), um eine Vielzahl von mehr oder weniger zufällig ausgewählten Bildgrößen bereitzustellen. Dies führt jedoch zu viel Markup und ist nicht wirklich flexibel.

Ist es möglich, @ zu verwendsrcset (oder ein anderes HTML-Markup), um dem Browser mitzuteilen, wie Bilder beliebiger Größe angefordert werden sollen? Wenn nicht, ist dies mit JavaScript / jQuery in allen Browsern zuverlässig möglich?

Ist es möglich, klug darüber zu sein, welche Größen in Ihrem @ enthalten sein sollesrcset, oder solltest du einfach so etwas wie 5-10 Auflösungen von klein bis groß / original mit einbeziehen? Ich dachte, dass Breiten, die sich auf Ihre Haltepunkte beziehen, gute Kandidaten wären, um sie einzubeziehen, aber dies berücksichtigt keine hochauflösenden Geräte.

Ich erkenne das "Unendliche"srcset würde kosten. Die Verarbeitung kann auf dem Server schwer sein, obwohl dies stark von Ihren Besuchern abhängt (Anzahl und Variation der Bildschirmspezifikationen). Speicherplatz ist ebenfalls ein Problem, kann jedoch durch die Speicherbereinigung verringert werden (obwohl dies die Auswirkungen des ersten Problems erhöhen würde). Trotzdem frage ich mich, ob es möglich ist und ob es eine kluge Auswahl an Auflösungen gibt, wenn nicht.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage