Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Kompresja JPEG na Facebooku: jak uzyskać najlepszą jakość zdjęć na osi czasu

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Wszyscy to robiliśmy, przesłaliśmy obraz, który wspaniale wyglądał w naszym edytorze, aby z przerażeniem zorientować się co znajduje się na naszej osi czasu na Facebooku. W tej krótkiej wskazówce, pomogę ci uzyskać najlepszą możliwą jakość udostępnianych zdjęć.

Odszyfrowywanie wytycznych

Facebook daje nam następujące wytyczne:

facebook guidelines
Wytyczne Facebooka dotyczące przesyłania obrazów

Zobaczmy co tak naprawdę działa. Zaczniemy od zwykłych obrazów.

Zwykłe obrazy na osi czasu

Facebook sugeruje przesyłanie zdjęć o szerokości 720960 lub 2048 pikseli. Poniżej znajduje się obraz, który użyję do porównania:

example picture
Przykładowy zdjęcie do wykorzystania na Facebooku

Zapisałem zdjęcie w każdej z wymienionych szerokości i udostępniłem je; następnie zapisałem skompresowane przez Facebooka wersje na moim komputerze.

Pierwszą rzeczą do odnotowania jest różnica w wadze plików. W każdym z nich można zauważyć mniejsze wartości, na przykład plik o szerokości 960 pikseli na początku ważył 523kb, po udostępnieniu na Facebooku tylko 86.9kb, więc już wiemy, że mamy do czynienia z drastyczną kompresją.

Oto wszystkie trzy pełnowymiarowe obrazy po kompresji:

facebook compression comparison
Porównanie trzech sugerowanych szerokości do wykorzystania na Facebooku

Możemy zauważyć artefakty na wszystkich trzech zdjęciach, szczególnie w górnej części mostu, na której skupiłem uwagę w celach demonstracyjnych. Większy obraz (w lewym górnym rogu) posiada najmniej widoczne oznaki kompresji, a większość osób nie będzie się przyglądała tak bardzo, aby zauważyć różnicę, w przeciwieństwie do obrazu o szerokości 720 pikseli.

Sprawdziłem pliki PNG o tych samych rozmiarach i otrzymałem podobne rezultaty, więc nie będę się o tym rozpisywał. Warto zauważyć, że pliki PNG ważą więcej, więc Facebook skompresuje je jeszcze bardziej (trochę więcej o tym później) Jedyny przypadek, w którym widać realną różnicę, to obrazy na osi czasu z dołączonym tekstem lub logiem.

Zdjęcia w tle

Oto zdjęcie, które wykorzystam jako moje tło.

example cover photo
Mój przykład zdjęcia w tle

Po próbie przesłania zdjęcia w pełnej rozdzielczości (o szerokości 7000 pikseli), otrzymałem coś takiego:

facebook cover with compression
Zdjęcie w tle na Facebooku w pełnej rozdzielczości

To nie przejdzie. Facebook rekomenduje zmianę rozmiaru na 851 x 315, więc spróbujmy tego:

facebook cover with resized photo
Zdjęcie w tle na Facebooku ze zmienionym rozmiarem, ale nadal o większym rozmiarze niż 100kb.

Lepiej, ale nadal jest wiele zniekształceń w szczególności wokół maskonura. Obraz nadal waży prawie 300kb, a Facebook rekomenduje 100kb, dlatego tym razem w Adobe Photoshop wybrałem Plik > Zapisz dla Internetu (CTRL-SHIFT-ALT-S) i dostosowałem Jakość, aby uzyskać obraz o wadze mniejszej niż 100kb.

save for web
Użyj Zapisz dla Internetu, aby uzyskać obraz o wadze mniejszej niż 100kb
facebook cover under 100kb and resized
Zdjęcie w tle o rozmiarze 851 x 135 i wadze mniejszej niż 100kb

W ten sposób możemy uzyskać najlepsze rezultaty. Czasami zauważam, że dla zdjęć w tle uzyskuję lepsze rezultaty wykorzystując pliki PNG zamiast JPEG, ale jak wspomniałem wcześniej, trudniej uzyskać obrazy z tym rozszerzeniem, które ważą mniej niż 100kb, dlatego przekonaj się sam, który będzie dla ciebie lepszym wyborem.

Podsumowanie

Oto kilka kwestii, które warto zapamiętać:

Lepsze rezultaty dla zdjęć na osi czasu:

  • Prześlij obraz o większym rozmiarze
  • Ustaw maksymalną jakość
  • Użyj PNG dla obrazów z tekstem (logo)

Lepsze rezultaty dla zdjęć w tle.

  • Zmniejsz rozmiar do 851 x 315
  • Skorzystaj z opcji Zapisz dla Internetu i uzyskaj plik o wadze mniejszej niż 100kb
  • Wypróbuj JPEG i PNG, aby zobaczyć, który będzie wyglądał lepiej

Obrazy nigdy nie będą wolne od kompresji, chyba że Facebook zmieni sposób w jaki modyfikuje zdjęcia. Możemy jednak sprawić, aby wyglądały znacznie lepiej dzięki drobnej edycji tu i tam.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.