Kompresja obrazów eksportowanych z Figmy

Jak wybrać ustawienia eksportu i kompresować obrazy eksportowane z Figmy za pomocą TinyImage.

TinyImage wykrywa ustawienia i formaty eksportu nadane warstwom na stronie w Figmie i pozwala wyeksportować je jako skompresowane obrazy.

Automatyczne skanowanie strony pomija warstwy w ukrytych kontenerach. Warstwy jawnie zaznaczone w Figmie są nadal sprawdzane według ich własnej widoczności i ustawień eksportu. Nie musisz zmieniać zapisanych ustawień eksportu.

Szczegółowy opis ustawień eksportu w Figmie i ich działania znajdziesz w oficjalnym przewodniku po eksporcie w Figmie w centrum pomocy Figmy.

Każda warstwa, którą chcesz skompresować, musi mieć co najmniej jedno ustawienie eksportu. Jeśli warstwa nie ma żadnych ustawień eksportu, TinyImage nie będzie wiedzieć, że chcesz ją skompresować i wyeksportować, więc nie pojawi się ona na liście obrazów do eksportu we wtyczce.

Dodawanie i odświeżanie ustawień eksportu ​

Aby zacząć eksportować skompresowane obrazy z Figmy, najpierw nadaj ustawienia eksportu obrazów warstwom, które chcesz skompresować.

Dodawanie ustawień eksportu do warstw w Figmie ​

Aby dodać ustawienia eksportu do jednej lub kilku warstw, zaznacz je w Figmie, a potem w panelu właściwości Figmy kliknij ikonę + obok Export. Każde kolejne kliknięcie + dodaje do warstwy następne ustawienie eksportu, bez limitu. Dzięki temu jedną warstwę możesz wyeksportować naraz w wielu formatach i rozmiarach (na przykład SVG, JPG @1x, JPG @2x, PDF itd.).

Odświeżanie warstw w Figmie po zmianie ustawień eksportu ​

Jeśli warstwa ma już ustawienia eksportu, a chcesz dodać lub usunąć niektóre z nich przy uruchomionej wtyczce TinyImage, zrób to tak jak w poprzednim kroku. Gdy nowe ustawienia eksportu będą gotowe, kliknij ikonę Refresh na pasku narzędzi TinyImage. Wtyczka odświeży warstwy z Figmy i pokaże zaktualizowane opcje eksportu na liście obrazów do eksportu.

Ustawianie procentowej jakości kompresji lub docelowego rozmiaru ​

TinyImage pozwala ustawić jakość kompresji w zakresie 1%-100% albo maksymalny docelowy rozmiar pliku (w kilobajtach) dla eksportowanych obrazów. Niższa wartość daje mniejsze pliki, ale też niższą jakość obrazów. Wyższa wartość daje większe pliki, ale też wyższą jakość obrazów.

  • 0%-50% niska jakość (72dpi dla plików PDF)
  • 50%-75% dobra jakość (150dpi dla plików PDF)
  • 75%-100% najlepsza jakość (300dpi dla plików PDF)

Ustawianie procentowego poziomu jakości kompresji ​

Poziom jakości wszystkich eksportowanych obrazów w zakresie 1%-100% ustawisz suwakiem kompresji na pasku narzędzi TinyImage. Kliknij i przytrzymaj suwak, a potem przeciągnij go, aby wybrać żądany poziom jakości. To ustawienie dotyczy wszystkich eksportów TinyImage.

Ustawianie maksymalnego docelowego rozmiaru pliku (KB) ​

Możesz też ustawić maksymalny docelowy rozmiar pliku (w kilobajtach): włącz przełącznik Size Target i wpisz liczbę kilobajtów w polu rozmiaru. TinyImage spróbuje wtedy zmniejszyć każdy obraz poniżej tego maksymalnego rozmiaru.

Pamiętaj, że zwykle trwa to dłużej niż przy użyciu suwaka jakości, bo każdy obraz trzeba kompresować stopniowo, aż osiągnie żądany limit.

Wolisz ustawić maksymalny rozmiar pliku dla TinyImage w Figmie, a nie w interfejsie wtyczki? Użyj sufiksu w ustawieniach eksportu Figmy na dowolnej eksportowalnej warstwie. Dodaj podkreślnik i liczbę zakończoną na kb (na przykład _250kb), a TinyImage użyje tej wartości jako maksymalnego rozmiaru dla tej warstwy. Przykłady prawidłowych sufiksów: _250kb, @2x_500kb, @1x_300kb

Docelowy rozmiar nie dotyczy eksportów PDF ani GIF. Kompresja do docelowego rozmiaru pliku nie wpływa na eksporty PDF ani GIF z TinyImage; działa tylko dla obrazów JPG, PNG, SVG, AVIF i WebP.

Zastępowanie poziomu jakości lub rozmiaru dla poszczególnych eksportów ​

Oprócz ustawienia jakości suwakiem TinyImage pozwala podać inny poziom jakości lub rozmiaru dla poszczególnych formatów obrazów. Taka wartość zastępuje wartość globalną ustawioną suwakiem jakości lub w polu docelowego rozmiaru w nagłówku wtyczki.

Aby ustawić jakość dla określonego formatu obrazu, kliknij pole liczbowe jakości obok obrazu, który chcesz zmienić. Możesz wpisać dowolną liczbę z zakresu 1%-100% – stanie się ona ustawieniem jakości, z jakim obraz zostanie wyeksportowany.

