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
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
Generator Pixel Art
Prześlij obraz i przekształć go w bloki Minecraft — z listą materiałów, planem budowy i poleceniami /fill. Wszystko w przeglądarce.
Autor: Eric Mager
Kompresuj i zmniejszaj obrazy
Kompresowanie i zmniejszanie obrazów online: zmniejszanie plików JPG, PNG i WebP do docelowego rozmiaru w KB lub konwersja, np. PNG na JPG. Wszystko odbywa się w przeglądarce.
Autor: Dimitri Heissler
Przycinanie obrazów (Image Cropper)
NowyPrzycinaj obrazy dowolnie, do koła lub do ustalonych formatów, takich jak miniatura YouTube, baner Discord, relacja na Instagramie czy nagłówek X. Precyzja co do piksela, zapis jako PNG, JPG lub WebP. Działa w całości w przeglądarce.
Autor: Luca Stanek
Konwertuj SVG na PNG (SVG to PNG)
NowyKonwertuj SVG na PNG: zapisuj ostre grafiki wektorowe w dowolnym rozmiarze jako PNG, JPG lub WebP, z przezroczystym tłem. Szablony do favicony, emoji Discorda i ikony serwera Minecraft. Wszystko działa w przeglądarce.
Autor: Luca Stanek
Generator favicon
Wygeneruj z dowolnego obrazu kompletny zestaw favicon — favicon.ico, ikonę Apple-Touch, ikony Android-Chrome, site.webmanifest i gotowy fragment HTML do skopiowania. Wszystko w przeglądarce.
Autor: Jakub Martyniak
Próbnik kolorów z obrazu
Odczytaj kod koloru z obrazu: próbnik z lupą, HEX, RGB i HSL, paleta kolorów obrazu oraz wskazówka dotycząca kontrastu. Obraz pozostaje w przeglądarce.
Autor: Dimitri Heissler
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ą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.
Bez konfiguracji. Bez ryzyka. Online w kilka sekund.
Szukasz więcej narzędzi? Zobacz wszystkie narzędzia do grafiki i projektowania
