Je nachdem ob von welchem Bildschirm bzw. welchem Gerät aus ich die Bilder öffne werden diese scharf oder verschwommen angezeigt.
Willkommen im Internet :)
Die besten Chancen auf eine scharfe Darstellung haben Sie, wenn Sie das Bild in 4-facher Auflösung hochladen (also exakt 4-mal Breite und Höhe). Dann werden Retina-Displays 1:1 ausgenutzt und alle andere können sauber skalieren. Aber es wirkt (!) nach dem Skalieren wahrscheinlich trotzdem nicht so scharf als wenn der Texte direkt pixelweise umgesetzt wird.
Sie können die Qualität noch geringfügig erhöhen, wenn Sie beim Erzeugen des Bildes darauf achten, dass dort keien Subpixel-Optimierung betrieben wird. Also wirklich exportieren, kein Screenshot.
sodass diese immer gleich scharf dargestellt werden?
Eine wirklich einheitliche Darstellung können Sie nur gewährleisten, wenn Sie Ihre Teilnehmer:innen mit einheitlichen Bildschirmen ausstatten und den Zoom im Browser sperren.
Weiterhin gibt es noch die Möglichkeit, dass Sie nicht mit Bildern arbeiten, sondern die Texte als Texte einbinden und per HTML formatieren. Dann hat der Browser die optimale Grundlage für eine möglichst scharfe Darstellung.