Ich habe ein Problem mit verschwommenen Bildern auf meiner Website. Ich fand ein paar Lösungen, aber nurVerhindern von verschwommenem Text und Bildern
img{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
arbeitete für mich.
Wenn ich dieses CSS anwende, werden alle Bilder nett angezeigt, aber das Problem ist, dass dann der gesamte Text unscharf wird.
Gibt es eine Möglichkeit, das zu vermeiden?
Um zu verhindern, dass Ihre Bilder unscharf werden; stellen Sie sicher, dass sie eine hohe Auflösung haben, wenn Sie Bilder mit niedriger Auflösung verwenden, werden sie verschwommen auf Ihrer Webseite angezeigt, stellen Sie auch sicher, dass Sie keine Breite und Höhe deklarieren, die sie unscharf macht. Um eine glattere/weniger verschwommene Schriftart im Browser anzuzeigen, versuchen Sie folgendes;
-webkit-font-smoothing: antialiased; //webkit browsers
-moz-osx-font-smoothing: grayscale; //firefox/opera
text-rendering: optimizeLegibility; //all other browsers
Versuchen auch transform: translateY(-51%)
mit Warum werden die Bilder in erster Linie verschwommen? – Santi
@Santi Ich bin mir nicht sicher. Ich benutze 'transform: translateY (-50%)' an einigen Stellen. Vielleicht ist das der Grund. – Boky
Sie müssen uns ein Beispiel zeigen. Kannst du eine Geige erstellen? – andi