CodeKitHubCzym jest to narzędzie?
Narzędzie do kadrowania obrazów wycina z zdjęcia prostokątny fragment, a resztę odrzuca. Jest to najbardziej podstawowa i najczęściej potrzebna operacja edycji zdjęć: przycięcie zrzutu ekranu tak, by obejmował tylko potrzebne okno, wycięcie własnej postaci ze zdjęcia grupowego w celu stworzenia awatara, usunięcie nieestetycznej krawędzi tła lub zmiana proporcji zdjęcia krajobrazowego na kwadratowe na potrzeby publikacji w mediach społecznościowych.
To narzędzie do kadrowania działa w oparciu o interfejs API HTML5 Canvas w przeglądarce. Po wybraniu pliku jest on dekodowany lokalnie; obszar wyboru można dostosować, przeciągając jego krawędzie i rogi, a kadrowanie odbywa się poprzez skopiowanie tylko tych pikseli na nowe płótno. Ponieważ nie jest zaangażowany żaden serwer, nie ma oczekiwania na przesłanie pliku, opłat związanych z rozmiarem pliku ani kompromisów dotyczących prywatności — narzędzie działa nawet w trybie offline po załadowaniu strony.
Dlaczego warto go używać?
- Zaznaczenie metodą „przeciągnij i dopasuj”: przesuń ramkę lub pociągnij dowolny uchwyt narożny lub krawędziowy, aż kadrowanie będzie idealne, z podglądem rozmiaru w pikselach na bieżąco.
- Ustawienia domyślne proporcji — 1:1, 4:3, 16:9 i 9:16 — ustalają kształt ramki dla awatarów, miniatur i pionowych okładek filmów; można też przełączyć się na tryb swobodny, aby dowolnie kadrować obraz.
- Pobierz jako plik PNG (bezstratny, zachowuje przezroczystość) lub JPG (mniejsze pliki w przypadku zdjęć) — wybór należy do Ciebie w momencie eksportu.
- W 100% lokalne przetwarzanie za pomocą interfejsu API Canvas: Twój obraz nigdy nie jest przesyłany, wysyłany ani przechowywany w żadnym miejscu, co ma znaczenie w przypadku zdjęć do dokumentów tożsamości, dokumentów i zrzutów ekranu zawierających dane osobowe.
- Bezpłatna, bez znaku wodnego, bez konieczności rejestracji; działa zarówno na telefonach i tabletach z obsługą przeciągania palcem, jak i na komputerach stacjonarnych.
Jak używać
- Kliknij obszar przeznaczony do przesyłania plików lub przeciągnij na niego plik graficzny — obsługiwane są formaty JPG, PNG, WebP oraz większość popularnych formatów.
- Przeciągnij w obrębie ramki zaznaczenia, aby ją przesunąć, lub przeciągnij uchwyty narożników i krawędzi, aby zmienić jej rozmiar.
- Możesz wybrać jedno z gotowych ustawień proporcji (1:1, 4:3, 16:9, 9:16), aby zablokować kształt ramki, lub pozostawić go dowolnym.
- Wybierz format wyjściowy PNG lub JPG.
- Naciśnij przycisk przycinania, a przycięty obraz zostanie natychmiast pobrany.
Przykład
Wejście
A 4000×3000 photo, selection locked to 1:1 over the face, 800×800 area chosenWynik
An 800×800 PNG containing only the selected squareWynik zachowuje oryginalne piksele w stosunku 1:1 — przy kadrowaniu wybrany obszar nigdy nie jest skalowany ani ponownie kompresowany, chyba że eksportujesz plik w formacie JPG, co powoduje niewielką kompresję zdjęcia.
Typowe proporcje kadrowania i ich zastosowania
Wybierz proporcje zgodnie z wymaganiami platformy, na której publikujesz, a nie na podstawie obrazu źródłowego — miniatura w formacie 16:9, wykadrowana ze środka zdjęcia pionowego, zazwyczaj wygląda lepiej niż obraz z czarnymi pasami po bokach. Jeśli platforma podaje dokładny rozmiar w pikselach, najpierw dopasuj do niego proporcje; odpowiednie dopasowanie kształtu na etapie kadrowania pozwala uniknąć automatycznego kadrowania pośrodku, stosowanego przez wiele serwisów, które rutynowo ucinają głowy i tekst.
| Powód | Kształt | Typowe zastosowanie |
|---|---|---|
| 1:1 | Kwadrat | Zdjęcia profilowe, relacja na Instagramie, ikony aplikacji |
| 4:3 | Klasyczny pejzaż | Prezentacje, starsze aparaty fotograficzne, ekrany iPadów |
| 16:9 | Ekran panoramiczny | Miniatury na YouTube, okładki filmów, monitory |
| 9:16 | Pionowy | Relacje, Reels, TikTok, tapety na telefon |
| Bezpłatny | Dowolny prostokąt | Przycinanie zrzutów ekranu, usuwanie krawędzi, niestandardowe układy |
Jakie miejsce zajmuje kadrowanie wśród narzędzi do obróbki obrazów
Kadrowanie zmienia to, co widać na zdjęciu; zmiana rozmiaru wpływa na jego wielkość. Typowy proces tworzenia awatara wykorzystuje obie te czynności: najpierw kadruje się zdjęcie do proporcji 1:1, a następnie skaluje do wymaganego rozmiaru 400×400 za pomocą narzędzia Image Resizer. Wykonanie tych czynności w tej kolejności pozwala zachować ostrość obiektu, ponieważ skalowanie odbywa się tylko raz – przy ostatecznym kadrowaniu.
Jeśli po przycięciu plik nadal jest zbyt duży — co często zdarza się w przypadku zdjęć zrobionych telefonem — należy go przetworzyć za pomocą narzędzia Image Compressor. A gdy celem jest raczej ukrycie informacji niż usunięcie ich z kadru, rozmycie lub pikselizacja wrażliwego obszaru za pomocą narzędzia do cenzurowania pozwala zachować pozostałą część zdjęcia.
→ Narzędzie do zmiany rozmiaru obrazów · Kompresor obrazów · Narzędzie do cenzurowania zdjęć
Najczęściej zadawane pytania
Czy mój obraz został przesłany na serwer?
Nie. Plik jest otwierany bezpośrednio przez przeglądarkę i przetwarzany za pomocą interfejsu API Canvas na Twoim urządzeniu. Żadne dane nie są przesyłane, przechowywane ani rejestrowane — możesz to sprawdzić, ładując stronę, rozłączając się z internetem i mimo to dokonując kadrowania. Dzięki temu narzędzie to jest bezpieczne w przypadku dowodów osobistych, umów i innych wrażliwych obrazów.
Jakiego formatu obrazu powinienem użyć?
Format 1:1 (kwadratowy) pasuje do większości zdjęć profilowych i postów na Instagramie. Format 4:3 odpowiada klasycznym formatom zdjęć i prezentacji. Format 16:9 jest standardem dla miniatur na YouTube, okładek filmów i ekranów panoramicznych. Format 9:16 jest przeznaczony do treści pionowych — Stories, Reels, TikTok oraz tapet na telefony. Gdy żadna platforma nie narzuca konkretnego kształtu, tryb swobodny pozwala przyciąć zdjęcie do dowolnego prostokąta.
Czy powinienem pobrać plik w formacie PNG czy JPG?
Format PNG jest bezstratny i zachowuje przezroczystość, dzięki czemu nadaje się do zrzutów ekranu, grafiki, logo i wszelkich elementów zawierających tekst. Format JPG kompresuje treści fotograficzne do znacznie mniejszych plików przy ledwo zauważalnej utracie jakości, co sprawia, że nadaje się do zdjęć, które zamierzasz udostępnić lub przesłać. W razie wątpliwości: tekst lub przezroczystość → PNG, zdjęcie → JPG.
Czy kadrowanie obniża jakość obrazu?
Samo kadrowanie nie powoduje utraty jakości — wybrane piksele są kopiowane bez zmian, więc wykadrowany obszar jest identyczny pikselowo z oryginałem. Jedynym czynnikiem wpływającym na jakość jest format eksportu: PNG zachowuje wszystko dokładnie tak, jak było, natomiast JPG stosuje kompresję fotograficzną. Narzędzie nigdy nie zmienia skali obrazu, więc nie dochodzi do utraty ostrości w wyniku ponownego próbkowania.
Czy mogę przyciąć obraz do dokładnych wymiarów w pikselach?
Rozmiar zaznaczenia jest wyświetlany na bieżąco w pikselach podczas przeciągania, dzięki czemu możesz precyzyjnie dostosowywać uchwyty, aż pojawi się żądany rozmiar. Jeśli potrzebujesz dokładnego rozmiaru docelowego, np. 512×512, niezależnie od kadrowania źródłowego, przytnij obraz do odpowiedniego kształtu (w tym przypadku 1:1), a następnie skaluj wynik za pomocą narzędzia Image Resizer.