Przejdź do treści
Bezpłatne narzędzie

Narzędzie do dzielenia arkuszy sprite’ów: podziel arkusz sprite’ów na pojedyncze klatki

Sprite Sheet Cutter dzieli plik PNG, JPG lub GIF na osobne klatki według liczby kolumn i wierszy albo rozmiaru sprite’a. Na przykład arkusz o wymiarach 274 × 138 px, mający 8 kolumn i 4 wierszy, podzieli na 32 plików PNG o rozmiarze 32 × 32 px każdy. Za darmo, bez rejestracji i przesyłania plików na serwer: twój obraz jest przetwarzany tylko w przeglądarce.

Autor: Justin Schuessler

Sprites gotowe? Przetestuj swój Mod na własnym serwerze Minecraft.

Przeciągnij tutaj arkusz sprite’ów lub wybierz plik

PNG, JPG lub GIF, także duże arkusze, np. 8192 × 8192 px, do 10 000 klatek na siatkę. Możesz też wkleić obraz przez Ctrl+V.

Twój obraz pozostaje w twojej przeglądarce: nie jest przesyłany ani zapisywany.

Nie wczytano jeszcze arkusza sprite’ów

Podgląd animacji pojawi się, gdy siatka będzie poprawna.

Pobierz

Każda klatka jest zapisywana jako plik PNG — bezstratnie i z przezroczystością, nawet jeśli oryginał jest plikiem JPG.

Siatka

Wczytaj arkusz sprite’ów, a siatka zostanie automatycznie wykryta.

Przykładowy wynik

Tak Sprite Sheet Cutter dzieli arkusz

Narzędzie wykrywa kolumny, wiersze, przesunięcie i odstępy na podstawie przezroczystych przerw albo korzysta z podanych przez ciebie wartości. Pokazuje siatkę na żywo i zapisuje każdą klatkę jako PNG. Przykład korzysta z arkusza dostępnego pod przyciskiem „Wczytaj przykładowy arkusz”; właściwe wartości zależą od twojego obrazu.

Przykład · Dane wejściowe: 274 × 138 px, 8 kolumn, 4 wierszy, przesunięcie 2 px, odstęp 2 px

Klatki
32
Rozmiar klatki
32 × 32px
Siatka
8 × 4
Kolumny × wiersze
Niewykorzystana przestrzeń
2 / 2px
prawo / dół

Wynik

beispiel-sprite-sheet-frames.zip
sprite_00.png   x   2  y   2  32 × 32sprite_01.png   x  36  y   2  32 × 32sprite_02.png   x  70  y   2  32 × 32sprite_08.png   x   2  y  36  32 × 32…sprite_31.png   x 240  y 104  32 × 32
  • sprite_{index}Wzorzec nazwy pliku: kolejny numer uzupełniony zerem do dwóch cyfr
  • x / yPozycja klatki w arkuszu: offset oraz wcześniejsze klatki i odstępy

Dlaczego to narzędzie?

Narzędzie do dzielenia arkuszy sprite’ów pokazujące siatkę

Stworzone dla modderów, twórców gier indie i wszystkich, którzy przygotowują grafiki do gier na własny serwer.

Siatka wykryta i wyświetlona na obrazie na żywo

Narzędzie samo wykrywa kolumny, wiersze, marginesy i odstępy na podstawie przezroczystych przerw. Każda zmiana od razu przesuwa siatkę, więc przed eksportem widzisz, czy każda klatka została prawidłowo wycięta.

Wybierz konkretne klatki

Kliknij, aby zaznaczyć lub odznaczyć klatkę, albo użyj Shift+kliknięcie, aby zaznaczyć cały zakres. Eksportuj tylko cykl biegu zamiast całego arkusza — jako osobne pliki PNG lub razem w pliku ZIP.

Sprawdź animację przed pobraniem

Wybrane klatki są odtwarzane w pętli z regulowaną szybkością od 1 do 60 FPS. Nieprawidłowe przesunięcie od razu widać jako zacięcia.

