Krajalnica obrazów na siatkę

Potnij obraz na siatkę N×M kafelków w przeglądarce.

Ładowanie narzędzia…

Krajalnica obrazów na siatkęUpuść obraz i potnij go na równą siatkę N×M kafelków za pomocą HTML canvas. Wybierz, ile chcesz wierszy i kolumn, podejrzyj każdy kafelek i pobierz je wszystkie naraz jako ZIP (utworzony za pomocą fflate) albo pobierz pojedynczy kafelek. Wszystko działa lokalnie w Twojej przeglądarce, więc Twój obraz nigdy nie jest przesyłany.

Czym jest Krajalnica obrazów na siatkę?

Krajalnica obrazów na siatkę to darmowe narzędzie działające w przeglądarce, które dzieli jeden obraz na siatkę równych kafelków. Ustaw liczbę wierszy i kolumn, a narzędzie podzieli obraz na wiersze × kolumny równych części, ponumerowanych od lewej do prawej i od góry do dołu. Przydaje się do tworzenia karuzeli na Instagram lub media społecznościowe z jednego szerokiego obrazu, cięcia arkusza sprite'ów lub atlasu tekstur na pojedyncze klatki, budowania układanek obrazkowych lub dzielenia dużego zrzutu ekranu na mniejsze sekcje. Działa z każdym obrazem, który Twoja przeglądarka potrafi otworzyć (PNG, JPEG, WebP i więcej), pokazuje podgląd na żywo każdego kafelka i pozwala pobrać cały zestaw jako ZIP lub zapisać po jednym kafelku.

Jak używać Krajalnica obrazów na siatkę

  1. Przeciągnij i upuść obraz na strefę upuszczania albo kliknij ją, aby wybrać plik (PNG, JPEG, WebP lub dowolny obraz, który Twoja przeglądarka potrafi otworzyć).
  2. Ustaw liczbę Wierszy i Kolumn dla siatki; narzędzie automatycznie tnie obraz na wiersze × kolumny równych kafelków, gdy tylko zmienisz wartość.
  3. Sprawdź liczbę kafelków i każdy kafelek w siatce podglądu — kliknij dowolną miniaturę kafelka, aby otworzyć ją w powiększającym lightboxie.
  4. Kliknij 'Pobierz ZIP', aby zapisać wszystkie kafelki w jednym archiwum, nazwane w kolejności wiersz-kolumna.
  5. Albo kliknij 'Pobierz pierwszy kafelek', aby zapisać pojedynczy kafelek — przydatne, gdy potrzebujesz tylko jednego kawałka.

Przykłady

Utwórz karuzelę na Instagram z 3 kafelków

Upuść szeroki baner 3240×1080, ustaw Wiersze na 1, a Kolumny na 3, a narzędzie utworzy trzy kwadraty 1080×1080. Pobierz ZIP, aby opublikować je jako płynną, przesuwaną karuzelę.

Potnij arkusz sprite'ów na klatki

Wczytaj arkusz sprite'ów postaci 4×4, ustaw Wiersze i Kolumny na 4 i uzyskaj 16 równo wyciętych klatek. Pobierz ZIP, aby użyć każdej klatki osobno w grze lub animacji.

Podziel wysoki zrzut ekranu

Upuść długi zrzut ekranu, ustaw Wiersze na 4, a Kolumny na 1, a obraz zostanie pocięty na cztery ułożone jedna nad drugą sekcje, które możesz udostępniać lub załączać pojedynczo.

Najczęściej zadawane pytania

Czy mój obraz jest przesyłany na serwer?
Nie. Cięcie działa w 100% po stronie klienta w Twojej przeglądarce za pomocą HTML canvas, a ZIP jest pakowany lokalnie za pomocą fflate. Twój obraz jest odczytywany i przetwarzany na Twoim urządzeniu i nigdy nie jest przesyłany, więc pozostaje prywatny.
Jakie formaty obrazów mogę ciąć?
Każdy obraz, który Twoja przeglądarka potrafi otworzyć (strefa upuszczania akceptuje image/*), w tym PNG, JPEG i WebP. Kafelki są eksportowane jako PNG, aby każdy kawałek pozostał ostry i bezstratny.
Jak ustalane są rozmiary i numeracja kafelków?
Obraz jest dzielony na wiersze × kolumny równych kafelków. Ostatni wiersz i kolumna pochłaniają pozostałe piksele, więc nic nie ginie. Kafelki są numerowane od lewej do prawej i od góry do dołu (najpierw wiersz 1, kolumna 1).
Jak pobrać wszystkie kafelki naraz?
Kliknij 'Pobierz ZIP', aby uzyskać wszystkie kafelki w jednym archiwum spakowanym za pomocą fflate. Pliki są nazwane według wiersza i kolumny, dzięki czemu sortują się w kolejności. Dla jednego kawałka możesz też użyć 'Pobierz pierwszy kafelek'.
Czy istnieje limit rozmiaru siatki lub obrazu?
Narzędzie nie ustawia żadnego stałego limitu. Wiersze i kolumny muszą wynosić co najmniej 1, a bardzo duże obrazy lub siatki są ograniczone jedynie dostępną pamięcią Twojej przeglądarki i urządzenia, ponieważ całe przetwarzanie odbywa się lokalnie.

Powiązane narzędzia