Dlaczego zmiana rozmiaru to zwykle pierwszy sposób na ciężki obraz
Współczesne aparaty produkują znacznie więcej pikseli, niż potrzeba do większości zastosowań. Zdjęcie z telefonu 12 MP ma około 4000×3000 px; matryca 48 MP daje mniej więcej 8000×6000. Ekran laptopa wyświetla około 1920×1080, kolumna bloga ma często od 800 do 1200 px szerokości, a podgląd w e-mailu jest jeszcze mniejszy.
Rozmiar pliku rośnie wraz z liczbą pikseli, a nie samą szerokością. Zmniejszenie obu wymiarów o połowę zostawia jedną czwartą pikseli, więc JPG o wadze 4 MB i wymiarach 4000×3000 przy 2000×1500 waży zwykle około 1 MB, bez widocznej różnicy na zwykłym ekranie. Dlatego gdy formularz zgłasza „plik jest za duży” albo strona wolno się ładuje, zmiana rozmiaru zazwyczaj daje więcej niż jakiekolwiek ustawienie kompresji.
Typowe powody zmiany rozmiaru: limity wgrywania na portalach z ofertami pracy i w formularzach urzędowych, obrazy na stronach, gdzie zdjęcie 4000 px trafia do miejsca o szerokości 800 px, limity załączników w poczcie oraz szablony wymagające dokładnego rozmiaru, na przykład tło slajdu 1920×1080.
Jak interpretowany jest podany rozmiar
Są dwa tryby, a opcja Zachowaj proporcje zmienia sposób działania wartości w pikselach.
Piksele z włączonym zachowaniem proporcji
Gdy wypełnisz i szerokość, i wysokość, obraz zostanie przeskalowany tak, by zmieścić się wewnątrz tego prostokąta z zachowaniem proporcji. Wynik dotyka jednej krawędzi prostokąta, a w drugim wymiarze jest mniejszy.
- Poziome zdjęcie 4000×3000 z presetem Full HD 1920×1080 staje się obrazem 1440×1080, bo ograniczeniem jest bok 1080 px.
- Pionowe zdjęcie 3000×4000 z tym samym presetem staje się obrazem 810×1080.
- Zdjęcie 4:3 z presetem Instagram kwadrat 1080×1080 staje się obrazem 1080×810, a nie kwadratem.
Jeśli zależy Ci tylko na jednym wymiarze, wyczyść drugie pole. Szerokość 1200 przy pustej wysokości daje dokładnie 1200 px szerokości i taką wysokość, jaka zachowuje proporcje.
Piksele z wyłączonym zachowaniem proporcji
Obraz jest rozciągany dokładnie do wpisanej szerokości i wysokości. Zdjęcie 4:3 wciśnięte w 1080×1080 będzie wyglądać na ściśnięte w poziomie. Używaj tego tylko wtedy, gdy proporcje już się zgadzają albo niewielkie zniekształcenie nie ma znaczenia. Jeśli potrzebujesz dokładnego kształtu bez zniekształceń, najpierw przytnij obraz do docelowych proporcji, a potem zmień jego rozmiar.
Procenty
Suwak od 1% do 200% skaluje oba boki o ten sam współczynnik. 50% zamienia 4000×3000 w 2000×1500.
Wszystkie presety włączają zachowanie proporcji, więc zawsze działają w trybie „zmieść wewnątrz”.
Co dzieje się z jakością i formatem
Zmiana rozmiaru odbywa się w przeglądarce za pomocą Canvas API, a jeśli przeglądarka to obsługuje — w wątku roboczym w tle, dzięki czemu strona reaguje płynnie nawet przy dużych partiach plików. Wynik zachowuje format wejściowy:
- JPG jest ponownie kodowany z jakością 0.92. To na tyle wysoko, że artefakty ponownej kompresji nie są widoczne przy normalnym oglądaniu.
- WebP również jest kodowany z jakością 0.92 i zachowuje przezroczystość.
- PNG pozostaje bezstratny i zachowuje kanał alfa. Zdjęcia w PNG są duże nawet po zmniejszeniu; w ich przypadku rozważ konwersję do JPG.
Ponieważ obraz jest rysowany i kodowany od nowa, osadzone metadane, takie jak dane aparatu w EXIF czy lokalizacja GPS, nie trafiają do wyniku. To dodatkowa korzyść, gdy publikujesz zdjęcia z telefonu.
Powiększanie powyżej 100% jest możliwe, ale nie wymyśli szczegółów. Przejście z 800 do 1600 px daje bardziej miękki obraz z tą samą informacją rozłożoną na większą liczbę pikseli. Umiarkowane powiększenie o 120–150% jest zwykle akceptowalne do wyświetlania na ekranie; powyżej tego krawędzie wyglądają na rozmyte.
Praktyczne rozmiary i wskazówki
Kilka rozmiarów, które sprawdzają się w praktyce:
- Obraz w treści strony: od 1200 do 1600 px na dłuższym boku pokrywa większość układów, także ekrany o wysokiej gęstości pikseli przy umiarkowanych szerokościach.
- Tło pełnoekranowe lub slajd: 1920×1080, a dla wyświetlaczy 4K 3840×2160.
- Załącznik e-mail lub komunikator: 1600 px na dłuższym boku utrzymuje ostrość zdjęć, a w większości przypadków plik waży wyraźnie poniżej 1 MB.
Kilka wskazówek:
- Najpierw zmień rozmiar, potem kompresuj. Jeśli wynik nadal jest za ciężki, przepuść go przez kompresję JPG z niższym ustawieniem jakości; oba kroki razem dają najmniejsze pliki.
- Zawsze pracuj na oryginale. Powiększanie wcześniej zmniejszonej kopii traci szczegóły, których nie da się odzyskać.
- W partii wszystkie pliki dostają te same ustawienia. Aby mieszanka zdjęć poziomych i pionowych miała ten sam dłuższy bok, wpisz tę samą liczbę w oba pola przy włączonym zachowaniu proporcji: przy 1600×1600 każdy obraz będzie miał 1600 px na najdłuższym boku. Pamiętaj, że obrazy mniejsze od tego prostokąta zostaną do niego powiększone.
- Akceptowane są pliki do 50 MB każdy i nic nie jest wysyłane: obrazy nigdy nie opuszczają Twojego urządzenia.