Podziel GIF na klatki

Z animowanego GIF-a wyodrębniane są poszczególne klatki animacji, poprawnie złożone. Wiele GIF-ów zapisuje tylko zmienione obszary, ale tutaj każda klatka jest kompletna.

PNG z dokładnością do piksela

Klatki są kopiowane bez wygładzania i zapisywane bezstratnie jako PNG. Przezroczystość zostaje zachowana, a pikselowa grafika pozostaje ostra przy powiększaniu.

Bez przesyłania plików, także w przypadku dużych arkuszy

Obraz jest przetwarzany wyłącznie w twojej przeglądarce — nic nie trafia na serwer. Nawet arkusze o wymiarach 8192 × 8192 pikseli można płynnie przybliżać, ponieważ renderowana jest tylko widoczna część.

Jak to działa

Jak podzielić arkusz sprite’ów w czterech krokach

Od arkusza sprite’ów do ZIP – bez konta i przesyłania plików.

Krok 1

Wczytaj arkusz sprite’ów

Przeciągnij plik PNG, JPG lub GIF w pole, wybierz go z urządzenia albo wklej skrótem Ctrl+V. W plikach PNG i GIF z przezroczystością narzędzie wykrywa siatkę na podstawie przerw między sprite’ami, uwzględniając margines, odstępy i narysowane linie podziału.

Krok 2

Sprawdź siatkę i w razie potrzeby ją dostosuj

Siatka jest widoczna na obrazie na bieżąco. Jeśli nie pasuje, w sekcji „Dostosuj siatkę” podaj liczbę kolumn i wierszy albo rozmiar sprite’a oraz przesunięcie i odstępy. W przypadku JPG zawsze ustawiasz siatkę ręcznie.

Krok 3

Przetestuj animację

Podgląd animacji odtwarza klatki w pętli z szybkością od 1 do 60 klatek na sekundę. Strzałkami możesz przechodzić między klatkami. Jeśli animacja się zacina, zwykle trzeba jeszcze poprawić przesunięcie lub odstępy.

Krok 4

Wybierz i pobierz klatki

Wybierz pojedyncze klatki kliknięciem, zakres za pomocą Shift+kliknięcie lub wszystkie klatki, ustaw wzorzec nazw plików ze zmiennymi {index}, {row} i {col}, a następnie pobierz klatki jako osobne pliki PNG lub razem w ZIP.

Poradnik

Ustaw siatkę: kolumny, wiersze, rozmiar sprite’a, offset i odstępy

Dwie metody prowadzą do tej samej siatki. Wybierz tę, której wartości znasz. Narzędzie obliczy i wyświetli pozostałe.

Kolumny i wiersze
Liczba klatek w poziomie i pionie. Na tej podstawie narzędzie oblicza rozmiar sprite’a.
Szerokość i wysokość sprite’a
Rozmiar klatki w pikselach, jeśli go znasz, np. 16, 32 lub 64 px. Narzędzie obliczy na tej podstawie liczbę kolumn i wierszy.
Offset X i Y
Margines u góry i po lewej stronie, przed pierwszą klatką. W wielu arkuszach ma on 1 lub 2 piksele.
Odstępy X i Y
Odstęp między dwiema klatkami. Jest liczony tylko między klatkami, nie po ostatniej.

Jak oblicza narzędzie

Szerokość sprite’a = (szerokość obrazu − przesunięcie − odstęp × (kolumny − 1)) ÷ kolumny

Przykład: arkusz o szerokości 274 px, przesunięciu 2 px, odstępie 2 px i 8 kolumnach daje (274 − 2 − 2 × 7) ÷ 8 = 32,25, po zaokrągleniu w dół 32 px na klatkę. Przy prawej krawędzi pozostaje 2 px.

Jeśli ustawienie nie pasuje do obrazu, na przykład liczba kolumn przekracza liczbę pikseli lub Offset jest większy od obrazu, narzędzie pokaże przyczynę zamiast eksportować błędne klatki bez ostrzeżenia. Siatka może zawierać maksymalnie 10 000 klatek.

