TinyImage zawiera funkcję Downsizer, która automatycznie zmienia rozmiar (i lekko kompresuje) wypełnienia obrazem na warstwach w Figmie, dopasowując je do faktycznego rozmiaru warstwy. Przydaje się to, gdy do pliku Figmy zaimportowano obrazy w wysokiej rozdzielczości, a potem mocno zmniejszono wymiary warstw (a oryginalny, duży plik obrazu nadal jest używany).
Typowy przykład to dodanie dużego zdjęcia z Unsplash (lub innego serwisu albo wtyczki ze zdjęciami stockowymi), a następnie zmniejszenie warstwy do małego obrazka w „karcie” lub „awatarze”. Może to spowolnić działanie pliku Figmy, a funkcja zmniejszania pomoże zmniejszyć rozmiar pliku i poprawić wydajność strony w Figmie.
Optymalizacja wypełnień obrazem na stronie za pomocą funkcji Downsizer
Aby zacząć zmniejszać wypełnienia w Figmie, otwórz kartę Downsize w nagłówku TinyImage.
Downsizer skanuje każdą warstwę na bieżącej stronie w Figmie w poszukiwaniu wypełnień obrazem. Polami wyboru w TinyImage wskaż, które wypełnienia mają zostać zmniejszone, a gdy trzeba ponownie przeskanować stronę, kliknij ikonę odświeżania z etykietą Rescan all fills on this page.
Zaznaczenie warstw w Figmie zawęża listę, jeśli te warstwy odpowiadają wypełnieniom obrazem, które TinyImage już wczytało. Gdy ten filtr jest aktywny, TinyImage wyświetla komunikat Showing selected layer fills. Jeśli bieżące zaznaczenie nie ma pasujących wypełnień, TinyImage pokazuje pełną wczytaną listę. Zmiana zaznaczenia nie powoduje ponownego skanowania strony; aby wczytać nowo dodane wypełnienia, użyj ikony odświeżania.
Wybieranie wypełnień obrazem do zmniejszenia
Gdy wypełnienia obrazem się wczytają, wybierz te, które chcesz zmniejszyć, zaznaczając je lub odznaczając na liście.
Jeśli nie wiesz, do której warstwy należy dane wypełnienie, kliknij przycisk z ikoną Image na liście – Figma od razu przybliży i przewinie widok do tej warstwy na stronie.
Zmniejszanie wypełnień
Gdy wybór wypełnień jest gotowy, w selektorze skali wybierz rozdzielczość, do której mają zostać zmniejszone wypełnienia obrazem w Figmie. Domyślnie jest to @2x, co oznacza, że wypełnienia zostaną proporcjonalnie zmniejszone dokładnie do dwukrotności rozmiaru warstwy w Figmie, w której są użyte. Możesz wybrać @1x, aby dopasować wypełnienia do rozmiaru ich warstwy, ale obraz nie będzie wtedy tak ostry jak przy opcji @2x.
Gdy wszystko jest gotowe, kliknij przycisk Downsize Figma Image Fills, aby rozpocząć zmniejszanie. TinyImage automatycznie wykryje, czy obraz trzeba zmniejszyć; obrazy, które tego wymagają, zostaną przeskalowane (i lekko skompresowane), a potem automatycznie podmienione w warstwach Figmy. Po przetworzeniu wszystkich obrazów zobaczysz, ile łącznie miejsca zaoszczędzono w pliku Figmy.
Cofanie zmniejszania obrazów w Figmie. Jeśli użyjesz funkcji Downsizer przypadkiem albo zaznaczysz niewłaściwe wypełnienia obrazem, możesz użyć zwykłej funkcji Undo w Figmie, aby przywrócić oryginalne wypełnienia obrazem. Jeśli musisz cofnąć się dalej, użyj w Figmie polecenia File -> Show Version History, aby przywrócić poprzednią wersję pliku.