@@Martin L. aus E.
ein Optimierungswerkzeug wie pngcrush oder optipng benutzen
Ich verwende ImageOptim.
Und wenn ich jetzt gerade daran denke, dass du für vielleicht 150 Buchstaben und ein paar Leerzeichen sage und schreibe 44071 Bytes verbrätst (statt der vielleicht 150, die reichen täten), wird mir ganz schwummerig …
Mir wurde vorher schon ganz schwummerig:
-
Die Serife des kursiven A links unten ist weggeschnitten.
-
Der Text in der Grafik ist pixelig; besonders auf hochauflösenden Displays (Retina) ist der Unterschied zu richtigem, scharf gerendertem Text deutlich.
-
Kopfhörer und Buch (der Bücher?) sind pixelig und es deutet nichts darauf hin, dass der Effekt so gewollt ist.
Setze den Kopfhörer und das Buch in eigene Grafiken und den Untertitel ("deutschsprachige MP3-Dateien" usw.) als Text in den HTML-Code. Der eigentliche Titel sollte IMHO auch als Text gegeben werden
+2
LLAP 🖖
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory