Du hast ein paar tolle Bilder für deine Kampagne gefunden oder erstellt, aber die Dateien sind riesig! WebP-Bilder könnten dabei helfen. Egal, ob du versuchst, eine Datei unter das Größenlimit für den Upload zu bekommen oder deinen verfügbaren Speicherplatz zu maximieren, viele Dateien können durch die Konvertierung in WebP mit wenig bis gar keinem Qualitätsverlust optimiert werden.

Hinweis: Roll20 unterstützt derzeit nur statisches WebP, animiertes WebP wird nicht unterstützt.

Deine Erfahrungen können variieren

Auch wenn die Konvertierung in WebP deine Dateien meistens kleiner macht, ist das keine 100%ige Garantie. Die Bildkomprimierung ist kompliziert und in seltenen Fällen können sich andere Dateiformate für bestimmte Bilder als effektiver erweisen. Der einzige Weg, es herauszufinden, besteht darin, es auszuprobieren.

Laut der Googles FAQsind WebP-Dateien im Durchschnitt 30 % kleiner als JPEGs derselben Qualitätsstufe. Ebenso weisen verlustfreie WebPs bei PNG durchschnittlich 20 % kleinere Dateigrößen auf.

So konvertierst du deine Bilder

Es gibt viele verschiedene Möglichkeiten, Ihre Dateien zu konvertieren, von Befehlszeilentools wie FFmpeg über Online-Konvertierungen bis hin zu Bildbearbeitungsprogrammen. In diesem Artikel wird Software verwendet, die für technisch nicht versierte Benutzer einfach zu verwenden, plattformübergreifend und völlig kostenlos verfügbar ist: GIMP – Hier zum Download verfügbar .

Sobald du die für dein System passende Version heruntergeladen und installiert hast, kannst du sie zum Öffnen deiner Bilddateien verwenden. Starte GIMP und ziehe das Bild, das du umwandeln möchtest, einfach per Drag & Drop in das Fenster. Wenn du die Datei geöffnet hast, folge diesen Schritten, um sie zu exportieren:

1. Wähle in der Werkzeugleiste "Datei" > "Exportieren als…", oder drücke Strg + Umschalt + E
2. Stelle im Dialogfeld "Bild exportieren" sicher, dass "Dateityp auswählen (nach Erweiterung)" ausgewählt ist.
   
3. Jetzt kannst du die Dateierweiterung im Feld "Name:" in ".webp" ändern und unten auf "Exportieren" klicken.
   
   
4. Im Dialogfeld „Bild als WebP exportieren“ können wir unseren Export basierend auf der Datei, die wir konvertieren, konfigurieren.
   1. Bei PNGs oder anderen verlustfreien Formaten musst du das Kontrollkästchen "Verlustfrei" aktivieren, wodurch die Qualitätsregler deaktiviert werden.
      
      
   2. Für JPEGs (.jpeg, .jpg) oder andere verlustbehaftete Formate lassen wir „Verlustfrei“ deaktiviert und passen die Qualitätsregler nach Bedarf an (mehr dazu später, aber der Standardwert von 90 ist normalerweise ein guter Ausgangspunkt).
      
      
5. Wir können den Quellentyp auf "Standard" setzen, aber deaktiviere alle drei Kästchen weiter unten.
   
   Mit diesen Optionen können wir bestimmte Metadaten aus den Dateien ausschließen. Metadaten sind Informationen über das Bild, die nicht verändern, wie das Bild tatsächlich aussieht, und da wir möchten, dass diese Dateien so klein wie möglich sind, möchten wir nicht, dass diese zusätzlichen Informationen herumhängen.
   
6. Klicke auf "Exportieren" und warte darauf, dass GIMP die Datei speichert.

Sobald die Datei gespeichert ist, gehst du zu dem Ort, an dem sie gespeichert ist, und vergleichst die Dateigröße mit dem Original. Wenn es so klein ist, wie du es brauchst, super! Ansonsten lies weiter unten unter "Anpassen der Qualitätseinstellungen", um eine Vorstellung davon zu bekommen, wie du weitere Verbesserungen erreichen kannst.

Anpassen der Qualitätseinstellungen

Das Anpassen der Qualitätseinstellungen im Dialogfeld „Bild als Webp exportieren“ kann dabei helfen, den Export für bestimmte Dateien zu optimieren. Wenn deine Dateien nicht so klein werden, wie du es gerne hättest, oder wenn sie größer werden (huch!), kann dir diese Sektion vielleicht helfen.

