Obróć PNG

Wrzuć plik PNG, a dostaniesz go obróconego o 90, 180 lub 270 stopni. Ponieważ PNG to format bezstratny, możesz obracać dowolną liczbę razy bez jakiegokolwiek pogorszenia jakości, w przeciwieństwie do JPG, gdzie wielokrotne ponowne kodowanie kumuluje artefakty. Przezroczystość jest zachowana, a dla wielokrotności 90 wymiary po obrocie zamieniają się automatycznie (1920x1080 staje się 1080x1920).

Jak działa obracanie PNG

  1. 1

    Dekodowanie PNG

    Skompresowane algorytmem deflate dane pikseli są rozpakowywane do surowego bufora ARGB.

  2. 2

    Obrót bufora

    Piksele są ponownie adresowane do nowej orientacji. 90° zamienia wiersze i kolumny; 180° odwraca oba.

  3. 3

    Ponowne zakodowanie jako PNG

    Obrócony bufor pikseli jest ponownie kompresowany algorytmem deflate. Wynik jest zawsze bezstratny.

  4. 4

    Zachowanie przezroczystości

    Kanał alfa jest obracany razem z RGB, więc przezroczyste obszary pozostają przezroczyste.

Dlaczego obracanie PNG jest zawsze bezstratne

PNG koduje piksele dokładnie, bez kwantyzacji, bez bloków DCT 8x8 jak w JPEG. Obrót o wielokrotność 90 to czyste ponowne adresowanie pikseli; wartości kolorów pozostają identyczne. Nawet dowolne kąty zachowują jakość danych, o ile wybierzesz rozsądny filtr próbkowania (dwusześcienny, Lanczosa) zamiast najbliższego sąsiada.

Opcje obrotu

Operacja Zmiana szer./wys. Typowe użycie
90° w prawo Zamiana Zdjęcie pionowe na poziome
180° Bez zmian Odwrócony skan, ujęcie do góry nogami
270° w prawo Zamiana Poziome na pionowe w drugą stronę
Dowolny kąt Powiększa się, by zmieścić Prostowanie przekrzywionego skanu lub zdjęcia

Rozmiar pliku po obrocie

Kompresja deflate w PNG jest wrażliwa na nadmiarowość wierszową. Zdjęcie poziome z głównie poziomymi krawędziami kompresuje się wydajnie, bo sąsiednie wiersze często wyglądają podobnie. Po obrocie o 90 stopni te krawędzie stają się pionowe, i kompresja może zauważalnie spaść dla treści fotograficznej.

Typ treści Typowa zmiana rozmiaru po 90°
Grafika w płaskich kolorach <1% zmiany
Zrzuty interfejsu 1-5% zmiany
Fotografie (zakodowane jako PNG) do 15-20% większe
Przezroczyste zasoby UI Pomijalna

W przypadku zdjęć JPG jest lepszym formatem niezależnie od orientacji. Jeśli zdjęcie PNG znacznie rośnie po obrocie, to znak, by zamiast tego przekonwertować je na JPG.

Przezroczystość

Piksele w pełni przezroczyste, półprzezroczyste i nieprzezroczyste są obracane razem, kanał alfa podąża za kanałami RGB. Logo z miękkim cieniem pozostaje identyczne po obrocie (cień po prostu wskazuje teraz w inną stronę).

Kiedy obracać w przeglądarce, a kiedy w CSS

  • Obróć plik, gdy obraz ma złą orientację na dysku, zostanie przesłany gdzieś, gdzie metadane obrotu nie są respektowane, albo będzie drukowany.
  • Obróć w CSS przez transform: rotate(...), gdy potrzebujesz tylko tymczasowego obrotu wizualnego na stronie. Plik pozostaje ten sam; przeglądarka komponuje obrót.

Wielokrotne obroty

PNG pozwala swobodnie łączyć obroty. 90 + 90 + 90 + 90 wraca do dokładnie oryginalnych bajtów (przynajmniej co do treści pikseli, parametry kodera mogą różnić się o kilka bajtów). JPG nie daje takiej gwarancji ze względu na stratę przy ponownym kodowaniu.

Metadane

PNG może przechowywać fragmenty tekstowe (tEXt, iTXt, zTXt) z autorem, prawami autorskimi lub osadzonymi notatkami. To narzędzie obraca, przerysowując piksele na kanwie i eksportując nowy plik PNG, więc te fragmenty tekstowe nie są przenoszone do obróconego pliku. Jeśli musisz zachować osadzone metadane, obróć narzędziem, które kopiuje te fragmenty, albo dodaj metadane ponownie później.

Najczęściej zadawane pytania

Tak: nieznacznie. Kompresja PNG jest wrażliwa na wiersze, więc obrót o 90 może zmienić rozmiar pliku o 1-20% w zależności od treści obrazu.

Tak. PNG koduje piksele dokładnie, więc obracanie i ponowne zapisywanie nigdy nie traci jakości: w przeciwieństwie do JPG.

Tak. Kanał alfa jest obracany razem z kanałami RGB, więc przezroczyste obszary pozostają przezroczyste.

Narzędzie obsługuje dowolne kąty z antyaliasowanym próbkowaniem. Sam obrót jest nadal bezstratny pod względem wierności kolorów, ale krawędzie stają się antyaliasowane zamiast idealnie pikselowych.

Nie. Dekodowanie, obrót i ponowne kodowanie działają w przeglądarce z użyciem canvasa oraz kodera PNG.

Powiązane narzędzia

Narzędzie jest dostępne w innych językach