facebook komprese 825x510 580x359 - Vylepšete své Facebook firemní profily. Odstraňte kompresi obrázků!

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_jpg2logo_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í71973

Ďalšie diely seriálu

komentáre

  1. Avatar
    marek

    perfektny navod ktory ulahci ludom skusanie a tesovanie

  2. Avatar
    yanoya

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

  3. Avatar

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

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

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

  6. Avatar

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

pridaj komentár