Powrót do Strony Głównej
Generator arkuszy sprite'ów – Sprite'y CSS i atlas tekstur
Spakuj wiele obrazów w jeden arkusz sprite'ów i uzyskaj dokładne pozycje tła CSS oraz mapę JSON w stylu TexturePacker. Idealne do sprite'ów CSS, ikon internetowych i klatek animacji gier. Zmień kolejność, ustaw kolumny i odstępy, a następnie pobierz arkusz wraz z jego współrzędnymi. Darmowe, prywatne i w 100% w Twojej przeglądarce.
Prześlij obrazy do spakowania
Akceptowane formaty: JPG, PNG, WEBP, BMP, GIF (nieanimowane)
Wklej (Ctrl/⌘+V) lub upuść obraz — albo zaimportuj z adresu URL
Połącz wiele małych obrazów w jeden arkusz sprite'ów, aby przyspieszyć swoją stronę lub grę. Image Machine pakuje Twoje ikony lub klatki w jeden obraz w przeglądarce — bez przesyłania, bez konta — dzięki czemu możesz je serwować w jednym żądaniu. Arkusz jest składany na Twoim urządzeniu, a Twoje zasoby pozostają prywatne.
Jak To Działa
Wybierz narzędzie
Wybieraj spośród 120+ narzędzi do zmiany rozmiaru, konwersji, kompresji lub poprawy obrazu.
Prześlij i edytuj
Przeciągnij i upuść obraz oraz dostosuj ustawienia. Pozostaje on na Twoim urządzeniu.
Pobierz
Zapisz wynik natychmiast — bez znaku wodnego i bez rejestracji.
Dlaczego Image Machine?
Twoje pliki nigdy nie opuszczają urządzenia
Całe przetwarzanie odbywa się lokalnie w przeglądarce. Twoje obrazy nigdy nie są wysyłane na serwer.
Całkowicie darmowe
Każde narzędzie jest darmowe — bez limitów, znaków wodnych i ukrytych kosztów.
Błyskawicznie szybkie
Bez czekania na przesyłanie — Twoje obrazy są przetwarzane natychmiast na Twoim urządzeniu.
Profesjonalna jakość
Idealny rezultat z pełną kontrolą nad formatem, rozmiarem i jakością.
Najczęściej Zadawane Pytania
Do czego służy sprite sheet?
Sprite sheet łączy wiele małych grafik — ikon, przycisków lub klatek animacji — w jeden obraz. Wczytanie pojedynczego pliku zamiast dziesiątek ogranicza żądania sieciowe, co przyspiesza strony internetowe i gry.
Jak użyć sprite sheet na stronie internetowej?
Wyświetl połączony obraz i przesuń jego położenie za pomocą background-position w CSS, by pokazać tylko potrzebną ikonę. Silniki animacji działają tak samo, przechodząc kolejno przez klatki upakowane w sprite sheet.
Czy łączenie obrazów obniża jakość?
Nie — każdy obraz jest umieszczany w sprite sheet w pełnej rozdzielczości. Eksportuj do PNG, by zachować wszystko bezstratnie z przezroczystością, co jest standardowym wyborem dla ikon i sprite'ów interfejsu.