Udostępnianie obrazów

Dlaczego zdjęcie po przesłaniu jest obrócone bokiem? Jak poprawić orientację

Zdjęcie po przesłaniu wyświetla się bokiem? Sprawdź, jak działa orientacja EXIF, zapisz poprawnie ustawioną kopię i rozwiąż problemy z miniaturami na stronie.

Autor: Pixilo · Aktualizacja:

Popraw orientację zdjęcia w sześciu krokach

Zachowaj oryginał i pracuj na kopii do udostępnienia. Narzędzie Pixilo do obracania obsługuje jeden plik JPG, PNG lub WebP o rozmiarze do 25 MB. Maksymalne wymiary obrazu to 8000 pikseli na każdym boku i łącznie 32 miliony pikseli. Oryginał o rozdzielczości 48 megapikseli przekracza limit pikseli nawet wtedy, gdy plik zajmuje mało miejsca. Jeśli któryś limit jest przekroczony, najpierw wyeksportuj mniejszą kopię z edytora zdjęć. W przypadku HEIC zacznij od narzędzia HEIC na JPG i sprawdź przekonwertowany plik.

  1. Otwórz narzędzie Obróć i odbij obraz i wybierz obraz w obsługiwanym formacie.
  2. Sprawdź podgląd. Jeśli zdjęcie jest już ustawione prawidłowo, nie obracaj go. Przeglądarka mogła już uwzględnić instrukcję orientacji. Pobranie nowej kopii zapisuje tę widoczną orientację w pikselach obrazu.
  3. Obróć tylko w razie potrzeby. Wybierz Obróć o 90° w lewo lub Obróć o 90° w prawo. Jeśli zdjęcie jest do góry nogami, wykonaj dwa obroty. Nie włączaj odbicia lustrzanego, chyba że obraz jest również odbity.
  4. Wybierz Pobierz PNG. Pixilo ponownie rysuje obraz w przeglądarce i zapisuje jego kopię. Oryginał pozostaje bez zmian, a zdjęcie nie jest wysyłane na serwer Pixilo.
  5. Przygotuj plik do przesłania. Zdjęcie zapisane jako PNG może być znacznie większe niż oryginalny JPG. Jeśli witryna wymaga JPG, użyj narzędzia PNG na JPG. Jeśli obowiązuje limit rozmiaru pliku, następnie użyj narzędzia Kompresja obrazu do wybranego rozmiaru i sprawdź, czy wynik mieści się w limicie.
  6. Otwórz gotowy plik ponownie i prześlij właśnie ten plik. Sprawdź orientację, jakość obrazu i rozmiar pliku. Nadaj kopii odróżniającą ją nazwę, na przykład portret-poprawiony.jpg, a po przesłaniu sprawdź miniaturę i powiększony widok na stronie.

Jeśli gotowy plik ma prawidłową orientację, ale strona nadal go obraca, pozostaw go bez zmian i wykonaj poniższe kontrole. Ponowne obracanie poprawnej kopii nie naprawi błędu przetwarzania obrazów w witrynie.

Ten sam żółty kwiat jest pokazany bokiem w jednym oknie przeglądarki i pionowo w drugim. Zakrzywiona strzałka wskazuje obrót.

Dlaczego zdjęcie wygląda dobrze w telefonie, a w internecie jest bokiem?

Zdjęcie z telefonu może zawierać piksele zapisane bokiem oraz instrukcję określającą, jak aplikacja ma je wyświetlić. W wielu zdjęciach JPG tę rolę pełni znacznik orientacji EXIF. EXIF to metadane, czyli dodatkowe informacje zapisane w obrazie.

Galeria może uwzględniać tę instrukcję, podczas gdy witryna usuwa ją przed obróceniem pikseli. Inną przyczyną błędu jest dwukrotne wykonanie tego samego obrotu. Współczesne przeglądarki zwykle domyślnie uwzględniają osadzoną orientację. Problem nie polega więc po prostu na tym, że ją ignorują. Zobacz wyjaśnienie orientacji obrazów w MDN.

Zapisanie prawidłowo wyświetlonego obrazu w nowym pliku utrwala jego orientację w pikselach. Samo usunięcie znacznika tego nie robi i może pozostawić zdjęcie bokiem. Pozostałe informacje zapisane w pliku omawia poradnik o metadanych zdjęć.

Ustal, na którym etapie zmienia się orientacja

Porównaj gotowy zapisany plik z obrazem na stronie. Podgląd w bibliotece zdjęć, wyeksportowany plik i miniatura witryny mogą być różnymi kopiami.

Wybierz następny krok na podstawie tego, co widzisz
Co widziszCo zrobić dalej
Gotowy plik jest już obrócony bokiemWróć do narzędzia obracania, popraw podgląd i zapisz nową kopię
Plik jest ustawiony prawidłowo, ale wszystkie rozmiary na stronie są obrócone bokiemSprawdź wybrany plik, a następnie skontaktuj się z administratorem w sprawie przetwarzania po przesłaniu
Duży widok jest prawidłowy, ale miniatura jest bokiemPoproś administratora o sprawdzenie wygenerowanych miniatur i zachowanych starszych kopii
Ten sam obraz otwarty osobno wygląda dobrze, ale na stronie jest bokiemSprawdź ustawienia obrotu w edytorze strony lub poproś administratora o sprawdzenie stylów

