Sie haben einige tolle Bilder für Ihre Kampagne gefunden oder erstellt, aber die Dateien sind riesig! WebP-Bilder könnten dabei helfen. Unabhängig davon, ob Sie versuchen, eine Datei unter die Upload-Größenbeschränkung zu bringen oder den verfügbaren Speicherplatz zu maximieren, können viele Dateien durch die Konvertierung in WebP ohne oder mit geringem Qualitätsverlust optimiert werden.
Hinweis: Roll20 unterstützt derzeit nur statisches WebP, animiertes WebP wird nicht unterstützt.
Ihr Kilometerstand kann variieren
Obwohl die Konvertierung in WebP Ihre Dateien in den meisten Fällen kleiner macht, ist dies keine 100-prozentige 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 Googles FAQsind WebP-Dateien im Durchschnitt 30 % kleiner als JPEGs mit der gleichen Qualitätsstufe. Ebenso weisen verlustfreie WebPs bei PNG durchschnittlich 20 % kleinere Dateigrößen auf.
So konvertieren Sie Ihre 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 Sie die Version für Ihr System heruntergeladen und installiert haben, können Sie damit Ihre Bilddateien öffnen. Starten Sie GIMP und ziehen Sie dann einfach das Bild, das Sie konvertieren möchten, per Drag & Drop in das Fenster. Führen Sie nach dem Öffnen die folgenden Schritte zum Exportieren aus:
- Wählen Sie in der Symbolleiste „Datei“ > „Exportieren als…“ oder drücken Sie Strg + Umschalt + E
-
Stellen Sie im Dialogfeld „Bild exportieren“ sicher, dass „Dateityp auswählen (nach Erweiterung)“ ausgewählt ist
-
Jetzt können Sie die Dateierweiterung im Feld „Name:“ in „.webp“ ändern und unten auf „Exportieren“ klicken.
-
Im Dialogfeld „Bild als WebP exportieren“ können wir unseren Export basierend auf der Datei, die wir konvertieren, konfigurieren.
-
Für PNGs oder andere verlustfreie Formate möchten wir das Kontrollkästchen „Verlustfrei“ aktivieren, wodurch die Qualitätsregler deaktiviert werden.
-
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). .
-
Für PNGs oder andere verlustfreie Formate möchten wir das Kontrollkästchen „Verlustfrei“ aktivieren, wodurch die Qualitätsregler deaktiviert werden.
-
Wir können den Quelltyp auf „Standard“ eingestellt lassen, aber fahren Sie fort und deaktivieren Sie alle drei Kontrollkästchen 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.
- Klicken Sie auf „Exportieren“ und warten Sie, bis GIMP die Datei speichert.
Sobald die Datei gespeichert ist, gehen Sie zu ihrem Speicherort und vergleichen Sie die Dateigröße mit dem Original. Wenn es so klein ist, wie Sie es brauchen, großartig! Ansonsten lesen Sie weiter unten unter „Anpassen der Qualitätseinstellungen“, um eine Vorstellung davon zu bekommen, wie Sie möglicherweise weitere Verbesserungen erzielen können.
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 Ihre Dateien nicht so klein werden, wie Sie möchten, oder wenn sie größer werden (huch!), kann dieser Abschnitt möglicherweise hilfreich sein.
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: Beim Konvertieren von JPEG sollten Sie den Qualitätsregler des WebP auf oder unter der Qualität des Originalbilds belassen. Wenn Sie die Qualität höher als das Original einstellen, wird die Datei fast immer größer, gleichzeitig sieht das Bild möglicherweise auch schlechter aus. Wenn Sie die Originalqualität nicht kennen, experimentieren Sie mit diesem Wert und exportieren Sie einige Kopien, um die Ergebnisse zu überprüfen (nicht nur die Dateigröße, öffnen Sie unbedingt die Dateien und prüfen Sie, ob Sie visuelle Artefakte bemerken).
Möglicherweise müssen Sie mehrmals mit unterschiedlichen Qualitäten exportieren, 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 Sie können den Wert von dort aus verringern, um zu sehen, wie sich dadurch die Größe und das Erscheinungsbild des resultierenden Bildes ändern.
Aber meine Bilder sind immer noch zu groß!
Das tut mir leid!
Es passiert manchmal. Hin und wieder finden Sie möglicherweise ein Bild, das aus dem einen oder anderen Grund in einem anderen Format einfach besser funktioniert. Oder vielleicht haben Sie wirklich große Karten, die kleiner werden, aber nicht klein genug, um sie in einem Stück hochzuladen. Im letzteren Fall empfehlen wir, das Bild mit der Software Ihrer Wahl zu halbieren (oder zu vierteln oder so klein wie nötig) zu schneiden, um es in mehreren Teilen hochzuladen. Sobald Sie sich in Ihrer Bibliothek befinden, können Sie die Bilder auf dem VTT wieder zu einer großen Karte zusammenfügen.
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 Ihre Asset-Vorbereitung möglicherweise mehr Schritte erfordert, ist es im Moment schwer, mit 25 % kleineren Dateien zu argumentieren.