U074 – Meine Bilder sind unscharf

BookWidgets komprimiert Bilder automatisch, um die Ladezeiten zu verkürzen, wenn Lernende die Widgets öffnen.

Normalerweise fällt die Bildkomprimierung nicht auf. Wenn das Bild jedoch Text enthält, kann dieser unscharf und unleserlich werden. Es gibt zwei Möglichkeiten, wie Sie hier vorgehen können.

PNG oder JPG?

Die Wahl des richtigen Dateiformats kann bereits helfen. PNG und JPG sind Bildformate, die von Haus aus komprimiert sind, aber auf unterschiedlichen Komprimierungsmethoden basieren. Dadurch schneiden sie je nach Art des verwendeten Bildes unterschiedlich gut ab. Als Faustregel können Sie sich folgende Frage stellen:
Enthält mein Bild mehr als ein paar Dutzend Farben, oder weniger?

  • Verwenden Sie PNG für computergenerierte Bilder. Denken Sie dabei an Textdokumente, Firmenlogos, Symbole oder Emojis. Diese Bilder enthalten relativ wenige verschiedene Farben; hier ist das PNG-Format leistungsfähiger.
  • Verwenden Sie JPG für Fotografien, d. h. Bilder, die mit einer Kamera aufgenommen wurden, oder für Bilder von Gemälden. Diese Bilder enthalten oft Hunderte oder sogar Tausende verschiedener Farben; hier ist die Komprimierung des JPG-Formats effizienter.

Auflösung erhöhen

  1. Wählen Sie im Widget-Editor die Option „Mehr", um das Bild zu bearbeiten.
  2. Suchen Sie unten rechts im Editor nach dem Parameter Auflösung.
  3. Deaktivieren Sie das Kontrollkästchen Automatisch.
  4. Erhöhen Sie die Werte für Höhe und/oder Breite.

Beachten Sie, dass Ihr Quellbild bereits von Anfang an eine ausreichende Größe und Qualität aufweisen sollte. Wenn Ihr Quellbild beispielsweise eine Größe von 300 x 175 Pixeln hat, hat eine Erhöhung der Auflösungswerte kaum oder gar keine Auswirkungen.

Welche Werte sollte ich wählen?

Sie sollten ein Gleichgewicht zwischen Werten finden, die zu niedrig (verschwommenes Bild) oder zu hoch (längere Ladezeit) sind.

Da die meisten Computermonitore eine Breite von weniger als 1900 Pixeln aufweisen, bringt es in der Regel keinen zusätzlichen Nutzen, die Breite auf einen Wert über 1600 einzustellen. Ein Überschreiten dieses Schwellenwerts ist nur dann sinnvoll, wenn das Bild so beschaffen ist, dass Lernende hineinzoomen und nach winzigen Details suchen sollen (wie etwa bei „Wo ist Walter?").


Wurde Ihre Frage beantwortet? Vielen Dank für Ihr Feedback. Beim Absenden Ihres Feedbacks ist ein Problem aufgetreten. Bitte versuchen Sie es später erneut.