Hallo Leute,
habe meine erste Website an einem Monitor mit hoher Bildschirmauflösung konzipiert. Wenn ich die Site jetzt von PCs oder Laptops mit geringerer Auflösung abrufe, bekommen meine Grafikelemente (.jpg-Bilder) "Artefakte", Farbverläufe werden "schmutzig" usw. Der Effekt sieht so aus, wie wenn man eine zu starke Komprimierung bei Bildern vornimmt.
Frage: Was kann man dagegen tun? Gibt es eine universale Lösung oder muss man per JavaScript die Auflösung "sniffen" und jeweils unterschiedlichen Code/Bilder laden?
Bin für Anregungen, Beispiele und Links dankbar!
MfG
UselessUser
Homepage selbermachen 7.846 Themen, 35.563 Beiträge
Hallo!
Wenn Deine Grafiken schlecht aussehen, dann liegt das nicht an der Bildschirmauflösung, sondern an der zu hohen Kompression. Natürlich fällt das nicht so auf, wenn man ein hohe Auflösung benutzt, aber da sind die Artefakte trotzdem. Du solltest die Grafikelemente also noch einmal neu machen bzw. neu exportieren von der (hoffentlich vorhandenen) Vorlage (die in einem verlustlosen Format gespeichert wurde). Benutze je nach Komplexität der Grafiken eine JPG-Qualität von 70 bis 80%, damit fährst Du üblicherweise ganz gut. Elemente mit großen einfarbigen Flächen, Schriftzüge usw. solltest Du als GIF abspeichern, in JPG sehen die meist etwas verwaschen aus.
Viele Grüße,
Andreas