---
url: "/pl/hypercrop/batch-cropping.md"
description: "Kadruj i skaluj obrazy wsadowo dzięki presetom, własnym rozmiarom, inteligentnym punktom ostrości i opcjom eksportu."
---

# Wsadowe kadrowanie i skalowanie obrazów do wielu rozmiarów

> Kadruj i skaluj obrazy wsadowo dzięki presetom, własnym rozmiarom, inteligentnym punktom ostrości i opcjom eksportu.

### Poradnik wideo: kadrowanie i skalowanie obrazów

Ten film pokazuje, jak kadrować i skalować wsadowo obrazy z Figmy za pomocą wtyczki HyperCrop.
[Embedded media](https://www.youtube-nocookie.com/embed/ysRuuEJvvYE)

Po przejściu na inną stronę w Figmie wczytują się rozmiary kadrowania i ustawienia eksportu zapisane dla tej strony. Strona bez zapisanych rozmiarów kadrowania zaczyna od domyślnych presetów.

## Wybieranie presetów popularnych rozmiarów {#selecting-popular-size-presets}

[Video](/assets/videos/hypercrop/crop/selecting-presets.mp4)

HyperCrop zawiera dziesiątki presetów rozmiarów, dzięki którym łatwo przytniesz wsadowo i wyeksportujesz obrazy dla popularnych platform i urządzeń – bez samodzielnego sprawdzania i wpisywania wymiarów każdego z nich.

Możesz dodać (i usunąć) dowolny z tych rozmiarów, przewijając listę i klikając **pole wyboru** obok danej pozycji. Zaznaczenie rozmiaru doda go do listy **wybranych rozmiarów**, a odznaczenie go z niej usunie.

### Dostępne rozmiary popularnych platform i urządzeń {#popular-platforms-and-device-sizes-included}

Możesz wybierać spośród dziesiątek presetów z poniższych kategorii:

- Facebook
- Google Ads
- Instagram
- LinkedIn
- Papier
- Telefony
- Pinterest
- Ekrany
- Snapchat
- Tablety
- Twitch
- Twitter (X)
- YouTube.

## Dodawanie własnych presetów rozmiarów kadrowania {#adding-custom-crop-sizes-presets}

[Video](/assets/videos/hypercrop/crop/custom-sizes.mp4)

Możesz dodać (i usunąć) dowolny z tych rozmiarów, przewijając listę i klikając **pole wyboru** obok danej pozycji. Zaznaczenie rozmiaru doda go do listy **rozmiarów**, a odznaczenie go z niej usunie.

### Używanie szerokości lub wysokości „Auto” {#using-auto-width-or-height}

Jeśli chcesz podać *tylko* szerokość *albo* wysokość, a HyperCrop ma sam ustalić drugi wymiar, wypełnij pole **Crop Width** *albo* **Crop Height**, a drugie zostaw puste. Tekst zastępczy pustego pola zmieni się wtedy na **Auto**. Gdy ustalona szerokość lub wysokość Ci odpowiada, kliknij przycisk **Add Custom Crop Size +**, aby dodać ją do dostępnych własnych rozmiarów kadrowania.

### Usuwanie własnego presetu kadrowania {#deleting-a-custom-crop-preset}

Aby usunąć własny preset z listy dostępnych kadrów, kliknij ikonę **Trash** obok własnego rozmiaru kadrowania, a potem potwierdź, klikając **Delete**. Rozmiar zniknie z listy **wybranych rozmiarów** *i* zostanie całkowicie usunięty z listy dostępnych kadrów.

## Wybieranie obrazów do kadrowania wsadowego {#selecting-images-for-batch-crop}

[Video](/assets/videos/hypercrop/crop/selecting-layers.mp4)

Wszystkie obrazy dostępne do kadrowania wsadowego pojawiają się po prawej stronie wtyczki HyperCrop. Klikając **pole wyboru** obok obrazu na liście, decydujesz, czy HyperCrop ma uwzględnić go w kadrowaniu wsadowym, czy go pominąć.

Liczba wybranych obrazów zostanie pomnożona przez liczbę wybranych rozmiarów – wynik to łączna liczba obrazów, które HyperCrop wyeksportuje.

> **Note:** **Obrazy muszą mieć ustawienia eksportu, aby pojawiły się w HyperCrop**. Aby obrazy lub warstwy z Figmy były widoczne we wtyczce HyperCrop, dodaj do warstwy, którą chcesz przyciąć, co najmniej jedno ustawienie eksportu – kliknij ikonę **+** w prawej kolumnie Figmy, pod nagłówkiem **Export**.

> **Tip:** **Szybkie zaznaczanie i odznaczanie**. Aby odznaczyć (lub ponownie zaznaczyć) wszystkie obrazy naraz, kliknij pole wyboru na samej górze listy, obok etykiety **X of XX Images Selected**.

### Ustawianie punktów ostrości kadru {#specifying-crop-focal-points}

Domyślnie HyperCrop kadruje i skaluje obrazy wsadowo z zakotwiczeniem **Center/Center**, co oznacza, że punkt ostrości zawsze znajduje się dokładnie na środku obrazu.

Czasem zechcesz to zmienić, aby punkt ostrości leżał w innej części obrazu, na przykład **Top/Left** lub **Center/Right**.

Aby to zrobić, najedź kursorem na obraz, dla którego chcesz zmienić punkt ostrości, kliknij **listy rozwijane** pionową (↕) i poziomą (↔) i wybierz w każdej odpowiednią opcję.

### Włączanie inteligentnego kadrowania {#enabling-smart-cropping-features}

Jeśli nie chcesz ręcznie ustawiać punktu ostrości za pomocą list rozwijanych pionowej (↕) i poziomej (↔), możesz użyć przełączników **Content Aware** i **Detect Faces**.

Możesz włączyć jedną z tych funkcji (lub obie), najeżdżając kursorem na obraz, dla którego chcesz je włączyć (lub wyłączyć), i klikając odpowiedni **przełącznik**.

#### Content Aware {#content-aware}

Włączenie opcji **Content Aware** sprawia, że HyperCrop używa modeli inteligentnego kadrowania, aby ustalić, gdzie na obrazie znajdują się ważne lub interesujące fragmenty. Jeśli obraz nie wymaga kadrowania twarzy do trudnego zestawu rozmiarów, *nie* musisz włączać tego ustawienia, bo po jego włączeniu kadrowanie trwa dłużej.

#### Detect Faces {#detect-faces}

Włączenie opcji **Detect Faces** sprawia, że HyperCrop używa modeli rozpoznawania twarzy, aby ustalić, gdzie na obrazie znajdują się twarze. Jeśli obraz nie zawiera twarzy lub nie wymaga kadrowania twarzy do trudnego zestawu rozmiarów, *nie* musisz włączać tego ustawienia, bo po jego włączeniu kadrowanie trwa dłużej.

> **Note:** **Obsługa przeglądarek**. Z powodu problemów ze zgodnością przeglądarek funkcja **Detect Faces** w HyperCrop *nie* działa w **Safari**. Uruchom wtyczkę w innej przeglądarce (na przykład w [Chrome](https://www.google.com/intl/en_us/chrome/)) albo w [aplikacji desktopowej Figma](https://www.figma.com/downloads/).

## Konfigurowanie ustawień eksportu kadrowania wsadowego {#configuring-batch-cropping-export-settings}

[Video](/assets/videos/hypercrop/crop/open-settings.mp4)

Gdy wybierzesz rozmiary kadrowania i obrazy, a ustawienia kadru każdego z nich Ci odpowiadają, możesz przygotować się do wsadowego kadrowania i eksportu.

Aby otworzyć panel ustawień, kliknij przycisk **Batch Crop** w nagłówku HyperCrop.

W panelu ustawień kadrowania wsadowego możesz wybrać m.in. **Image Format** (JPG lub PNG), **Image Compression** (jakość i rozmiar obrazu) oraz **Image Fill** (dotyczy tylko kadrów nieinteligentnych).

### Dodawanie własnego formatu nazw plików {#adding-a-custom-filename-format}

Przy kadrowaniu wsadowym HyperCrop pozwala ustawić własny format nazw plików, który zostanie zastosowany do wszystkich eksportowanych obrazów. Przydaje się to do spójnego nazewnictwa lub grupowania obrazów w sensowne struktury **podfolderów**.

To pole jest opcjonalne. Jeśli zostawisz je puste, użyty zostanie format domyślny **#&lcub;collection&rcub;/#&lcub;name&rcub;\_#&lcub;width&rcub;x#&lcub;height&rcub;**.

#### Dostępne zmienne w nazwach plików {#available-variables-for-your-filenames}

W swoim wzorcu podfolderów i nazw plików możesz **dowolnie łączyć** *wszystkie* poniższe zmienne, a także zwykły tekst i znaki (na przykład podkreślenia, litery lub cyfry).

- **#&lcub;name&rcub;** Nazwa warstwy w Figmie (na przykład „My Figma Layer Name”)
- **#&lcub;collection&rcub;** Nazwa kolekcji presetów rozmiarów (na przykład „facebook”)
- **#&lcub;label&rcub;** Etykieta presetu w kolekcji (na przykład „profile”)
- **#&lcub;width&rcub;** Szerokość obrazu po skalowaniu (na przykład „1024”)
- **#&lcub;height&rcub;** Wysokość obrazu po skalowaniu (na przykład „768”)

> **Tip:** **Tworzenie podfolderów**. Aby utworzyć podfolder, dodaj „**/**” w dowolnym miejscu własnego formatu nazw plików. Na przykład **#&lcub;collection&rcub;-crops/#&lcub;width&rcub;x#&lcub;height&rcub;/#&lcub;name&rcub;** utworzy dynamiczną strukturę folderów, taką jak **facebook-crops/1024x768/my_figma_layer_name.jpg** (zmienne są podstawiane dla każdej kolekcji i każdej kombinacji szerokości i wysokości).

## Pobieranie obrazów z kadrowania wsadowego na komputer {#downloading-your-batch-crop-images-to-your-computer}

[Video](/assets/videos/hypercrop/crop/batch-crop-download.mp4)

Gdy skonfigurujesz wszystkie opcje i format nazw plików tak, jak chcesz, kliknij przycisk **Crop & Download Images**, aby rozpocząć wsadowe kadrowanie i skalowanie obrazów w HyperCrop.

Pamiętaj, że przetworzone zostaną *wszystkie* wybrane rozmiary dla *każdego* zaznaczonego obrazu, więc im więcej obrazów i rozmiarów, tym dłużej to potrwa.

Po zakończeniu kadrowania wsadowego zobaczysz ekran z potwierdzeniem, że obrazy są gotowe do pobrania. Aby pobrać plik `.zip` z Figmy na komputer, kliknij przycisk **Download your .zip file** we wtyczce HyperCrop.

> **Tip:** **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 {#opening-your-exported-zip-file}

Po pobraniu pliku `.zip` z Figmy na komputer otwórz w eksploratorze plików folder, w którym został zapisany. **Dwukrotne kliknięcie** wyeksportowanego pliku `.zip` rozpakuje go do folderu ze wszystkimi obrazami i podfolderami (zgodnie ze wzorcem podfolderów i nazw plików ustawionym w ustawieniach eksportu HyperCrop).

## Wstawianie obrazów z kadrowania wsadowego do bieżącego pliku Figmy {#inserting-your-batch-crop-images-into-your-current-figma-file}

[Video](/assets/videos/hypercrop/crop/batch-crop-insert.mp4)

Gdy skonfigurujesz wszystkie opcje i format nazw plików tak, jak chcesz, możesz też wstawić przycięte obrazy bezpośrednio do Figmy, klikając przycisk **Crop & Insert to Figma**. Wtyczka utworzy w bieżącym pliku Figmy zupełnie nową stronę i wstawi na nią wszystkie warstwy z przyciętymi obrazami.