Wykryj siatkę

Automatycznie, ręcznie lub w zaznaczonym obszarze: sposoby wykrywania siatki

Wybór metody zależy od twojego arkusza. Każda z trzech metod daje tę samą regularną siatkę.

Wykryj automatycznie

W plikach PNG i GIF z przezroczystością narzędzie wyszukuje przezroczyste przerwy między sprite’ami oraz jednokolorowe linie podziału. Na tej podstawie wyznacza kolumny, wiersze, przesunięcie i odstępy dla obrazów o rozmiarze do 8192 × 8192 pikseli.

Ustaw ręcznie

W przypadku JPG, obrazów większych niż 8192 × 8192 pikseli lub błędnego wykrycia podaj liczbę kolumn i wierszy albo rozmiar sprite’a oraz przesunięcie i odstępy. Jeśli jakaś wartość nie pasuje do obrazu, narzędzie wyjaśni dlaczego.

Zaznacz obszar

Na arkuszu głównym z blokami o różnych rozmiarach komórek zaznacz prostokątem jeden blok. Narzędzie wykryje siatkę tylko w tym obszarze, a krawędzie zaznaczenia przyciągną się do przerw między sprite’ami.

Spakowanych atlasów tekstur, w których klatki o różnych rozmiarach są rozmieszczone nieregularnie, nie da się podzielić według siatki. Ich współrzędne są zapisane w pliku atlasu utworzonym przez program pakujący, którego to narzędzie nie odczytuje.

Dzielnik GIF

Podziel GIF na pojedyncze klatki

Animowany GIF to nie pojedynczy obraz, lecz sekwencja obrazów. Służy do tego osobny tryb.

Pierwszy obraz jako arkusz

Jeśli twój GIF jest w rzeczywistości sprite sheetem, wyłącz „Eksportuj klatki GIF”. Narzędzie użyje wtedy pierwszego obrazu jak pliku PNG i wykryje siatkę.

Eksportuj klatki GIF

Gdy otworzysz animowany GIF, narzędzie od razu przełączy się w ten tryb i podzieli animację na pojedyncze klatki — maksymalnie 200. Szybkość podglądu zostanie odczytana z GIF-a.

Pełne klatki zamiast fragmentów

Pliki GIF często zapisują tylko zmieniający się obszar i określają, co ma się stać z poprzednią klatką. Narzędzie składa każdą klatkę według tych zasad, dzięki czemu obrazy nie są niekompletne ani rozmazane.

Odkryj więcej

Więcej narzędzi

FAQ

Często zadawane pytania

Krótkie odpowiedzi o arkuszach sprite’ów, klatkach GIF i tym narzędziu do cięcia arkuszy sprite’ów.

Sprite Sheet Cutter, nazywany też Sprite Sheet Splitter lub Slicer, dzieli arkusz sprite’ów na osobne obrazy. Arkusz sprite’ów to grafika zawierająca w siatce wiele klatek animacji o jednakowym rozmiarze lub różne ikony. Dzięki temu gry wczytują jeden plik zamiast setek małych obrazów. Do edycji, tworzenia modów lub użycia w innym narzędziu często potrzebujesz jednak osobnych klatek.

Dodaj arkusz do narzędzia. Zazwyczaj samo wykryje siatkę; w przeciwnym razie ustaw liczbę kolumn i wierszy albo rozmiar sprite’a. Sprawdź siatkę w podglądzie i odtwórz animację z szybkością od 1 do 60 klatek na sekundę. Gdy wszystkie klatki są prawidłowo wydzielone, pobierz je jako ZIP lub wcześniej wybierz kliknięciem tylko te, których potrzebujesz. Zwykle zajmuje to mniej niż minutę.

