Kompresor obrazów

To narzędzie zmniejsza zdjęcie lub zrzut ekranu, nie wysyłając go nigdzie. Wybierz plik, format wyjściowy i przeciągnij suwak jakości, żeby zobaczyć, jak rozmiar spada w czasie rzeczywistym.

Jak dokładnie kompresowany jest obraz?

Narzędzie korzysta z jSquash, zestawu koderów WebAssembly opartych na tych samych kodekach, które napędzają Squoosh, przeglądarkowe narzędzie Google do kompresji obrazów. Dzięki temu kompresja JPEG i WebP działa niemal z natywną szybkością, bezpośrednio w karcie przeglądarki, zamiast opierać się na wolniejszych sztuczkach na canvasie. Samo kodowanie odbywa się w Web Workerze, więc przeciąganie suwaka jakości pozostaje płynne, nawet gdy duży obraz w tle jest właśnie ponownie kodowany. Można też ograniczyć maksymalną szerokość lub wysokość: obraz zmniejsza się tak, żeby się zmieścić, zachowując oryginalne proporcje, a narzędzie nigdy nie powiększa obrazu ponad jego oryginalny rozmiar.

Czy moje zdjęcia są gdzieś wysyłane?

Nie. Wszystko działa po stronie przeglądarki, więc obraz nigdy nie trafia na serwer i nie ma etapu wysyłania, na który trzeba czekać przy dużym pliku. Ponowne kodowanie usuwa przy okazji metadane EXIF, w tym ewentualne współrzędne GPS, które aparat albo telefon zapisał w pliku. Warto o tym wiedzieć, jeśli zamierzasz opublikować zdjęcie publicznie i nie chcesz, żeby ciągnęła się za nim lokalizacja: metadane oryginalnego pliku po prostu nie przetrwają ponownego kodowania.

Do czego się przydaje?

Typowe zastosowania to zmieszczenie zrzutu ekranu w limicie rozmiaru pliku wymaganym przez zgłoszenie błędu albo zgłoszenie do supportu, zmniejszenie partii zdjęć produktowych przed wgraniem ich do CMS-a, albo przekonwertowanie starego PNG-a na WebP, żeby odchudzić stronę. WebP i JPEG mają suwak jakości, bo są to formaty stratne; kompresja PNG jest bezstratna, więc zmniejszenie PNG-a wynika głównie ze zmiany rozmiaru, a nie z utraty jakości.

Dobór odpowiedniego formatu do treści liczy się tak samo jak ustawienie suwaka. Zdjęcia z dużą ilością gradientów i szczegółów zwykle kompresują się lepiej jako JPEG lub WebP niż jako PNG, natomiast płaskie grafiki, na przykład zrzuty ekranu z tekstem czy proste diagramy, często zostają mniejsze jako PNG, nawet bez ustawienia jakości, na którym można polegać. Odczyt rozmiaru aktualizuje się na bieżąco podczas przeciągania suwaka, więc można wypatrzeć moment, w którym plik przestaje się realnie zmniejszać, a obraz zaczyna widocznie tracić na jakości, i zatrzymać się tuż przed tym punktem. Ograniczenie maksymalnej szerokości lub wysokości też pomaga, bo mniejszy obraz w wysokiej jakości często wygrywa z pełnowymiarowym obrazem w niskiej jakości, zarówno pod względem rozmiaru pliku, jak i tego, jak wygląda. Zobacz przewodnik MDN po createImageBitmap, żeby dowiedzieć się, jak przeglądarka dekoduje obraz źródłowy przed kompresją.