Unlimited After Effects and Premiere Pro templates, stock video, royalty free music tracks & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing

Komprese JPEG na Facebook: Jak dostat nejlepší kvalitu obrazu na vaši timeline

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

Czech (Čeština) translation by Karel Krkoska (you can also view the original English article)

Všichni jsme si tím prošli, nahráli jsme obrázek, který vypadal fantasticky ve vašem softwaru pro úpravu fotek, ale nakonec jsme na naší timeline našli pouze komprimovaný zmetek. V tomto rychlém návodu vám pomůžu dosáhnout nejvyšší možné kvality při nahrávání obrázků.

Rozluštění pokynů

Facebook nám dal tyto pokyny:

facebook guidelines
Pokyny Facebooku pro vkládání obrázků

Tak se podívejme, co funguje. Začneme s obyčejným snímkem.

Obyčejný snímek na timeline

Facebook doporučuje nahrát buď 720px, 960px nebo 2048px široké snímky, pro dosažení nejlepších výsledků. Toto je obrázek, který budu používat pro naše porovnávání:

example picture
Přiklad pro použití na Facebook

Uložil jsem obrázek v každé z uvedených šířek a nahrál jej; pak jsem stahnul Facebook-komprimované verze zpět do mého počítače.

První věc které si všimneme, je rozdíl ve velikosti souboru. Kdybych procházel každý snímek, ztratili bychom se v číslech, takže vezmu prostřední; 960px, soubor který jsem vytvořil měl 523kb a ten uložený z Facebooku 86,9kb takže tím už víme, že proběhla drastická komprese.

Zde jsou všechny tři velikosti ve 100% po Facebooku:

facebook compression comparison
Srovnání tří navrhovaných šířek pro použití na Facebooku

Můžeme si všimnout artefaktů na všech třech snímcích, zejména kolem horní části mostu, proto jsem se na to při demonstraci zaměřil . Větší obrázek (vlevo nahoře) má nejméně zjevných příznaků komprese a většina lidi by se nedívala takhle zblízka, takže by to bylo ještě méně znatelné, na rozdíl od 720px, který už větší nebude.

Zkusil jsem to stejné se soubory PNG místo JPEG a výsledky byly podobné, takže vás tím nebudu nudit. Je třeba poznamenat, že PNG vytváří větší velikost souboru, takže Facebook to bude chtít snížit (více o tom později). Případ, kdy si myslím, že toto dělá skutečný rozdíl se snímky na timeline je, pokud obsahují text, například když nahráváte něco s logem.

Titulní fotografie

Toto je fotografie, kterou použiji jako svoji titulní:

example cover photo
Můj příklad úvodní fotky

Pokud se pokusím ji nahrát v plném rozlišení (téměř 7000px široká), stane se toto:

facebook cover with compression
Titulní fotka Facebooku použitá v plném rozlišení

Výsledek není vůbec dobrý. Facebook doporučuje nejprve změnit velikost na 851 x 315, tak to pojďme zkusit:

facebook cover with resized photo
Titulní fotografie Facebooku se změněnou velikostí ale stále více než 100kb

Lepší, ale stále hodně zkreslení, zejména kolem papuchálka . Tento obrázek má stále téměř 300kb a Facebook doporučuje 100kb tak tentokrát, jsem použil Soubor > Uložit pro Web (Control-Shift-Alt-S) v aplikaci Adobe Photoshop a upravil kvalitu výsledného obrazu pod 100kb:

save for web
Použijte Uložit pro Web abyste dostali obrázek pod 100kb
facebook cover under 100kb and resized
Titulni fotografie při 851 x 135 a uložena pod 100kb

Jak vidíte, zatím se jedná o nejlepší výsledek. Někdy si myslím, že u titulní fotografie dosáhnu mírně lepšího výsledku za pomoci PNG spíše než JPEG, ale jak jsem již zmínil dříve, je těžší udržet tyto velikosti souboru pod 100kb takže zkuste obě varianty zjistěte, která je lepší pro vás.

Shrnutí

Zde jsou některé body k zapamatování:

Získání nejlepších výsledků pro timeline snímky:

  • Nahrávat větší velikost
  • Ukládat v maximální kvalitě
  • Použít PNG pro snímky s textem (loga)

Získání nejlepších výsledků pro titulní snímky:

  • Změnit velikost na 851 x 315
  • Použít Uložit pro Web a snížit velikost pod 100kb
  • Zkusit JPEG i PNG a zjistit který vypadá lépe

Snímky nikdy nebudou zcela bez komprese, pokud Facebook nezmění svůj proces, můžeme ale dosáhnout lepšího výsledku pomocí malých úprav.

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.