Unscharfe Bilder im Internet-Browser
Fotos, die für das Web verkleinert werden, sollten leicht nachgeschärft werden, da durch das Verkleinern eine Interpolation des Bildes stattfindet. Das ist so weit kein Problem und lässt sich einfach lösen. Anders sieht es aus, wenn auf der eigenen Homepage Bilder durch den Browser, auf verschiedenen Geräten, verkleinert werden und je nach verwendeten Webbrowser plötzlich weich und verschwommen wirken. Solange sie nicht in der 100% Ansicht angeschaut werden.
Das ist mir ganz besonders beim Chrome Browser, den ich nutze, aufgefallen. Skalierte Bilder in Galerien beispielsweise sehen weich und unscharf aus. Es kann natürlich gut sein, dass es eine versteckte Einstellung gibt, die ich nicht kenne. Die würde das Problem nicht lösen, da die meisten User ihren Browser auch nicht entsprechend konfiguriert haben. Also wäre es am einfachsten dem Bild eine CSS-Anweisung, wie der Browser es darstellen soll, gleich mitzugeben.
img {
border: none;
display: block;
transform: translateZ(0) scale(0.999999);
}
Die meisten werden vermutlich WordPress verwenden, wo Ihr den CSS Code als zusätzliches CSS in euer Themes, oder Code Snippet Plugin, einbinden könnt. Üblicherweise findet Ihr eine Möglichkeit in eurem Theme Customizer externen CSS Code einzubinden.
