Facebook JPEG Compression: Hvordan få den beste bildekvaliteten på ditt Timeline

Facebook JPEG Compression: Hvordan få den beste bildekvaliteten på tidslinjen din
Dette innlegget er en del av en serie som heter Bildekomprimering for Photographers.Save For Web: Bedre JPEG-komprimering med Adobe PhotoshopTwitter JPEG Compression: Hvordan lage den beste kvaliteten bilde for din feed

Vi har alle gjort det, lastet opp et bilde som så fantasticin vår redigering programvare bare å rygge i forferdelse på compressedmess som nå sitter på Facebook tidslinjen vår . I denne hurtig Tips, vil jeg hjelpe deg å få den beste kvaliteten mulig resultat når du laster opp bildene dine

Tyde retningslinjene

Facebook har gitt oss disse retningslinjene.

Facebooks retningslinjer for opplasting

Så la oss se hva som fungerer. Vi begynner med regularimages.

Regelmessige bilder på tidslinjen

Facebook foreslår vi laster opp på enten 720px, 960 x eller 2048pxwide for de beste resultatene. Dette er bildet jeg skal bruke for ourcomparison:
Eksempel bilde til bruk på Facebook

Jeg lagret bildet på hver av de nevnte bredder og uploadedthem; deretter lagret Facebook-komprimerte versjoner tilbake til datamaskinen min.

Den første tingen å merke seg er forskjellen i filstørrelse. Hvis jeg går gjennom eachone vi vil gå seg vill i tall, så å ta midten bredde; 960 x, filen Istarted med var 523kb og den jeg frelst tilbake fra Facebook var 86.9kb så alreadywe vet det kommer til å bli drastisk komprimering

Her er alle tre størrelser på 100% etter Facebook.
En sammenligning av de tre foreslåtte bredder til bruk på Facebook

Vi kan merke artifacting på alle tre bildene, particularlyaround toppen av brua så jeg har fokusert på at for demonstrationpurposes. Jo større bilde (øverst til venstre) har minst tydelige tegn ofcompression og folk flest ville ikke være å se på det på denne tett så det wouldbe enda mindre synlige, i motsetning til 720px som er like stor som det noensinne kommer til toget.

jeg prøvde samme filstørrelser med PNG istedenfor JPEG og gotsimilar resultater, så jeg vil ikke kjede deg med dem her. Det er verdt å merke seg at PNG skaper en largerfile-størrelse så Facebook er bare kommer til å ønske å kutte det ned (litt mer aboutthis senere). Den eneste gangen jeg synes dette gjør en reell forskjell timelineimages er hvis de inneholder tekst, som om du laster opp noe med en logo, for eksempel.

Cover Bilder

Dette er bildet jeg kommer til å bruke for min omslag:
mitt eksempel forsidebilde

Hvis jeg prøvde å laste opp dette ved full oppløsning (some7000px bred), dette er hva som skjer:
Facebook dekke med full oppløsning bildet brukes

Ikke bra i det hele tatt. Facebook anbefaler først å endre størrelse på 851x 315 så la oss prøve det:
Facebook dekke med endret størrelse bilde, men fortsatt over 100kb

Bedre, men fortsatt mye forvrengning rundt lunde inparticular. Dette bildet er fortsatt nesten 300kb skjønt og Facebook recommends100kb så denne gangen brukte jeg Fil > Lagre for Web (Ctrl-Shift-Alt-S) i Adobe Photoshop og justert Quality få det endelige bildet etter 100kb:
Bruk Lagre for Web for å få bildet ditt i henhold 100kbCover på 851 x 135 og lagret på under 100Kb

Som du kan se, blir dette det beste resultatet ennå. Noen ganger Ido finne med forsidebilder som jeg kan få et litt bedre resultat ved å bruke en PNGrather enn JPEG, men som jeg nevnte tidligere, er det vanskeligere å holde disse filesizes ned til under 100kb så prøv begge og se hva som fungerer for deg.

Sammendrag

Her er noen pointsto husk:

få de beste resultatene for Tidslinje
Bilder:

Last opp en stor størrelse

Lagre på maksimal kvalitet

bruk PNG for bilder med tekst (logo)

få de beste resultatene for Dekker
bilder:


Endre størrelse til 851 x 315

bruk Lagre for Web og komme ned til under 100kb

Prøv JPEG og PNG for å se hvilken ser best

bildene er aldri kommer til å være helt withoutcompression, ikke med mindre Facebook endre hvordan de gjør ting, men vi kan få themto se mye bedre med litt tweaking her og der.