Share
Vi har alle gjort det, lastet opp et bilde som så fantastisk ut i vår redigeringsprogramvare bare for å rekylere i horror på det komprimerte rotet som nå sitter på vår Facebook-tidslinje. I denne Quick Tip hjelper jeg deg med å få det beste kvalitetsresultatet mulig når du laster opp bildene dine.
Hvis du vil ha en rask løsning, kan du prøve Endre størrelse og skarpe for Facebook, en Photoshop-handling tilgjengelig på Envato Market. Dette elementet kan ta hodepine uten å laste opp bilder til Facebook ved automatisk å bruke de riktige innstillingene for å gjøre bildene dine skarpe og profesjonelle.
Endre størrelsen på og skjær for FacebookEller du kan ta en snarvei og laste ned et av de profesjonelt utformede og tilpassede Facebook-deksjonsbildene som er tilgjengelige på Envato Elements.
Facebook-omslag bilder tilgjengelig på Envato ElementsFacebook har gitt oss disse retningslinjene:
Facebooks retningslinjer for bildeopplastingSå la oss se hva som fungerer. Vi starter med vanlige bilder.
Facebook foreslår at vi laster opp på enten 720px, 960 x eller 2048px bred for de beste resultatene. Dette er bildet jeg skal bruke til vår sammenligning:
Eksempelbilde å bruke på FacebookJeg lagret bildet ved hver av de nevnte bredder og lastet dem opp; deretter lagret de Facebook-komprimerte versjonene tilbake til min datamaskin.
Det første du må merke seg er forskjellen i filstørrelse. Hvis jeg går gjennom hverandre, vil vi gå seg vill i tall, for å ta den midterste bredden; 960 x, filen jeg startet med var 523kb og den jeg lagret tilbake fra Facebook var 86.9kb så allerede vet vi at det kommer til å bli drastisk komprimering.
Her er alle tre størrelser på 100% etter Facebook:
En sammenligning av de tre foreslåtte breddene som skal brukes på FacebookVi kan notere artifacting på alle tre bildene, spesielt rundt toppen av broen, så jeg har fokusert på det for demonstrasjonsformål. Større bilde (øverst til venstre) har de minste åpenbare tegn på kompresjon, og de fleste ville ikke se på det så tett, så det ville være enda mindre merkbart, i motsetning til 720px som er like stort som det noen gang kommer til å få.
Jeg prøvde de samme filstørrelsene med PNG i stedet for JPEG og fikk lignende resultater, så jeg vil ikke bore deg med dem her. Det er verdt å merke seg at PNG skaper en større filstørrelse, så Facebook vil bare klippe det ned (litt mer om dette senere). Den eneste gangen jeg finner dette, gjør en reell forskjell med tidslinjebilder, hvis de inneholder tekst, som om du laster opp noe med en logo, for eksempel.
Dette er bildet jeg skal bruke til min deksel:
Mitt eksempel omslag bildeHvis jeg prøvde å laste opp dette i full oppløsning (noen 7000px bred), er dette hva som skjer:
Facebook deksel med full oppløsning bilde bruktIkke bra i det hele tatt. Facebook anbefaler først å endre størrelsen på 851 x 315 så la oss prøve det:
Facebook-deksel med forstørret bilde, men likevel over 100kbBedre, men fortsatt mye forvrengning rundt lundefuglen spesielt. Dette bildet er fortsatt nesten 300kb skjønt og Facebook anbefaler 100Kb så denne gangen brukte jeg Fil > Lagre for web (Kontroll-Shift-Alt-S) i Adobe Photoshop og justert Kvalitet få det endelige bildet under 100kb:
Bruk Save For Web for å få bildet ditt under 100kb
Dekk på 851 x 135 og lagret på under 100kb Som du kan se, blir dette det beste resultatet ennå. Noen ganger finner jeg med dekselfotografier at jeg kan få et litt bedre resultat ved hjelp av en PNG snarere enn a JPEG, men som nevnt tidligere er det vanskeligere å holde disse filstørrelsene ned til under 100kb så prøv begge og se hvilke som fungerer for deg.
Her er noen poeng å huske:
Bildene kommer aldri til å bli helt uten komprimering, ikke med mindre Facebook endrer hvordan de gjør ting, men vi kan få dem til å se mye bedre ut med en liten tilpasning her og der.
Accentsconagua