1. Photo
  2. Add Ons
  3. Photoshop Actions

Kompresia JPEG na Facebook: Ako dostať najlepšiu kvalitu obrazu na vašu timeline

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)

Všetci sme si tým prešli, nahrali sme obrázok, ktorý vyzeral fantasticky vo vašom softvéru na úpravu fotiek, ale nakoniec sme na našej timeline našli iba komprimovaný nepodarok. V tomto rýchlom návode vám pomôžem dosiahnuť najvyššej možnej kvality pri nahrávaní obrázkov.

Rozlúštenie pokynov

Facebook nám dal tieto pokyny:

facebook guidelinesfacebook guidelinesfacebook guidelines
Pokyny Facebooku pre vkladanie obrázkov

Tak sa pozrime, čo funguje. Začneme s obyčajným snímkou.

Obyčajný snímku na timeline

Facebook odporúča nahrať buď 720px, 960px alebo 2048px široké snímky, pre dosiahnutie najlepších výsledkov. Toto je obrázok, ktorý budem používať pre naše porovnávanie:

example pictureexample pictureexample picture
Príklad pre použitie na Facebook

Uložil som obrázok v každej z uvedených šírok a nahral ho; potom som stiahol Facebook-komprimované verzie späť do môjho počítača.

Prvá vec ktoré si všimneme, je rozdiel vo veľkosti súboru. Keby som prechádzal každú snímku, stratili by sme sa v číslach, takže vezmem prostredný; 960px, súbor ktorý som vytvoril mal 523kb a ten uložený z Facebooku 86,9kb takže tým už vieme, že prebehla drastická kompresie.

Tu sú všetky tri veľkosti v 100% po Facebooku:

facebook compression comparisonfacebook compression comparisonfacebook compression comparison
Porovnanie troch navrhovaných šírok pre použitie na Facebooku

Môžeme si všimnúť artefaktov na všetkých troch snímkach, najmä okolo hornej časti mosta, preto som sa na to pri demonštrácii zameral. Väčší obrázok (vľavo hore) má najmenej zjavných príznakov kompresie a väčšina ľudí by sa nepozerala takto zblízka, takže by to bolo ešte menej znateľné, na rozdiel od 720px, ktorý už väčšie nebude.

Skúsil som to isté so súbormi PNG namiesto JPEG a výsledky boli podobné, takže vás tým nebudem nudiť. Je potrebné poznamenať, že PNG vytvára väčšiu veľkosť súboru, takže Facebook to bude chcieť znížiť (viac o tom neskôr). Prípad, kedy si myslím, že toto robí skutočný rozdiel sa snímky na timeline je, ak obsahujú text, napríklad keď nahrávate niečo s logom.

Titulná fotografie

Toto je fotografia, ktorú použijem ako svoju titulnú:

example cover photoexample cover photoexample cover photo
Môj príklad úvodný fotky

Ak sa pokúsim ju nahrať v plnom rozlíšení (takmer 7000px široká), stane sa toto:

facebook cover with compressionfacebook cover with compressionfacebook cover with compression
Titulná fotka Facebooku použitá v plnom rozlíšení

Výsledok nie je vôbec dobrý. Facebook odporúča najprv zmeniť veľkosť na 851 x 315, tak to poďme skúsiť:

facebook cover with resized photofacebook cover with resized photofacebook cover with resized photo
Titulná fotografie Facebooku so zmenenou veľkosťou ale stále viac ako 100kb

Lepšie, ale stále veľa skreslenia, najmä okolo alky. Tento obrázok má stále takmer 300 kb a Facebook odporúča 100 kb tak tentoraz, som použil Súbor> Uložiť pre Web (Control-Shift-Alt-S) v aplikácii Adobe Photoshop a upravil Kvalitu výsledného obrazu pod 100kb:

save for websave for websave for web
Použite Uložiť pre Web aby ste dostali obrázok pod 100kb
facebook cover under 100kb and resizedfacebook cover under 100kb and resizedfacebook cover under 100kb and resized
Titulni fotografie pri 851 x 135 a uložená pod 100kb

Ako vidíte, zatiaľ sa jedná o najlepší výsledok. Niekedy si myslím, že u titulnej fotografie dosiahnem mierne lepšieho výsledku za pomoci PNG skôr než JPEG, ale ako som už spomenul predtým, je ťažšie udržať tieto veľkosti súboru pod 100kb takže skúste obe varianty zistite, ktorá je lepšia pre vás.

Zhrnutie

Tu sú niektoré body na zapamätanie:

Získanie najlepších výsledkov pre timeline snímky:

  • Nahrávať väčšiu veľkosť
  • Ukladať v maximálnej kvalite
  • Použiť PNG pre snímky s textom (logá)

Získanie najlepších výsledkov pre titulnú snímky:

  • Zmeniť veľkosť na 851 x 315
  • Použiť Uložiť pre Web a znížiť veľkosť pod 100kb
  • Skúsiť JPEG aj PNG a zistiť ktorý vyzerá lepšie

Snímky nikdy nebudú úplne bez kompresie, ak Facebook nezmení svoj proces, môžeme ale dosiahnuť lepší výsledok pomocou malých úprav.

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