Na komputerze kliknij obraz na stronie prawym przyciskiem myszy i poszukaj opcji Otwórz obraz w nowej karcie, a następnie porównaj go z widokiem na stronie. Na telefonie przytrzymaj obraz i poszukaj opcji otwarcia lub zapisania. Nazwy poleceń mogą się różnić, a niektóre witryny ich nie udostępniają. Jeśli nie możesz otworzyć obrazu osobno, wyślij administratorowi adres strony i zrzut ekranu z problemem.

Miniatura może korzystać z innego pliku niż duży widok. Również wersje mobilna i komputerowa mogą używać różnych kopii, co wyjaśnia poradnik o obrazach responsywnych. Zgłaszając problem, wskaż, który widok jest nieprawidłowy.

Jeśli poprawione zdjęcie nadal jest bokiem po przesłaniu

  1. Sprawdź wybrany plik. Prześlij poprawioną kopię z odróżniającą ją nazwą jako nowy obraz. Upewnij się, że strona używa tego nowego elementu, a nie starego zdjęcia z biblioteki mediów.
  2. Odśwież stronę. Załaduj ją ponownie i, jeśli możesz, otwórz w prywatnym oknie przeglądarki. Może to pomóc wykryć stary widok zachowany lokalnie, ale nie usuwa kopii przechowywanych przez witrynę.
  3. Dokładnie opisz różnicę. Wyślij administratorowi poprawiony plik, adres strony i zrzut ekranu. Napisz, czy bokiem wyświetla się miniatura, duży widok, czy oba.

Jeśli zarządzasz witryną, sprawdź ustawienia obrotu w edytorze strony. Gdy przesłany oryginał jest poprawny, ale jeden z wygenerowanych rozmiarów nie, najpierw zbadaj przetwarzanie obrazów. Następnie wygeneruj ponownie dany rozmiar i wyczyść odpowiednią pamięć podręczną witryny lub usługi dostarczającej obrazy. Odwiedzający zwykle nie mogą wykonać tych czynności.

Uwaga techniczna dla administratorów stron

Odczytaj orientację źródłową, zastosuj ją raz do pikseli, a następnie usuń lub zresetuj starą instrukcję orientacji przed wygenerowaniem kolejnych wersji. Zachowanie jej po obróceniu pikseli może spowodować drugi obrót. Dokumentacja autoOrient w Sharp opisuje tę operację, również dla orientacji z odbiciem lustrzanym.

Jeśli dokładnie ten sam plik dostarczony przez witrynę wygląda dobrze w osobnej karcie, ale jest obrócony na stronie, sprawdź też style nadające obrót. Unikaj stosowania poprawki o 90 stopni do wszystkich obrazów.

Czy zdjęcie trzeba obrócić, czy odbić lustrzanie?

Obrót zmienia ustawienie całego obrazu. Użyj go, gdy głowa osoby jest skierowana w bok lub zdjęcie jest do góry nogami. Odbicie lustrzane odwraca obraz jak w lustrze. Odbicie poziome zamienia lewą i prawą stronę, na przykład przy tekście czytanym wspak. Przed jego użyciem sprawdź szyld lub inny znany szczegół, zwłaszcza na selfie.

Ćwierć obrotu zamienia szerokość i wysokość bez przycinania obrazu. Lekko pochylony horyzont wymaga narzędzia do prostowania z dokładniejszą regulacją kąta. Narzędzie Pixilo obraca w krokach co 90 stopni.

Najczęstsze pytania

Czy obracać zdjęcie, które już wygląda poprawnie w Pixilo?

Nie. Nie zmieniaj obrotu i pobierz PNG. Obraz poprawnie wyświetlany przez przeglądarkę zostanie ponownie narysowany w nowym pliku. Sprawdź pobrany plik i docelową stronę zamiast dodawać niepotrzebny obrót.

Czy konwersja do PNG zawsze poprawia orientację?

Nie. Konwersja musi zapisać obraz we właściwym ustawieniu. Zmiana rozszerzenia pliku nie konwertuje go ani nie obraca. PNG może też być zbyt duży lub nieobsługiwany przez witrynę, dlatego sprawdź wymagania przesyłania.

Czy pogorszy się jakość obrazu?

Zapis do PNG pozwala uniknąć kolejnego etapu stratnej kompresji JPEG, ale ponowny zapis w przeglądarce nie gwarantuje zachowania wszystkich oryginalnych profili kolorów, metadanych czy właściwości HDR. Konwersja wyniku do JPG dodaje kompresję stratną. Sprawdź szczegóły i unikaj wielokrotnego zapisywania w JPG. Zachowaj oryginał w archiwum.

Czy mogę poprawić cały folder naraz?

Narzędzie Pixilo do obracania edytuje po jednym obrazie. W folderze mogą być zdjęcia o różnych orientacjach oraz odbicia lustrzane. Sprawdź każdy podgląd zamiast obracać wszystkie obrazy tak samo.

Przygotuj poprawnie ustawioną kopię do udostępnienia

Sprawdź podgląd, zapisz poprawioną kopię i obejrzyj wynik po przesłaniu na stronę.

Popraw orientację obrazuPotrzebujesz JPG? Przekonwertuj zapisany PNG →