1. Photo & Video
  2. Post-Processing

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

Scroll to top
Read Time: 3 min
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

() translation by (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 guidelinesfacebook guidelinesfacebook 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 pictureexample pictureexample 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 comparisonfacebook compression comparisonfacebook 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 photoexample cover photoexample 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 compressionfacebook cover with compressionfacebook 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 photofacebook cover with resized photofacebook 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 websave for websave for web
Użyj Zapisz dla Internetu, aby uzyskać obraz o wadze mniejszej niż 100kb
facebook cover under 100kb and resizedfacebook cover under 100kb and resizedfacebook 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
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Photo & Video tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.