fbpx
Jak przygotować zdjęcie do publikacji na Facebooku aby uzyskać jak najlepszą jakość? - Wojtek Nowak Fotografia
15969
post-template-default,single,single-post,postid-15969,single-format-standard,woocommerce-no-js,ajax_updown,page_not_loaded,,side_area_uncovered_from_content,columns-4,qode-theme-ver-17.2,qode-theme-bridge,disabled_footer_top,wpb-js-composer js-comp-ver-5.6,vc_responsive

Jak przygotować zdjęcie do publikacji na Facebooku aby uzyskać jak najlepszą jakość?

Jak przygotować zdjęcie do publikacji na Facebooku aby uzyskać jak najlepszą jakość?

Jakie są największe problemy związane z jakością wyświetlanych zdjęć na Facebooku?

 

Podstawowym problemem jest silna kompresja nieprzygotowanych obrazów która objawia się prostokątnymi blokami w których brak jest detali.

Kompresja uwidacznia się jako prostokątne jednolite bloki (jest to związane z algorytmem kompresji JPG).

Poniżej opisuję metodę którą sam z powodzeniem stosuję.

Metoda dotyczy jak najlepszego wyświetlania na monitorach w rozdzielczości fullHD, nie dotyczy wyświetlania na urządzeniach mobilnych i monitorach 4K.

Jako zdjęcie wejściowe do testów użyłem JPG 2048 x 1365, 8bit.

Poniżej publikuję zdjęcie przepuszczone przez algorytm (poddane publikacji na wallu fanpage i zgrane w pełnej rozdzielczości z FB na dysk – można więc mówić o pomiarze „z natury”)

1. Jaka rozdzielczość? Czy „ta odpowiednia” wystarczy aby otrzymać dobrą jakość?

Zgodnie z sugestią samego facebooka maksymalna rozdzielczość dla poziomych zdjęć to 2048 pikseli na dłuższym boku. Jednak przyjrzyjmy się czy odpowiednia rozdzielczość wystarczy?

Czasem czytam, że najlepiej jest wysłać na facebooka JPG z kompresją cyt. „taką jak ma facebook” czyli „[tu wstaw losową liczbę]”. Ja wybrałem „w miarę” wysoką jakość bo aż 80% (affinity) . Sprawdźmy, czy to wystarczy?

Rozmiar przed wgraniem na na FB: 321KB,

Rozmiar po publikacji na FB: 179KB.

(proszę zauważyć że zwiększenie kompresji zdjęcia o 20% redukuje jego rozmiar dyskowy niemalże dwukrotnie)

2048px, bez wyostrzania, jakość 80 proc.

przyjrzyjmy się z bliska jak wygląda kompresja w takim zdjęciu w szczególności na tle:

2048px, bez wyostrzania, jakość 80 proc. (zbliżenie)

Niestety – powyższy przykład pokazuje niski detal na twarzy i dramatycznie duże bloki uproszczeń na tle.

Co ciekawe detal twarzy jest nieco lepszy przy uploadzie zdjęcia z jakością 80%  niż przy uploadzie zdjęcia z jakością 100%.

2. Jeśli nie wystarczy odpowiednia rozdzielczość, może chodzi o kompresję?

 

Niestety – każde zdjęcie i tak będzie poddane kompresji algorytmów facebooka – więc najlepiej (potwierdziłem to eksperymentami) użyć najniższej kompresji, czyli np. w programie Adobe Photoshop Q=12 a w Affinity Photo Q=100

Rozmiar przed wgraniem na na FB: 2,1MB,

Rozmiar po publikacji na FB: 330KB.

2048px, bez wyostrzania, jakość 100 proc.

przyjrzyjmy się z bliska jak wygląda kompresja w takim zdjęciu w szczególności na tle:

2048px, bez wyostrzania, jakość 100 proc.

Na powyższym przykładzie widać, że jakość jest nieco wyższa ale i tak detal jest niski a bloki w tle są widoczne.

Niestety niska kompresja również nie jest wystarczającym czynnikiem do uzyskania dobrej jakości obrazu na facebooku :/

3. No więc jak ominąć algorytm facebooka?

Aby uzyskać dobrą jakość zdjęć trzeba zadbać o 4 elementy:

a) rozdzielczość (to już wiemy)

b) małą kompresję (to też już wiemy)

c) niejednolitość tonalną (uzyskaną przez dodanie szumu w jednolitych obszarach)

d) wyostrzenie po zmniejszeniu zdjęcia (proszę zwrócić uwagę na parametry nałożone na zdjęcie!)

 

Co dają nam dwa ostatnie podpunkty? Uniemożliwiają one najbardziej agresywne uproszczenie danych ponieważ zwiększają dramatycznie ilość różnorodnych elementów obrazu – dla algorytmu nie ma znaczenia czy piksele o różnej jasności to zmarszczki / gałęzie czy szum dodany w programie graficznym – po prostu interpretuje to jako dane które są istotne więc nie łączy ich w bloki uproszczeń.

 

Poniżej prezentuję efekty takich zabiegów:

Rozmiar przed wgraniem na na FB: 2,72 MB,

Rozmiar po publikacji na FB: 534KB.

2048px, wyostrzanie, dodany szum, jakość 100 proc.

przyjrzyjmy się z bliska jak wygląda jakość zdjęcia:

2048px, wyostrzanie, dodany szum, jakość 100 proc.

Metoda ta dotyczy nie tylko portretów ale i wszystkich typów zdjęć. Dodawanie zaś szumu jest tym ważniejsze im gradient w tle jest jednolity (pozbawiony szczegółów).

Warto także zwrócić uwagę, że po zastosowaniu powyższej metody plik zgrany z facebooka jest o ponad 60% większy (zawiera 60% więcej informacji) niż plik ze 100% jakością ale bez stosowania tej metody.

Poniżej porównanie BEFORE-AFTER (można przesuwać suwakiem w lewo i w prawo). Materiał „z natury” czyli zgrany ze facebooka 🙂

Warto zauważyć, że wszystkie powyższe zdjecia testowe w rozmiarze 2048 są zgrane z facebookowego walla więc pokazują jasno mechanizm działania algorytmu.

Powyższe testy są wynikiem działania algorytmu kompresji na dzień 2019.02.22.

PS. Właściwie tutorial powinien się nazywać „czteroczynnikowa teoria jakości zdjęć na facebooku wynikająca z praktyki” 😉

No Comments

Post A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.