Wohlgefallen - DANKE !

Zu 2:

Bis vor ein paar Jahren verwendeten Serendipity wie auch die Anfänge von Styx eine Auszeichnung für vom System generierte Thumbnails, also die Vorschauen. Da war das sehr lange serendipityThumb, dass dann einfach zum Namen hinzugefügt wurde, so dass man immer 2 Bilder desselben in der Mediathek hatte. Das heraufgeladene (und ev. beschnittene) Originalbild und das generierte Vorschaubild. Das kam mir irgendwann zu lang vor, deswegen die Änderung auf styxThumb.

Alte Einträge mit serendipityThumb und neue Einträge mit styxThumb können völlig unbehelligt voneinander in der Mediathek leben. Man muss sie nicht umstellen. Wenn man es aber - schon aus ästhetischen Gründen - doch gerne möchte, kann und sollte man dies über die Wartung (Mediathek: Vorschauen erneuern: Erneuere alle (*.serendipityThumb) Vorschaubilder und vice versa) automatisiert ablaufen lassen.

Bis man Vertrauen in die dortigen Routinen hat, sollte man sich vorher ein SQL-Backup der image, mediaproperties, entries, entryproperties und staticpage Tabellen ziehen und auch den uploads Ordner einmal weg-(backup)-packen.

Ich konnte mich bei den Vorschaubildern nicht für eine grössere Grösse als 200px (Breite) entscheiden. Smartphones zeigen aktuell ca. 400-500 Pixel in der Breite. Oft platziere ich links und rechts im Text ein Vorschaubild. Bei 200px Breite können diese noch nebeneinander dargestellt werden.

Ich breche nochmal eine Lanze!  Die default Breite von 400px für ein Thumbnail hat visuelle Gründe, wie die Darstellung und Feinabstimmung in der Mediatheksanzeige und deren Tasks und für die Mediatheksanzeigen für die Eintragsformulare. Aber es hat auch praktische Gründe, denn Browser können heutzutage skalieren, besonders, wenn man ihnen wie auf Serendipity und besonders Styx dabei hilft. Ist das Ausgangsmaterial bereits zu klein, wie bei zu kleinen Thumbs, wird auch keine Variation erstellt, da sich das dann oft nicht lohnt.

Das heißt, 400px werden auf Smartphones nicht als 400px angezeigt, wenn der Breite kleiner ist! Ausprobieren!

Das heißt auch, dass links- und rechtsumflossene Bilder auch entsprechend herunterskaliert werden, je nach Device; denn dort gilt (für viele themes) eine prozedurale "interaktive" Skaldierung! Du kannst also für alles was unterhalb einer gewisssen Größe liegt, dies auch so in die user.css einfügen, was den ungemeinen Vorteil hätte, dass größere Screens auch etwas zu sehen bekommen würden, denn - ehrlich - von diesen Minis kann man ja nun nicht behaupten, dass sie einem (älteren) Auge ? auch alles zeigen würden. Also ist man immer gewungen die großen Bilder durch die lightbox zu laden.

/* auto scales 400px left and right oriented images with floated text */
@media screen and (max-width: 767px) {
    .post p > .serendipity_image_left,
    .post p > .serendipity_image_right {
        max-width: 48%; }
}

Wie du sehen kannst, kann die WebP Variation bei gleicher Qualität und Bildgröße erhebliche KB Einsparungen ergeben, so dass alles viel flüssiger läuft und erheblich mehr zur gleichen Zeit und mit dem gleichen impact angezeigt werden kann (siehe die Anzahl Einstellung und das temporäre verkleinern durch die "2-3-4-Zebras", du erinnerst?!).

Zb ist das vorher oft ein Problem gewesen, wenn man in Spartacus die zusätzliche Themes anzeigen Option aktiviert hatte. Dann wurden 112 zusätzliche Themes gezeigt. Hier hat webp wahnsinnig geholfen.

Das gilt eben auch für die Mediathek.

In ein paar Monaten wird es ein weiteres Format geben mit dem schönen Namen AVIF, von der Alliance for Open Media (AOMedia), dass noch einmal einen deutlichen Qualitäts-Erhaltungs bei gleichzeit deutlichen Schrumpfungsprozeß ermöglicht und webp damit ganz toll erweitert. Es wird dann bald nicht anderes mehr geben, prophezeie ich..! ?

Um es MAL GANZ LAUT zu sagen... ?

Ich habe das (angepasste)  css scriptlet in das pure theme per default eingefügt, denn das absolut Tolle daran ist, dass es hat keine Auswirkungen auf alle jene entries hat, die eventuell mit einem kleineren image size arbeiten - also beispielsweise nur 150-200px groß sind. Alle meine internen Test Seiten für image floats geben grünes Licht und arbeiten besser als je zuvor! ?

Ich würde sagen dass damit jegliche Gründe entfallen von den 400px abzuweichen!

In Ermangelung eines solchen Pools an alten Einträgen mit alten image inserts würde ich das hier gerne einmal live sehen - so dass du bitte die pure style neu aufspielen mögest und hier auf 400px gehst. Als ich das gestern schrieb, hatte ich noch Sorge, dass man eventuell alle alten Einträge und damit auch alle alten Thumbs auf das neue Thumb Format hieven müsste. Aber das scheint nicht nötig ❗

OK

Du siehst also das muss noch angepasst werden für kommentierte Bilder.

Pack mal denselben Inhalt aber ohne images Comment Auszeichnung darunter, um zu sehen wie es funktioneren soll.

Und jetzt mit pure magic ? auch für kommentierte images. Please update!

Dafür ist die lightbox einfach noch nicht angepasst. Sie sucht halt nach dem einfachen Schema: link > bild, um dann das rel="lightbox[7906]" Attribut in das Link a href einzufügen.
Ich werde mich drum kümmern.