Hallo Clockology-Fans! Die Optimierung Ihrer Bildressourcen ist der Schlüssel, um sicherzustellen, dass Ihre Designs schnell geladen werden, reibungslos laufen und fantastisch aussehen!
Beachten Sie die ROT Warnrahmen, wenn Ihr Design die empfohlenen Dateigrößenbeschränkungen überschreitet und möglicherweise nicht effizient ausgeführt wird.
In der App werden Tipps zur Reduzierung der Dateigröße bereitgestellt.
Hier sind einige hilfreiche Tipps, die Ihnen dabei helfen, beim Erstellen Ihrer Designs die beste Leistung zu erzielen:
1. Wählen Sie das richtige Dateiformat
Die Auswahl des geeigneten Dateiformats ist entscheidend:
PNG: Am besten für Bilder mit Transparenz, wie zum Beispiel importierte Uhrzeiger.
JPEG: Ideal für detaillierte Bilder ohne Transparenz.
2. Passen Sie die Größe Ihrer Bilder an
Stellen Sie sicher, dass die Größe Ihrer Bilder genau auf die für Ihr Design erforderlichen Abmessungen angepasst ist. Dadurch wird die Dateigröße reduziert und die Ladezeiten verbessert. Tools wie Adobe Photoshop, GIMP oder Canva können bei der Größenanpassung hilfreich sein.
3. Bilder komprimieren
Durch das Komprimieren großer oder hochauflösender Bilder wird deren Dateigröße ohne Qualitätseinbußen reduziert. Erwägen Sie die Verwendung von:
TinyPNG: Komprimiert PNG- und JPEG-Bilder effektiv.
ImageOptim: Eine Mac-App, die Bilder unter Beibehaltung der Qualität komprimiert.
4. Verwenden Sie korrekte Namenskonventionen
Geben Sie Ihren Bilddateien aussagekräftige Namen und verwenden Sie relevante Schlüsselwörter. Dies erleichtert die Organisation Ihrer Assets und verbessert die Durchsuchbarkeit Ihrer Designs.
5. Regelmäßiges Überprüfen und Bereinigen
Überprüfen Sie regelmäßig Ihre Bildressourcen und entfernen Sie alle, die nicht benötigt werden oder nicht mehr verwendet werden. So bleibt Ihr Design leicht und effizient.
6. Tipps zum Reduzieren der Asset-Layer-Dateigröße
Dateiauflösung reduzieren:
Warum: Bilder mit höherer Auflösung haben größere Dateien, was Ihre Designs verlangsamen kann.
Wie: Verwenden Sie beispielsweise kein 2000 Pixel breites Bild, sondern passen Sie die Größe auf 800 Pixel an, wenn das für Ihre Anforderungen ausreicht. Dies kann mit Bildbearbeitungstools wie Photoshop, GIMP oder Onlinetools wie Canva erfolgen.
Beispiel: Wenn Ihr Design erfordert, dass Ihr Bild mit einer Breite von 400 Pixeln angezeigt wird, müssen Sie kein 2000 Pixel breites Bild hochladen. Eine Größenanpassung auf 800 Pixel Breite sorgt immer noch für gute Qualität und reduziert gleichzeitig die Dateigröße.
Verwenden Sie JPEG, wenn keine Transparenz erforderlich ist:
Warum: JPEG-Dateien sind im Allgemeinen kleiner als PNG-Dateien, da sie keine Transparenz unterstützen und eine verlustbehaftete Komprimierung verwenden.
Wie: Konvertieren Sie PNG-Bilder in JPEG, wenn sie keine Transparenz erfordern. Die meisten Bildbearbeitungstools ermöglichen das Speichern oder Exportieren von Bildern in verschiedenen Formaten.
Beispiel: Wenn Sie ein Hintergrundbild ohne transparente Bereiche haben, speichern Sie es als JPEG, um die Dateigröße zu reduzieren.
Beachten Sie den Unterschied in der Dateigröße, wenn „Transparenz beibehalten“ bei Verwendung eines einfarbigen JPEG-Bilds aktiviert ist.
Aktivieren Sie die Option „Transparenz beibehalten“ nur, wenn sie benötigt wird:
Warum: Das Beibehalten der Transparenz kann die Dateigröße erhöhen, insbesondere wenn die Transparenz für den Zweck des Bildes nicht erforderlich ist.
Wie: Überprüfen Sie beim Importieren Ihres Bildes die Einstellungen, um sicherzustellen, dass die Transparenz nur bei Bedarf erhalten bleibt.
Beispiel: Wenn ein Bild mit transparentem Hintergrund angezeigt werden muss (z. B. Stunden-, Minuten-, Sekundenzeiger), aktivieren Sie unbedingt die Option „Transparenz beibehalten“. Deaktivieren Sie bei Bildern mit einfarbigem Hintergrund die Option „Transparenz beibehalten“, um Platz zu sparen.
Kombinieren Sie nach Möglichkeit mehrere Ebenen zu einer:
Warum: Mehrere Ebenen können die Gesamtdateigröße eines Designs erhöhen.
Wie: Fügen Sie Ebenen in Ihrer Bildbearbeitungssoftware zusammen, bevor Sie das endgültige Bild speichern. Dadurch werden die Komplexität und Größe der Datei reduziert.
Beispiel: Wenn Sie ein Zifferblattdesign mit separaten Ebenen für Hintergrund, Schatten und Zahlen haben, sollten Sie diese in einer einzigen Ebene zusammenführen, wenn sie nicht separat sein müssen und es sich nicht um bewegte Bilder handelt.
Passen Sie die Größe von Videos an den Bildschirm an:
Warum: Videos, die größer als nötig sind, können viel Speicherplatz beanspruchen und die Ladezeit und den Betrieb Ihrer Designs verlangsamen.
Wie: Passen Sie die Größe Ihrer Videos auf die maximal empfohlene Größe von 360p an. Verwenden Sie eine Videobearbeitungssoftware, die Fotos-App oder iMovie, um die Auflösung anzupassen.
Beispiel: Wenn Sie ein Video mit 1080p haben, es in Ihrem Design aber in einem kleinen Fenster angezeigt wird, ändern Sie die Größe auf 360p, um Platz zu sparen und die Leistung zu verbessern.
DE 
EN 
ES 
IT 
FR 
JA 
ZH 
KO 
PT