Bilder schrumpfen und sehen in hervorgehobenen Beiträgen verzerrt aus

Hallo zusammen!

Wir haben mehrere hervorgehobene Beiträge, und die Bilder sehen dort ziemlich schrecklich aus:

Gibt es eine Möglichkeit, Bilder ohne Qualitätsverlust zu skalieren?

Nur für den Fall, hier ist unser Forum: https://community.elfsight.com/

Danke!

2 „Gefällt mir“

Ist das aus der Featured Cards Komponente? Wenn ja, kann vielleicht @manuel helfen?

4 „Gefällt mir“

Ja, das sieht nach der Komponente aus. Sie basiert jedoch auf der Komponente „Featured Tiles“, und ich glaube, was die Bildgröße betrifft, habe ich keinen Code geändert. Ich sehe auch manchmal unscharfe Vorschläge bei der Komponente „Topic List Thumbnails“. Vielleicht hat @david einen Rat, wie man Bilder optimieren kann, damit die Vorschläge nicht unscharf werden?

3 „Gefällt mir“

Sie müssen die Größendefinitionen hier aktualisieren:

Und dann die Mathematik machen, um die Liste der erforderlichen Auflösungen hier zu aktualisieren:

4 „Gefällt mir“

Oh.. danke, dass Sie darauf hinweisen! Ich lasse Benutzer die Größen in den Einstellungen anpassen:

Es sieht so aus, als müsste ich mir überlegen, ob und wie ich diese Flexibilität in die bestehenden Definitionen integrieren kann :robot:

3 „Gefällt mir“

Der einfachste Ansatz ist wahrscheinlich, die Komponente mit der größten sinnvollen Größe im Code zu definieren (vielleicht 500x500, plus die 1,5x- und 2x-Varianten) und sie dann vom Browser beim Anzeigen verkleinern zu lassen?

3 „Gefällt mir“

Danke für den Tipp, David! Das scheint für die Komponente ziemlich einfach zu sein. Auf jeden Fall muss ich besser verstehen, was die Browser tatsächlich tun, indem sie ein skaliertes Miniaturbild auswählen und es auf die endgültige Layoutgröße skalieren. Wie erwähnt, sah ich auch unscharfe Bilder bei den Miniaturbildern der Themenliste, und die Ergebnisse unterscheiden sich je nach Browser leicht. Und das liegt wahrscheinlich daran, dass ich in meinem Theme-Code einige Größenanpassungen vornehme.