Komprese JPEG na Facebook: Jak dostat nejlepší kvalitu obrazu na vaši timeline
() translation by (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:



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í:



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:



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í:



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



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



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:






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.