Mnoho designérů, fotografů a PR managerů už zažilo ten zahořklý pocit, když nahrávali na firemní Facebook profil své nové vymazlené cover photo nebo profilovku a zjistili, že výsledná fotografie nebo grafika byla značně poškozena nevzhlednou kompresí, která poslala k čertu všechny pracně vyladěné detaily a čistou typografii. Facebook prostě veškeré vámi nahrané fotografie a obrázky (třeba loga) komprimuje. A to hodně. Tento nešvar lze ale elegantně obejít, ukážu vám jak.
Nebojte se, nejste v tom sami. Stačí se podívat na Facebook stránky T-mobile, Adobe nebo Red Dot Design Awards a je jasné, že tento problém mají i velké společnosti, nota bene i ty, které jsou s designem úzce spojené. Následující návod odstraňuje kompresi z firemních Facebook profilů jak u profilových obrázků, tak i u Cover photo a veškerých fotografií. V čem spočívá to kouzlo?
Řešení je jednoduché. Místo JPG formátů nahrávejte všude PNG formáty a vyhnete se (minimálně do doby, než to FB zase zkrouhne) kompresi obrázků a vaše firemní profily budou zase vypadat dokonale.
Cover image
Vypůjčil jsem si fotografii povedeného Rapidu, abych vám názorně ukázal rozdíl v obou zmiňovaných formátech. V galerii níže si můžete prohlédnout, do jaké míry Facebook komprimuje JPG a PNG formáty. Zaměřte se na detaily karoserie vozu a na typografii. Míra komprese je individuální, červená a zelená barva dle mých zkušeností dostává nejvíce na frak.
Pozorně porovnejte tyto dva Facebook profily:
(klikněte pro zvětšení náhledu)
Fotografie v daných formátech jsem nahrál na jeden nepoužívaný profil, aby na nich Facebook aplikoval svou výchozí kompresi, a poté jsem fotky zpátky uložil do počítače. Pro simulaci FB stránky s danými obrázky jsem využil šikovný Social Kit do Photoshopu od Source. Vřele doporučuji pro prezentace designu firemních FB profilů.
Zvýšenou pozornost mějte u rozměru Cover image. Obraz musí mít pro nejlepší výsledky přesný rozměr 851 × 315 px! Pokud nahrajete tento obrázek byť jen o dva pixely menší, FB vám jej slušně rozplizne a nezachrání vás ani PNG formát.
Omezení platí také pro profilové fotografie
Profilové fotografie trpí JPG kompresí také. Nahrejte proto i zde svá loga, grafiku nebo fotografie ve formátu PNG a výsledek bude viditělně lepší než předtím. V nápovědě Facebooku se o možnosti nahrání PNG formátu dozvíte pouze sporadicky, proto mi přišlo užitečnější nahrát konkrétní případy pro okamžité porovnání.
A co obrázky a fotografie vložené přímo na zeď?
(klikněte pro zvětšení náhledu)
Pro obrázky a fotografie vložené přímo na zeď platí stejná omezení, jako u Cover photo a profilového obrázku. Náhledy výše jsou ve formátu 800 × 600 px, ovšem zkoušel jsem i dvojici formátů 1024 × 768 px a kompresí i v této vellikosti trpěl pouze JPG formát.
Rozdíly mezi JPG a PNG formáty jsou někdy velice markantní. Minimální rozdíly zaznamenáte u jednoduché grafiky s plnými jednobarevnými plochami. U fotografií a složitějších kompozic ovšem PNG formát vyhrává na plné čáře.
Má to však jeden háček
Tato PNG záchrana nefunguje u osobních profilů a událostí. Tam je komprese znát bohužel u obou těchto formátů. Zachránit je tak možné pouze firemní profily.
Prevzaté z http://blog.jirichlebus.cz/2014/04/05/odstrante-kompresi-facebooku/
6 comments
perfektny navod ktory ulahci ludom skusanie a tesovanie
Nefunguje u osobních profilů a událostí? Proč?
setrenie dat predpokladam. firemny profil je predsa casto aj o peniazoch, reklama a tak, tak tam obetuju zda sa nejake data
Mohli by ste prosim specifikovat moznosti ulozenia? Kompresia? Prekladanie? ake maju byt tieto hodnoty? btw ako viem ze profil je osobny a nie firemny
DDakujem
No mne sa najviac osvedčilo toto:
http://www.dandawson.org/2013/04/18/eliminating-image-artifacts-from-facebook-cover-photos/
Nezabudnite dať konvertovať do sRGB profilu. Mne táto metóda funguje na FB úplne všade.
Mám pocit že osobné profily sú totálne rozmazané. Nefunguje ani dnes, na to nejaký trik ? Alebo možnosť ? Ďakujem za odpoveď.