CodeKitHubCzym jest to narzędzie?
Dzielnik obrazów dzieli pojedynczy obraz źródłowy na siatkę mniejszych kafelków o równym rozmiarze, najczęściej z myślą o trendzie „układu siatki” na Instagramie, gdzie jedno szerokie zdjęcie lub ilustracja jest publikowane jako sekwencja osobnych kwadratowych obrazów, które składają się w oryginał po obejrzeniu razem na siatce profilu.
Sama technika to prosta geometria — szerokość i wysokość obrazu źródłowego dzieli się przez liczbę kolumn i wierszy, a każdy powstały prostokąt wycina się jako osobny plik — ale zrobienie tego dokładnie ręcznie w standardowym edytorze zdjęć jest żmudne i podatne na błędy, zwłaszcza przy siatce 3x3 lub większej, gdzie drobne przesunięcie jednego kafelka psuje całą sekwencję.
To narzędzie precyzyjnie oblicza granice siatki na podstawie rzeczywistych wymiarów pikselowych obrazu i renderuje każdy kafelek za pomocą HTML5 Canvas API całkowicie w Twojej przeglądarce, dzięki czemu każdy kafelek pasuje idealnie, a sam obraz nigdy nie opuszcza Twojego urządzenia.
Dlaczego warto go używać?
- Masz panoramiczną ilustrację zamówioną u artysty i chcesz zrobić z niej efektowny reveal na siatce Instagrama — podziel ją na 3x3 i opublikuj dziewięć kafelków, by odtworzyć całe dzieło na profilu.
- Prowadzisz konto marki i musisz opublikować szeroki baner promocyjny jako karuzelę: 1x4 tnie go na cztery kolejne panele, bez ręcznego mierzenia pikseli w Photoshopie.
- Próbowałeś wyciąć kafelki ręcznie w zwykłym edytorze i siatka wychodziła przesunięta o kilka pikseli — tutaj granice są wyliczane matematycznie na podstawie rzeczywistych wymiarów pliku, więc każdy kafelek idealnie pasuje do kolejnego.
- Musisz dostarczyć klientowi social media gotowy zestaw kafelków: wygeneruj całą siatkę i pobierz wszystko w jednym pliku ZIP zamiast eksportować dziewięć osobnych plików po kolei.
- Przed publikacją chcesz sprawdzić, czy twarz osoby na zdjęciu nie zostanie ucięta dokładnie na granicy dwóch kafelków — podgląd pokazuje efekt końcowy, zanim cokolwiek pobierzesz.
- Pracujesz nad zdjęciami produktu poufnymi przed premierą: całe cięcie odbywa się w przeglądarce przez Canvas, więc obraz nigdy nie trafia na zewnętrzny serwer przed dniem premiery.
Jak używać
- Kliknij strefę upuszczania (lub przeciągnij i upuść), aby wybrać obraz z urządzenia.
- Wybierz rozmiar siatki — 1x2, 1x3, 2x2, 3x3 lub 1x4 — z listy rozwijanej.
- Podejrzyj wynikowe kafelki od razu pod ustawieniami.
- Kliknij „Pobierz wszystko (ZIP)”, aby otrzymać każdy kafelek jako ponumerowany plik PNG w jednym archiwum ZIP.
Przykład
Wejście
Kwadratowe zdjęcie 1200×1200px, siatka: 3x3Wynik
9 kafelków po 400×400px każdy, tile-1.png do tile-9.pngKafelki są numerowane od lewej do prawej, od góry do dołu — w tej samej kolejności, w jakiej wgrywałbyś je na Instagram (zaczynając od dolnego prawego kafelka i idąc wstecz, tak aby w miarę publikowania nowych postów starsze kafelki były spychane w dół, a siatka poprawnie się składała).
Popularne rozmiary siatki i ich zastosowania
Różne rozmiary siatki pasują do różnych rodzajów postów i „reveali”.
| Siatka | Kafelki | Typowe zastosowanie |
|---|---|---|
| 1x2 | 2 | Proste porównanie przed/po lub dwuczęściowy reveal |
| 2x2 | 4 | Mały kwadratowy reveal, szybki do opublikowania |
| 1x3 | 3 | Pojedynczy rząd rozłożony na trzy kolejne posty |
| 3x3 | 9 | Pełne przejęcie siatki profilu — klasyczny układ siatki na Instagramie |
| 1x4 | 4 | Szeroka panorama podzielona na cztery posty w rzędzie |
Powiązane narzędzia
Do innej lokalnej edycji zdjęć wypróbuj te narzędzia.
→ Zmiana rozmiaru obrazu · Kompresor obrazów · Przycinanie obrazów
Przed publikacją: przydatne sprawdziany
- Sprawdź, czy obraz źródłowy ma wysoką rozdzielczość (co najmniej 1500px na bok przy siatce 3x3), inaczej poszczególne kafelki będą rozmyte po ponownej kompresji przez Instagram.
- Unikaj tekstu lub drobnych elementów graficznych blisko krawędzi kafelków — w widoku siatki zawsze jest niewielki wizualny odstęp między postami, a szczegóły na granicy mogą zniknąć.
- Jeśli główny element zdjęcia (twarz, logo) wypada dokładnie na granicy dwóch kafelków, rozważ lekkie przycięcie obrazu przed podziałem, by przesunąć go na środek jednego kafelka.
- Zawsze publikuj kafelki w jednej, zwartej sesji — jeśli między nimi pojawią się inne posty, sekwencja na siatce zostanie zaburzona.
Najczęściej zadawane pytania
Jaki rozmiar siatki wybrać dla siatki profilu na Instagramie?
3x3 (9 kafelków) to najczęstszy wybór, ponieważ dokładnie wypełnia standardowy trójkolumnowy widok profilu na Instagramie. Podział 2x2 lub 1x3 sprawdza się przy mniejszym „reveal”, który nie zajmuje całej niedawnej siatki.
W jakiej kolejności publikować kafelki?
Ponieważ siatka Instagrama pokazuje najpierw najnowsze posty (lewy górny róg), zwykle trzeba publikować kafelki w odwrotnej kolejności — zaczynając od dolnego prawego kafelka siatki, a kończąc na górnym lewym — tak aby po opublikowaniu wszystkich kafelków całość czytała się poprawnie od lewej do prawej, od góry do dołu.
Czy obraz musi być idealnym kwadratem?
Nie, ale przy symetrycznym układzie siatki (np. 3x3) kwadratowy obraz źródłowy daje kwadratowe kafelki, co odpowiada temu, jak Instagram kadruje posty siatkowe. Obraz niebędący kwadratem nadal podzieli się równo, ale na kafelki prostokątne, a nie kwadratowe.
W jakim formacie zapisywane są kafelki?
Każdy kafelek jest eksportowany jako plik PNG wewnątrz pobranego archiwum ZIP, co zachowuje jakość bez stratnej ponownej kompresji.
Czy mój obraz jest gdzieś przesyłany?
Nie. Obraz jest wczytywany bezpośrednio do przeglądarki i dzielony za pomocą Canvas API całkowicie po stronie klienta. Nic nie jest wysyłane na serwer — plik ZIP również jest tworzony lokalnie w Twojej przeglądarce.
Dlaczego mój obraz wygląda na lekko przycięty po podziale?
Jeśli szerokość lub wysokość obrazu nie dzieli się równo przez liczbę kolumn lub wierszy, narzędzie zaokrągla granice kafelków do najbliższych pełnych pikseli, co może odciąć jeden lub dwa piksele od krawędzi. Dla idealnie równej siatki użyj obrazów, których wymiary są już wielokrotnością liczby kafelków na bok.
Czy mogę używać tego narzędzia do posta siatkowego na innych platformach niż Instagram?
Tak — kafelki to zwykłe ponumerowane pliki PNG, więc działają wszędzie tam, gdzie chcesz opublikować sekwencję obrazów, które się składają, w tym w galeriach Pinterest, wątkach Twitter/X z wieloma obrazami czy w portfolio online.
Co się stanie, jeśli opublikuję kafelki w złej kolejności?
Siatka będzie wyglądać na pomieszaną, dopóki nie poprawisz kolejności — Instagram nie zmienia kolejności postów automatycznie. Jeśli się pomylisz, jedynym rozwiązaniem jest usunięcie źle ustawionych postów i opublikowanie ich ponownie we właściwej kolejności.
Czy narzędzie kompresuje kafelki, tracąc jakość?
Nie, każdy kafelek jest eksportowany jako PNG, format bezstratny. Jeśli oryginalny obraz był już skompresowany (np. niskiej jakości JPEG), ta kompresja pozostanie widoczna na kafelkach, ale samo narzędzie nie dodaje dodatkowej straty.