Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Facebook JPEG komprimiranje: Kako postići najbolju kvalitetu slike na vašem Timeline-u (vremenskoj crti)

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

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Svi smo to radili, uploadali sliku koja je izgledala super u našem softveru za editiranje slika, da bi završila u hororu kompresijskog nereda koji nam sada visi na Facebook vremenskoj crti. U ovom brzom savjetu, pomoći ću vam da postignete najbolju moguću kvalitetu kada uploadate svoje slike.

Dešifriranje crte rešetaka

Facebook nam je dao ove crte:

facebook guidelines
Facebook crta rešetki kod uploadanja slike

Pa da vidimo što od ovog funkcionira. Počet ćemo sa običnim fotografijama.

Obične fotografije na vremenskoj crti

Facebook predlaže da za najbolje rezultate uploadamo širinu od 720px, 960px ili 2048px. Ovo je slika koju ću koristiti za usporedbu:

example picture
Primjer slike za korištenje na Facebooku

Spremio sam sliku svih navedenih širina i uploadao ih; zatim sam spremio Facebook-koprimirane verzije nazad na svoj kompjuter.

Prva stvar koju primjećujemo je razlika u veličini datoteke. Ako prođemo svaku od njih izgubiti ćemo se u brojevima, pa ću stoga odabrati srednju širinu; 960px, datoteka sa kojom sam započeo bila je 523kb, a ona koju sam spremio nazad sa Facebooka bila je 86.9kb tako da odmah vidimo da će biti drastična kompresija.

Ovdje su sve tri veličine od 100% nakon Facebooka:

facebook compression comparison
Usporedba triju širina koje Facebook predlaže

Možemo primijetiti artifakte na sve tri slike, posebno oko vrha mosta, pa sam se fokusirao na taj dio za potrebe demonstracije. Veća slika (gore lijevo) ima najmanje vidljive znakove kompresije i većina je ljudi ne bi gledala tako izbliza pa bi bilo još manje vidljivo, za razliku od 720px koja je velika onoliko koliko najviše može biti.

Isprobao sam iste veličine datoteka sa PNG umjesto JPEG i dobio jednake rezultate pa vas neću s njima ovdje zamarati. Vrijedi spomenuti da PNG stvara veće veličine datoteka pa će Facebook to željeti srezati (malo više o tome kasnije). Jedini put kada sam primjetio da to zaista čini razliku sa slikama na vremenskoj crti je ako one uključuju i tekst, kao kada npr. uploadate nešto sa logom.

Profilne fotografije

Ovo je fotografija koju ću koristiti za profilnu sliku:

example cover photo
Moj primjer profilne fotografije

Kada bih ovo pokušao uploadati u punoj rezoluciji (nekih 7000px širine), evo što bi se desilo:

facebook cover with compression
Facebook profilna sa korištenom slikom u punoj rezoluciji

Uopće ne izgleda dobro. Facebook predlaže prvo promjenu veličine u 851 x 315, pa isprobajmo tako:

facebook cover with resized photo
Facebook profilna sa fotografijom promijenjene veličine ali još uvijek iznad 100kb

Bolje, ali još uvijek ima mnogo distorzije oko samog morskog papagaja. Ova slika ima još uvijek gotovo 300kb a Facebook preporučuje 100kb pa sam ovaj put koristio File > Save For Web (Control-Shift-Alt-S) u Adobe Photoshopu i prilagodio kvalitetu (Quality) završene slike ispod 100kb:

save for web
Koristite Save For Web kako biste dobili sliku ispod 100kb
facebook cover under 100kb and resized
Profilna od 851 x 135 i spremljena ispod 100kb

Kao što primjećujete; ovo već daje bolji rezultat Ponekad kod profilnih fotografija primjećujem da mogu dobiti malo bolji rezultat koristeći PNG umjesto JPEG, ali kao što sam već spomenuo ranije, te je datoteke teže zadržati ispod 100kb pa isprobajte oboje da vidite što će biti bolje.

Sažetak

Evo nekih stvari koje trebate zapamtiti:

Dobivanje najboljih rezultata za slike na vremenskoj crti:

  • Uploadajte veliku datoteku
  • Spremite u maksimalnoj kvaliteti
  • Koristite PNG za slike sa tekstom (logom)

Dobivanje najboljih rezultata za profilne slike:

  • Podesite veličinu na 851 x 315
  • Koristite Save For Web i smanjite sliku ispod 100kb
  • Isprobajte JPEG i PNG da vidite koji bolje izgleda

Slike nikada neće biti potpuno bez kompresije, osim ako Facebook promijeni način rada, ali uz malo prilagodbe tu i tamo, možemo učiniti da izgledaju mnogo bolje.

Advertisement
Advertisement
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.