TinyImage enthält die Funktion Downsizer, mit der du alle Figma-Bildfüllungen deiner Ebenen automatisch auf die tatsächliche Größe der Ebene verkleinerst (und leicht komprimierst). Das ist praktisch, wenn du ursprünglich hochauflösende Bilder in deine Figma-Datei importiert und die Ebenen danach deutlich verkleinert hast, während weiterhin die große Originalbilddatei verwendet wird.
Ein typischer Fall: Du fügst ein großes Bild von Unsplash (oder einer anderen Stockfoto-Website bzw. einem Plugin) ein und verkleinerst die Ebene dann auf ein viel kleineres „Karten“- oder „Avatar“-Bild. Das kann deine Figma-Datei spürbar verlangsamen. Mit einer Funktion wie dem Downsizer sparst du Dateigröße und verbesserst die Performance der Seiten in deiner Figma-Datei.
Bildfüllungen auf deiner Seite mit dem Downsizer optimieren
Um deine Figma-Füllungen zu verkleinern, öffne im Kopfbereich von TinyImage den Tab Downsize.
Der Downsizer durchsucht jede Ebene auf der aktuellen Figma-Seite nach Bildfüllungen. Wähle mit den Kontrollkästchen in TinyImage aus, welche Füllungen verkleinert werden sollen, und klick auf das Aktualisieren-Symbol mit der Beschriftung Rescan all fills on this page, wenn du die Seite erneut durchsuchen musst.
Wenn du in Figma Ebenen auswählst, wird die Liste auf diese Ebenen eingegrenzt, sofern sie zu Bildfüllungen passen, die TinyImage bereits geladen hat. Solange dieser Filter aktiv ist, zeigt TinyImage Showing selected layer fills an. Hat die aktuelle Auswahl keine passenden Füllungen, bleibt die gesamte geladene Liste sichtbar. Eine geänderte Auswahl löst keinen neuen Scan der Seite aus; neu hinzugefügte Füllungen lädst du über das Aktualisieren-Symbol.
Die zu verkleinernden Bildfüllungen auswählen
Sobald die Bildfüllungen geladen sind, wählst du die gewünschten aus, indem du sie in der Liste an- oder abhakst.
Wenn du nicht sicher bist, welche Füllung zu welcher Ebene gehört, klick in der Liste auf das Symbol Image. Figma zoomt und scrollt dann sofort zu dieser Ebene auf deiner Seite.
Deine Füllungen verkleinern
Wenn deine Auswahl passt, wähle mit der Skalierungsauswahl die Auflösung, auf die deine Figma-Bildfüllungen verkleinert werden sollen. Standardmäßig ist @2x eingestellt: Deine Bildfüllungen werden proportional auf genau die doppelte Größe der Figma-Ebene verkleinert, in der sie verwendet werden. Mit @1x verkleinerst du die Bildfüllungen auf dieselbe Größe wie ihre Figma-Ebene; sie wirken dann aber nicht so scharf wie mit der Option @2x.
Wenn du so weit bist, klick auf Downsize Figma Image Fills, um die Verkleinerung zu starten. TinyImage erkennt automatisch, ob ein Bild verkleinert werden muss. Alle betroffenen Bilder werden verkleinert (und leicht komprimiert) und dann automatisch in deinen Figma-Ebenen ersetzt. Sobald alle Bilder verarbeitet sind, siehst du, wie viel Dateigröße du in deiner Figma-Datei insgesamt gespart hast.
Verkleinerung von Bildern in Figma rückgängig machen. Wenn du den Downsizer versehentlich verwendet oder aus Versehen Bildfüllungen ausgewählt hast, kannst du die Änderungen mit der normalen Funktion Undo in Figma zurücknehmen und deine ursprünglichen Bildfüllungen wiederherstellen. Musst du weiter zurückgehen, kannst du deine Datei in Figma über File -> Show Version History auf eine frühere Version zurücksetzen.