Projekt

Allgemein

Profil

Aktionen

GX-Abgewiesen #55703

geschlossen

Browser-Antialiasing für Bilder standardmäßig unterdrücken

Von Torben Wark vor fast 7 Jahren hinzugefügt. Vor fast 7 Jahren aktualisiert.

Status:
Abgewiesen
Priorität:
Normal
Zugewiesen an:
Torben Wark
Kategorie:
Honeygrid
Zielversion:
Beginn:
Abgabedatum:
% erledigt:

0%

Geschätzter Aufwand:
Steps to reproduce:
Release Notes Langtext:

Bilder werden im Shop weniger unscharf angezeigt, wenn diese durch den Browser kleiner skaliert wurden


Beschreibung

Wir erhalten in letzter Zeit öfter die Rückmeldung, dass Bilder im Shop unscharf aussehen. Das kann daran liegen, dass manche Browser (hauptsächlich Webkit-Basierte) Probleme beim Skalieren von Bildern haben und ein zu starkes Antialiasing für diese anwenden. Dem kann man ein wenig mit CSS entgegenwirken:

img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}


Aktionen

Auch abrufbar als: Atom PDF