Vylepšete své Facebook firemní profily. Odstraňte kompresi obrázků!

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

porovnani-1

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:

profil_all_png profil_all_jpg

(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

logo_jpg2 logo_png2

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ď?

fotografie_timeline_png fotografie_timeline_jpg

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

 

chlebus-profilovka

 

Jiří Chlebus
Grafický designér na volné noze z Brna. Zabývá se tvorbou jednotných vizuálních stylů a distribucí korporátní identity.
www.jirichlebus.cz

 

Prevzaté z http://blog.jirichlebus.cz/2014/04/05/odstrante-kompresi-facebooku/

  • Pozretí52503

Ďalšie diely seriálu

komentáre

  1. marek

    perfektny navod ktory ulahci ludom skusanie a tesovanie

  2. yanoya

    Nefunguje u osobních profilů a událostí? Proč?

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

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

  5. Mám pocit že osobné profily sú totálne rozmazané. Nefunguje ani dnes, na to nejaký trik ? Alebo možnosť ? Ďakujem za odpoveď.

  6. Protoze firemní data mají větší cenu než data uživatele

pridaj komentár