Hinweis: In unseren Tests hatte der Schieberegler „Alpha-Qualität“ kaum oder gar keine Auswirkungen auf die Dateigröße oder die Qualität. Daher beziehen sich die folgenden Informationen nur auf den Schieberegler „Bildqualität“. Ihre Erfahrungen mit diesem Wert können unterschiedlich sein. Bei Bildern ohne transparente Pixel sollte dies keine Auswirkung haben.

Verlustbehaftet → Verlustbehaftet

Der Wechsel von einem verlustbehafteten JPG zu einem verlustbehafteten WebP kann schwierig sein, insbesondere wenn Sie die für die Konvertierung verwendeten Qualitätseinstellungen nicht kennen. Einige Tools, wie z. B. „Identify“-Befehl von ImageMagick, können möglicherweise einen genauen Wert für die Qualität liefern, die Verwendung solcher Tools ist jedoch nicht Gegenstand dieses Artikels.

Als Faustregel gilt, dass du bei der Konvertierung von JPEG den Qualitätsregler des WebP-Bildes auf oder unter der Qualität des Originalbildes halten solltest. Wenn du die Qualität höher als das Original einstellst, wird die Datei fast immer größer und das Bild kann gleichzeitig schlechter aussehen. Wenn du die ursprüngliche Qualität nicht kennst, kannst du mit diesem Wert herumspielen und ein paar Kopien exportieren, um die Ergebnisse zu überprüfen (nicht nur die Dateigröße, sondern auch, ob du die Dateien öffnen und visuelle Artefakte feststellen kannst).

Es kann sein, dass du mehrere Male mit unterschiedlichen Qualitäten exportieren musst, um den Wert zu finden, der für jede Datei am besten geeignet ist, um die Qualität zu maximieren und die Dateigröße zu minimieren.

Verlustbehaftet → Verlustfrei

Die Konvertierung von einem verlustbehafteten Bildtyp in ein verlustfreies WebP führt fast immer zu einer Vergrößerung der Datei, ohne dass das Bild dadurch besser aussieht. Wir raten von einer Konvertierung auf diese Weise ab.

Verlustfrei → Verlustbehaftet

Wenn wir ein qualitativ hochwertiges Bild im PNG-Format oder einem anderen verlustfreien Format gespeichert haben, können wir es im Idealfall beibehalten. Verlustfreie WebP-Bilder sind optisch nicht von ihren Originalen zu unterscheiden und normalerweise sind sie auch kleiner! Aber manchmal sind sie nicht klein genug, und in solchen Fällen können wir möglicherweise auf verlustbehaftetes WebP umsteigen, um etwas mehr von dieser Größe herauszuholen, ohne zu viel in Bezug auf die Bildqualität einzubüßen.

Dies ist ein weiterer Fall, in dem der beste Weg, die besten Einstellungen für ein bestimmtes Bild zu finden, darin besteht, mit dem Qualitätswert herumzuspielen und einige Optionen zu exportieren. Wie oben ist 90 ein guter Ausgangspunkt, und du kannst den Wert von dort aus verringern, um zu sehen, wie sich die Größe und das Aussehen des resultierenden Bildes verändern.

Aber meine Bilder sind immer noch zu groß!

Das tut mir leid!

Es passiert manchmal. Ab und zu findest du vielleicht ein Bild, das aus dem einen oder anderen Grund in einem anderen Format einfach besser funktioniert. Oder vielleicht hast du wirklich große Karten, die kleiner werden, aber nicht klein genug, um sie in einem Stück hochzuladen. Im letzteren Fall empfehlen wir dir, das Bild mit der Software deiner Wahl zu halbieren (oder zu vierteln, oder so klein wie nötig), um es in mehreren Teilen hochzuladen. In deiner Bibliothek kannst du die Bilder auf dem VTT wieder zu einer großen Karte zusammensetzen.

Direkter Export nach WebP

Einige Asset-Erstellungssoftware, wie z. B. DungeonDraftvon Megasploot, ermöglichen den direkten Export von WebP-Dateien. Beim Test mit DungeonDraft v1.0.4.7 (der neuesten Version zum Zeitpunkt dieses Schreibens) haben wir festgestellt, dass der Export in PNG und die anschließende Konvertierung in WebP wie oben beschrieben zu kleineren Dateien führte. Die von uns zum Testen verwendete 8400x8400-Pixel-Karte wurde mit 18,3 MB exportiert, während die verlustfrei aus PNG konvertierte Version nur 13,6 MB wog.

Dies ist von Programm zu Programm und von Datei zu Datei unterschiedlich und kann in zukünftigen Versionen der Software verbessert werden. Auch wenn du dadurch mehr Schritte bei der Vorbereitung deiner Ressourcen einplanen musst, ist es schwer, mit 25% kleineren Dateien zu argumentieren.