1. Photo & Video
  2. Post-Processing

Facebook JPEG tömörítés: hogyan kapjuk a legjobb képminőséget az idővonalunkon

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)

Mindannyian átéltük már, hogy feltöltöttünk egy képet ami fantasztikusan nézett ki a szerkesztőprogramunkban, de a Facebook idővonalunkon már szörnyen néz ki a tömörítés miatt. Ebben a rövid tippben segítek a lehető legjobb képminőséget elérni a képek feltöltése során.

Az iránymutatások megfejtése

A Facebook ezeket az iránymutatásokat adja nekünk:

facebook guidelinesfacebook guidelinesfacebook guidelines
A Facebook iránymutatásai a képek feltöltését illetően

Nézzük meg hogyan is működik ez. A szabályos képekkel kezdjük.

Szabályos képek az idővonalon

A Facebook az javasolja hogy 720px, 960px vagy 2048px felbontású képeket töltsünk fel a legjobb eredményért. Ez az a kép amit összehasonlításképp fogok használni:

example pictureexample pictureexample picture
Példa kép amit Facebookon fogunk használni

Elmentettem a képet az összes említett szélességgel, és feltöltöttem őket; majd pedig a Facebook által tömörített verziót elmentettem a gépemre.

Az első dolog amit észrevehetünk, az a fájlméretben való különbség. Ha mindegyiken végigmegyünk akkor elveszünk a számokban, szóval nézzük meg a közepes méretet; 960px, a kezdeti fájl 523kb volt, és a Facebookról lementett pedig 86.9kb, szóval tudhatjuk hogy egy drasztikus tömörítésen ment át.

Itt van mindhárom kép100%-os méretben a Facebook tömörítése után:

facebook compression comparisonfacebook compression comparisonfacebook compression comparison
A Facebook által ajánlott méretek összehasonlítása

A mellékhatásokat észrevehetjük mindhárom képen, főleg a híd teteje környékén, ezért erre fókuszáltam a képet demonstrációs céllal. A nagyobb képen (bal felső) láthatók a legkevésbé nyilvánvaló jelei a tömörítésnek, és a legtöbb ember nem közelít rá, így még kevésbé észrevehető, nem úgy mint a 720px méretű kép esetében.

Megpróbáltam ugyanezekkel a méretekkel JPEG helyett PNG formátumban, és hasonló eredményeket kaptam, szóval ne untasd magad ilyenekkel. Semmit nem ér, mivel a PNG nagyobb fájlméretet eredményez, amit a Facebook majd csökkenteni akar (erről kicsit később). Csak akkor érhetünk el ezzel valódi különbséget, ha képet is tartalmaznak, mint például egy logó vagy hasonló feltöltésekor.

Borítóképek

Ezt a képet fogom borítóképemként használni:

example cover photoexample cover photoexample cover photo
A példa borítóképem

Ha megpróbálom a teljes felbontással feltölteni (körülbelül 7000px széles), ez történik:

facebook cover with compressionfacebook cover with compressionfacebook cover with compression
Facebook borító a teljes felbontást használva

Nem teljesen jó. A Facebok azt javasolja, hogy először méretezzük át 851 x 315-re, szóval próbáljuk meg ezt:

facebook cover with resized photofacebook cover with resized photofacebook cover with resized photo
Facebook borító az átméretezett képpel, de még mindig 100kb felett

Jobb, de még mindig sok a torzulás, főleg a madár körül. Ez a kép még mindig majdnem 300kb és a Facebook 100kb-ot javasol, szóval ezúttal a Fájl > Mentés Webre (Control-Shift-Alt-S) opciót használtam az Adobe Photoshop programban, és állítottam a Minőséget hogy a végső kép 100kb alatt legyen. 

save for websave for websave for web
Használd a Mentés Webre opciót hogy 100kb alá vidd a képet
facebook cover under 100kb and resizedfacebook cover under 100kb and resizedfacebook cover under 100kb and resized
851 x 135 méretű borító, 100kb alatt elmentve

Ahogy láthatod, ez adja a legjobb eredményt. Néha borítóképek esetében PNG fájlt használva kicsit jobb eredményt kapok mint JPEG esetében, de ahogy korábban említettem, nehezebb ezeknek a fájloknak a méretét 100kb alatt tartani, szóval próbáld ki mindkettőt és nézd meg neked melyik működik jobban.

Összegzés

Itt van néhány pont emlékeztetőül:

Legjobb eredmények idővonali képek esetében:

  • Tölts fel egy nagy méretű képet
  • Mentsd el maximum minőséggel
  • Használj PNG képeket ha szöveget is tartalmaznak (logók)

Legjobb eredmények borítóképek esetében:

  • Méretezd át 851 x 315-re
  • Használd a Mentés Webre opciót és menj le 100kb alá
  • Próbáld ki JPEG és PNG formátumban és nézd meg melyik a legjobb

A képek sosem lesznek teljesen tömörítetlenül, hacsak a Facebook nem változtatja meg a dolgokat, de sokkal szebbé tehetjük őket egy kis trükközéssel itt-ott.

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.