Tak, w przypadku plików PNG i GIF z przezroczystością. Narzędzie wyszukuje przezroczyste przerwy między sprite’ami i na tej podstawie ustala liczbę kolumn i wierszy, margines oraz odstępy. Rozpoznaje też jednokolorowe linie podziału między klatkami. Pliki JPG nie obsługują przezroczystości, więc siatkę ustawiasz samodzielnie: podajesz liczbę kolumn i wierszy albo rozmiar sprite’a, a narzędzie oblicza pozostałą wartość. Jeśli wykryta siatka nie pasuje, popraw ją w sekcji „Dostosuj siatkę”. Opcja „Wykryj automatycznie” przywraca wykryte ustawienia.

Offset to margines u góry i po lewej stronie przed pierwszą klatką. Spacing to odstęp między dwiema klatkami, na przykład linia oddzielająca o szerokości 2 pikseli. Spacing jest liczony tylko między klatkami, nie za ostatnią. Piksele pozostałe po prawej stronie lub na dole narzędzie pokazuje jako niewykorzystany obszar.

Tak. Animowany GIF narzędzie otwiera od razu w trybie GIF: dzieli animację na maksymalnie 200 klatek i odtwarza każdą w całości, nawet jeśli GIF zapisuje tylko zmienione obszary. Klatki możesz pobrać jako pliki PNG lub razem jako ZIP. Jeśli GIF jest w rzeczywistości arkuszem sprite’ów, wyłącz „Eksportuj klatki GIF” — wtedy narzędzie użyje pierwszej klatki jako arkusza. To Sprite Sheet Cutter i narzędzie do dzielenia GIF-ów w jednym.

Osobne pliki PNG, po jednym na klatkę, opcjonalnie zebrane w ZIP. Format PNG jest bezstratny i zachowuje przezroczystość, nawet jeśli oryginał jest plikiem JPG. Arkusz sprite’ów o wymiarach 274 × 138 px, z 8 kolumnami, 4 wierszami, przesunięciem 2 px i odstępem 2 px daje 32 klatek po 32 × 32 px każda, zapisanych od sprite_00.png do sprite_31.png w pliku ZIP. Nazwy są tworzone według wzorca ze zmiennymi {index}, {row} i {col}; domyślnie jest to sprite_{index}. Numeracja zaczyna się od 0 lub 1 i może być uzupełniana zerami, a do powtarzających się nazw w pliku ZIP dodawane są końcówki _2, _3.

Narzędzie jest darmowe i nie wymaga konta. Obraz jest odczytywany i dzielony w twojej przeglądarce, a następnie udostępniany do pobrania. Nie jest przesyłany ani zapisywany na serwerze. W zakładce sieciowej narzędzi deweloperskich możesz sprawdzić, że podczas dzielenia nie jest wysyłane żadne żądanie zawierające twój obraz.

Pliki PNG, JPG i GIF do 200 MB oraz do 16.384 pikseli na każdą krawędź. Narzędzie automatycznie wykrywa siatkę w obrazach o rozmiarze do 8192 × 8192 pikseli, a siatka może zawierać do 10 000 klatek. Działa na regularnej siatce: na arkuszu głównym z blokami o różnych rozmiarach komórek użyj opcji „Zaznacz obszar”, aby zaznaczyć prostokątem jeden blok. Przy częściowo wypełnionym ostatnim wierszu pomoże opcja „Pomijaj puste klatki”. Narzędzie nie dzieli spakowanych atlasów tekstur z nieregularnie rozmieszczonymi klatkami.

Masz dodatkowe pytania?

Kontakt z pomocą techniczną
Sprites gotowe?

Wynajmij własny serwer gier w 60 sekund

Testuj swoje Mody, pakiety tekstur i pomysły na grę na własnym serwerze z ochroną DDoS, łatwym zarządzaniem Modami i wydajnością wystarczającą dla twojej społeczności.

4,4/5 Trustpilot32.000+ Aktywne serweryOd 2010 roku

Bez konfiguracji. Bez ryzyka. Online w kilka sekund.

Elastyczny okres obowiązywaniaAnuluj w dowolnym momencieOnline w 60 sekund

Szukasz więcej narzędzi? Zobacz wszystkie narzędzia do grafiki i projektowania