Czym jest GIF sprite sheet?

Sprite sheet układa wszystkie klatki animowanego GIF-a jako siatkę w jednym obrazie PNG, często używanym w tworzeniu gier i animacjach CSS.

W jakim formacie eksportowany jest sprite sheet?

PNG. Ten format zachowuje wszystkie kolory i przezroczystość z oryginalnych klatek GIF.

Jak kontrolować układ siatki?

Ustaw liczbę kolumn. Liczba wierszy jest obliczana automatycznie na podstawie całkowitej liczby klatek.

Jak używać sprite sheet w CSS?

Użyj właściwości `background-position` i `animation`, aby przechodzić przez klatki. Każda klatka zajmuje (szerokość × kolumna, wysokość × wiersz) pikseli w sprite.

Czy mogę używać sprite sheet w grach?

Tak. Silniki gier takie jak Phaser, Unity (2D) i Godot obsługują sprite sheets dla animacji klatka po klatce.

Jakie są wymiary każdej klatki w sprite sheet?

Każda komórka równa się oryginalnym wymiarom GIF-a. Całkowity rozmiar sprite sheet wynosi (gifWidth × kolumny) na (gifHeight × wiersze).

Czy sprite sheet zawiera przezroczystość?

Tak. PNG obsługuje pełną przezroczystość alfa, więc wszelkie przezroczyste obszary w klatkach GIF są zachowane.

Czy oryginalny GIF jest modyfikowany?

Nie. Sprite sheet to nowy plik PNG. Twój oryginalny GIF jest odczytywany, ale nie zmieniany.

Dlaczego użyć sprite sheet zamiast GIF-a?

Sprite sheets pozwalają na precyzyjną kontrolę nad animacją — możesz wstrzymać, odwrócić lub przeskoczyć do konkretnych klatek za pomocą CSS lub JavaScript, w przeciwieństwie do automatycznie odtwarzanych GIF-ów.

Czy mogę kontrolować kolejność klatek w sprite sheet?

Klatki pojawiają się w tej samej kolejności co w oryginalnym GIF-ie. Użyj Edytora Klatek, aby zmienić ich kolejność przed utworzeniem sprite sheet.

GIF na Sprite

Eksportuj klatki swojego GIF-a jako jeden obraz PNG sprite sheet.

Upuść swój GIF tutaj

Lub kliknij, aby przeglądać · Tylko GIF

Konwertuj animowany GIF na arkusz duszków — pojedynczy obraz zawierający wszystkie klatki ułożone w siatce.

Skonfiguruj liczbę kolumn, a GifStream obliczy układ siatki automatycznie.

Poradnik: GIF na Sprite

Kiedy się przydaje

Gdy GIF ma stać się arkuszem sprite'ów do gry.
Gdy przygotowujesz klatki do animacji sprite'ów w CSS.
Gdy chcesz zobaczyć wszystkie klatki animacji naraz.

Wskazówki

Dobierz liczbę kolumn tak, by arkusz był prawie kwadratowy.
PNG zachowuje wszystkie kolory i przezroczystość.
Zapisz rozmiar i liczbę klatek — przydadzą się przy animowaniu.

Warto wiedzieć

Potrzebujesz osobnych plików klatek? Użyj Dzielnik GIF.
Najpierw usuń zbędne klatki w Edytor klatek.
Aby kontrolować rozmiar arkusza, zmniejsz GIF w Zmiana rozmiaru GIF.

Arkusz sprite'ów GIF — Najczęściej zadawane pytania

Last Updated: 14 sierpnia 2026