Jeśli używasz maksymalnego rozmiaru pliku, możesz go zastąpić, klikając pole liczbowe KB obok obrazu, dla którego chcesz zmienić docelowy rozmiar. Możesz wpisać dowolną liczbę z zakresu 1-9999 (KB) – stanie się ona docelowym rozmiarem pliku, z jakim obraz zostanie wyeksportowany.

Wybieranie obrazów do kompresji ​

Gdy dodasz ustawienia eksportu do warstw, które chcesz skompresować, pojawią się one na liście obrazów do eksportu w TinyImage. Nie musisz jednak eksportować naraz wszystkich obrazów ze strony w Figmie. TinyImage pozwala zaznaczać (i odznaczać) polami wyboru obrazy, które chcesz skompresować.

Zaznaczanie i odznaczanie obrazów do eksportu ​

Aby zaznaczyć (lub odznaczyć) obraz do eksportu, kliknij pole wyboru obok jego miniatury na liście obrazów do eksportu w TinyImage. Odznaczony obraz nie zostanie skompresowany ani wyeksportowany, a zaznaczony zostanie uwzględniony w eksporcie.

Szybkie zaznaczanie i odznaczanie wszystkich warstw. Aby błyskawicznie zaznaczyć lub odznaczyć wszystkie obrazy na liście, kliknij pole wyboru na pasku narzędzi TinyImage nad listą obrazów do eksportu.

Wczytywanie tylko zaznaczonych warstw przy otwieraniu TinyImage ​

Aby TinyImage nie skanowało przy uruchomieniu dużej strony, przed otwarciem wtyczki zaznacz w Figmie potrzebne warstwy z ustawieniami eksportu. TinyImage wczyta na początek tylko te zaznaczone warstwy, które mają już ustawienia eksportu.

Zmiana zaznaczenia w Figmie przy otwartym TinyImage może filtrować już wczytane warstwy, ale nie uruchamia ponownego skanowania ani nie wczytuje nowych warstw w tle. Jeśli nowe zaznaczenie zawiera warstwy spoza początkowo wczytanego zestawu, TinyImage poprosi Cię o kliknięcie Refresh All Exportable Layers. Spowoduje to przeskanowanie bieżącej strony w poszukiwaniu warstw do eksportu, łącznie z nowo dodanymi warstwami i ustawieniami eksportu, z pominięciem warstw w ukrytych kontenerach.

Jeśli po odświeżeniu bieżące zaznaczenie nadal nie pasuje do żadnej warstwy do eksportu, TinyImage pokazuje pełną listę ze strony, abyś mógł dalej pracować. Zmiana zaznaczenia lub przejście na inną stronę przywraca zwykłe filtrowanie według zaznaczenia.

Dodawanie brakujących ustawień eksportu do zaznaczonych obrazów ​

Jeśli co najmniej jedna z zaznaczonych warstw nie ma jeszcze ustawień eksportu, w panelu właściwości Figmy kliknij ikonę + obok Export i dodaj potrzebne ustawienia.

Gdy nowe ustawienia eksportu będą gotowe, kliknij ikonę Refresh na pasku narzędzi TinyImage. TinyImage ponownie przeskanuje bieżącą stronę i pokaże zaktualizowane opcje eksportu na liście obrazów do eksportu.

Eksportowanie skompresowanych obrazów ​

Gdy zaznaczysz obrazy do skompresowania, kliknij Export na pasku narzędzi TinyImage. Rozpocznie to kompresję zaznaczonych obrazów jeden po drugim. Wskaźnik postępu pokaże, który obraz jest właśnie kompresowany, a po każdej kompresji – ile miejsca udało się zaoszczędzić. Poczekaj, aż wszystkie obrazy zostaną skompresowane; im więcej obrazów i im są większe, tym dłużej to potrwa.

Szybkość kompresji PNG i PDF. Kompresja eksportów PNG i PDF może trwać dłużej niż eksportów JPG i SVG, zwłaszcza gdy są bardzo szczegółowe lub mają duże wymiary. TinyImage ostrzeże Cię, jeśli obraz będzie zbyt duży, aby go skompresować.

Zapisywanie wyeksportowanego pliku ZIP ​

Po przetworzeniu wszystkich obrazów zobaczysz powiadomienie, że obrazy zostały skompresowane, a pobieranie pliku .zip rozpocznie się automatycznie.

Eksport pojedynczego obrazu Jeśli eksportujesz tylko jeden skompresowany obraz, TinyImage nie spakuje go do pliku .zip; zapiszesz go na komputerze jako pojedynczy plik obrazu.

Zapisywanie pobranych plików z Figmy. Jeśli korzystasz z aplikacji desktopowej Figma, pojawi się okno pobierania pliku. Jeśli jednak używasz Figmy w przeglądarce internetowej, plik zostanie domyślnie automatycznie pobrany na komputer (zwykle do folderu Downloads / Pobrane).

Otwieranie wyeksportowanego pliku ZIP ​

Gdy plik .zip zostanie zapisany z Figmy na Twoim komputerze, otwórz w menedżerze plików folder, w którym go zapisano. Kliknij dwukrotnie wyeksportowany plik .zip, aby go rozpakować i korzystać ze wszystkich skompresowanych obrazów.