Facebook Photos Size Guide | Nytt Facebook-oppsett

I midten av 2020 begynte Facebook å lansere et nytt skrivebordsoppsett for nettstedet. Den er renere, med mer hvit plass, og bringer den nærmere i tråd med mobilversjonen. Men det er også ganske annerledes. Så dette er en revidert versjon av min uoffisielle Facebook-størrelsesguide for å redegjøre for den siste layouten, som de kaller New Facebook (den gamle versjonen heter Classic Facebook) .1

I utgangspunktet var denne nye layout er en opt-in-oppdatering, og du kan bytte tilbake til Classic Facebook-layout fra New Facebook. Men det vil til slutt rulle ut til alle. Hvis du tilfeldigvis fortsatt bruker det gamle oppsettet (eller Classic Facebook, som de kaller det), kan du finne den forrige versjonen av Facebook-størrelsesguiden her.

Under lanseringen vil noen brukere se siden din med det nye oppsettet og noen med det gamle oppsettet. Men hvis du laster opp nytt innhold, er det sannsynligvis mer fornuftig å optimalisere det for det nye oppsettet.

Bilder er en viktig del av å bruke Facebook, men hvis du har kommet på tvers av denne siden, har du uten tvil funnet ut av deg selv at det ikke er så enkelt å finne ut hvilke bildestørrelser du skal bruke på Facebook. Det innebærer litt krangling for å få de resultatene du ønsker. Hver type bilder på en side, profil og tidslinje har sin egen størrelse og særegenheter. Facebook har aldri vært veldig bra med å gjøre hjelpesidene enkle å finne.

Å holde ting enda mer frustrerende interessant er på Facebook endrer ting fra tid til annen, vanligvis uten advarsel. Noen ganger er det en liten, trinnvis justering. Noen ganger er det en hel overhaling (for eksempel når tidslinjer ble introdusert og igjen når de ble endret fra to kolonner til en kolonne). Så det er alltid litt av et bevegelig mål. Og det ser alltid ut til å være et nytt system rett rundt hjørnet.

Så om du bruker Facebook-sider for markedsføring på sosiale medier eller bare prøver å legge ut bilder til venner og familie, her er min 2020-versjon av uoffisiell guide for størrelsen på Facebook-bilder på de forskjellige delene av nettstedet.

Dette er en foreløpig innsats for å dekonstruere skjermstørrelsene når oppdateringen rulles ut. Jeg tar sikte på å oppdatere det når noen av spesifikasjonene blir tydeligere. Hvis du kommer over forskjellig visningsatferd, kan du gi meg beskjed slik at jeg kan undersøke og oppdatere etter behov.

Facebook Cover Photo Size

Anbefaling: Bruk et bilde som er minst 940 piksler bredt med 352 piksler høy. Men hvis du vil ha bedre kvalitet, kan du bruke et bilde på minst 1800 piksler med 704 piksler.

Facebook Cover Photo er det store panoramabildeområdet øverst på tidslinjen. Det kalles også noen ganger bannerbildet eller topptekstbildet.

Skjermen er responsiv. Sagt på en annen måte, størrelsen den vises på varierer etter størrelsen på nettleservinduet eller enhetsskjermen. Du kan se denne effekten hvis du endrer størrelsen hvis nettleservinduet mens du ser på siden.

Med forrige layout var det litt komplisert å prøve å finne ut hva som ville vises riktig på Facebook-forsidebildet, fordi ikke alle deler av bildet vil vises i alle størrelser. Det var trygge soner og striper som ble trimmet av på skrivebordet.

Den nye versjonen har forenklet ting. Hele bildet vises og endres på en mye enklere måte.

Når det er sagt, er det noen ting å passe på.

For det første har de gått tilbake til å ha en smal bånd av gradert skyggelegging nederst. Det er et overlegg, noe som betyr at det sitter i et lag på toppen av bildet ditt. Så du vil ikke inkludere noen viktig tekst eller detaljer i den nederste stripen.

For det andre tar det fargen på de ytterste pikslene fra bildet og bruker dem til å lage en skyggelagt fargeseksjon på det blanke. seksjon bak bildet. Her er et eksempel på hva jeg mener, med det å ta det røde fra den ytre kanten av bildet og bruke det på den hvite delen bak. (Jeg har beskjært profilbildet her for å forenkle ting.) Merker med en spesifikk fargepalett vil være spesielt oppmerksomme for å inkludere de ønskede fargene helt på kanten av bildet.

For det tredje nederste hjørner blir litt avrundede (eller kantradius, for å være teknisk). Det er imidlertid ikke veldig aggressivt, så det er lite sannsynlig at det forårsaker problemer for mange brukere.Men hvis du bruker en streklinje rundt bildet ditt eller annen detaljert innramming, kan det føre til problemer. Den brukes automatisk, og det er ingen måte å slå den av.

For det fjerde er profilbildet nå tilbake for å legge omslagsbildet. Selv om det bare er subtilt i denne versjonen, og bare en fliser skjuler forsidebildet.

Endring av Facebook-forsidebilde

Hvis du nettopp har satt opp en ny Facebook-profil eller -side og ikke har et forsidebilde ennå, bare klikk på «Legg til et omslag» -knappen øverst på siden hvor forsidebildet skal gå.

Når du har lagt til bildet ditt, kan du erstatte det Det er enkelt. Når du er logget på kontoen din og ser på siden din, klikker du på Edit -knappen nederst til høyre.

Ved å klikke på det åpnes en dråpe -menyen der du kan velge kilden for det nye bildet. Dette er også den samme menyen du kan bruke hvis du vil fjerne eller plassere et eksisterende bilde eller bruke et videodeksel eller lysbildefremvisning.

Cover Fototyper: Enkeltbilder

Når det gjelder bildetyper, er panoramaer ideelle. Enkle avlinger fungerer også, selv om effektiviteten åpenbart vil variere basert på hva det er på bildet. Og det er ingenting som hindrer deg i å montere mult bilder i en collage i bildebehandlingsprogramvaren, lagrer den som en enkelt bildefil og laster den opp. Som disse, for eksempel:

Cover Slideshows: Multiple Images

Inntil ganske nylig var det bare mulig å velge ett bilde for å fungere som det statiske forsidebildet. Men en ny funksjon er lagt til: lysbildefremvisning. Du kan nå velge opptil 5 bilder som roterer. Få tilgang til denne funksjonen via den samme menyen som lar deg legge til eller endre omslagsbildet (dvs. kameraikonet øverst til venstre i omslagsbildeseksjonen).

Når du oppretter en lysbildefremvisning, får du alternativet for å velge opptil 5 bilder som skal brukes. Bruk filmstripen øverst til å velge bildene enten fra eksisterende bilder eller laste opp nye. Du kan deretter klikke på miniatyrbildet og få en forhåndsvisning av hvordan det vil se ut på større plass under miniatyrbildene. Du kan klikke og dra i den delen for å plassere bildet i visningsområdet.

Du kan også ha en dynamisk generert versjon som lar Facebook velge bildene basert på hva som fungerer bra og basert på aktiviteten på siden din. . Du kan slå denne funksjonen på eller av ved å bruke bryteren øverst til høyre på redigeringsskjermen for lysbildefremvisning.

Hvis du bruker lysbildefremvisningsdekselet, kan de besøkende navigere gjennom lysbildefremvisningen ved hjelp av pilene på hver side. (den forrige layouten hadde posisjonsindikatorer nederst, men de er borte i den nye versjonen).

Det er noen få ting som jeg synes er merkelige med måten lysbildefremvisningene for øyeblikket vises for besøkende. Den første er at lysbildefremvisningen ikke går videre automatisk. Så for å se mer enn ett bilde i lysbildefremvisningen, må de besøkende vite å manuelt gå videre ved hjelp av pilknappene på siden av bildet. Jeg mistenker at bare en veldig liten prosentandel vil gjøre det. Den andre tingen er at hvis du slår av muligheten for at Facebook velger bildene, viser den bildene i samme rekkefølge hver gang i stedet for tilfeldig. Resultatet av begge disse tingene er at det aller meste av besøkende på siden din, i det minste i hvordan den for øyeblikket er implementert, sannsynligvis bare vil se det første bildet. Det tredje merkelige – i det minste for meg – er å imøtekomme det nye skyggelagte fargehøydepunktet i bakgrunnsdelen. Fordi det er hentet fra det viste profilbildet, endres det sammen med profilbildet. Det er ikke nødvendigvis en dårlig ting, men det er noe det er verdt å vite.

Cover Videos

Du kan nå også bruke videofiler til bannerområdet ditt. De må være mellom 20 og 90 sekunder og måle minst 820 x 312 piksler. Den anbefalte størrelsen er 820 x 462.

Hvis du tar et videoklipp for dette med et kamera som lar deg velge videooppløsningen, vil 720p-modus være et godt sted å starte fordi det måler 1280 innen 720, som komfortabelt har nok oppløsning.

Jeg har mer detaljert guide på Facebook-videoomslag hver for seg.

Facebook-profilbilde

Jeg har et mer detaljert innlegg på Facebook-profilbildestørrelse separat, men her er kjernen.

Skjermtype	Dimensjoner
Desktop / Laptop nettleser	132 piksler
Smarttelefoner	128 piksler
Funksjonstelefoner	36 piksler

Facebook-profilbildet nå nederst til venstre for forsidebildet, litt overlappende med bunnen av forsidebildet. Den har blitt krympet litt fra de forrige versjonene, ned til en sirkel på 132 piksler i diameter.

Den har en tynn hvit linje rundt seg som brukes automatisk – du kan ikke fjerne den eller kontrollere den.

Den gode nyheten er at du ikke trenger å laste opp et rundskriv bilde, noe som ville være litt vondt å skape. I stedet kan du laste opp et hvilket som helst vanlig rektangulært eller kvadratisk bilde. Uansett hvilken form bildet du laster opp, blir det beskåret til en sirkel når det vises.

Facebook-profilbildestørrelser

Nettleser på stasjonær / bærbar PC. I en vanlig sidevisning, for eksempel når noen sjekker ut profilen din, vises den i en nettleser på skrivebordet som en sirkel med en diameter på 132 piksler.

Telefoner. Størrelsen profilbildet viser på mobiltelefoner varierer etter telefontype. På moderne smarttelefoner vises den som en sirkel med 128 piksler diameter. På eldre telefoner vises den med 36 piksler i diameter.

Når du er oppe, velger du et bilde for å legge til et profilbilde, får du muligheten til å flytte fokusområdet rundt (forutsatt at det ikke er firkantet) så vel som zoome inn og ut (så lenge det overskrider minimumsoppløsningen).

Profilbildet som vises ved siden av navnet ditt på kommentarer og innlegg i tidslinjen, er det samme bildet og er fortsatt en sirkel, men det er automatisk nedskalert til en diameter på 40 piksler.

Størrelseskrav for Facebook-profilbilde

Fordi det viser så lite, er det lite sannsynlig at du får problemer med bildestørrelser. Så lenge bildet ditt har minst 132 piksler på den korteste størrelsen (som er ganske liten), bør du være god å gå.

Delte koblingsminiatyrer

Miniatyrbildene for delte lenker vises i en nettleser med en bredde på 500 piksler og en høyde på 261 piksler.

For en stund var det mulig å velge et annet delt lenkebilde, men denne funksjonen er fjernet. Foreløpig er det i det minste en løsning hvis du deler koblingene ved hjelp av en sosial medieadministrasjonstjeneste som Buffer, men du kan ikke velge et annet bilde å bruke fra Facebook lenger.

Hvis du deler lenker fra ditt eget nettsted, er det mulig å spesifisere hvilket bilde du vil bruke som miniatyrbilde, men det er noe du trenger å sette opp på nettstedet ditt, og er utenfor omfanget av dette innlegget. Men hvis du leter etter hvilke vilkår for Google på dette, er det du prøver å sette «og: image» -egenskapen i sidens Open Graph-metadata. Her er Facebooks dokumentasjon, og hvis du bruker et CMS som WordPress for nettstedet ditt, det er plugins som kan håndtere det for deg.

Det du fortsatt kan gjøre er å legge til flere miniatyrbilder som er i tillegg til originalen (ikke på plass). Når du går for å dele en lenke , bruk den nederste delen av popupen for å legge til flere bilder. Men du kan ikke fjerne merket for originalbildet slik du pleide å være i stand til.

Bilder på tidslinjen

størrelse og oppsett av miniatyrbilder på tidslinjen varierer avhengig av hvor mange bilder du deler i samme innlegg, samt hvilken retning bestemte bilder har.

Slik viser forskjellige kombinasjoner. Alle bilder får en 1pix hvit stryke rundt grensen.

Enkeltbilde på tidslinjen

Når du laster opp et bilde til tidslinjen, genereres et miniatyrbilde automatisk for å passe innenfor en boks som er 500 px bred og opptil 750 px høy. Så hvis du vil bruke maksimal plass, last opp et bilde i stående retning (loddrett) som er i forholdet 3: 2. Dette er et eksempel på å bruke maksimalt tilgjengelig plass:

Hvis du laster opp et liggende (horisontalt) bilde, skaleres det til 500 px bredt og beholder formen. Hele området på bildet vises uten beskjæring.

Dette er et annet rektangel i liggende retning, men det er et mye smalere sideforhold som et banner eller panorama. Bredden er igjen 500 piksler og bildet skaleres slik at hele bildeområdet vises.

Hvis du laster opp det samme bildet rotert 90 grader, slik at det er høyt i stedet for bredt, blir det beskåret maksimalt tilgjengelig område på 500 px ved 750 px.

Og hvis du laster opp en firkant, vil hele bildet vises, med bredden på 500 px.

Legge ut flere bilder samtidig til en sides tidslinje

Du kan laste opp flere bilder samtidig til tidslinjen. Hvordan de vises avhenger av hvor mange bilder du laster opp og retningen på det jeg vil kalle det primære bildet.

Det primære bildet er det jeg kaller det som vises først i opplastingen popup, og den vises også større i noen av layoutene. Så vidt jeg vet er det ikke et offisielt navn på det, men jeg kommer til å fortsette og bruke «primært bilde». Så det er det jeg refererer til i avsnittet nedenfor.

I tillegg til å vise først, har hovedbildet en annen viktig rolle. Det bestemmer oppsettet du får. Hvis du laster opp tre bilder med en firkantet primær bildet vil du ende opp med et annet oppsett enn hvis du laster opp 3 bilder med et rektangulært primærbilde.

Den enkleste måten å velge hvilket bilde som fungerer som det primære bildet, er å dra det til venstre i opplastingsdialogen.

Her er et eksempel på hva jeg mener. I denne laster jeg opp to bilder, en oransje firkant og et grønt vertikalt rektangel. Hvis den oransje firkanten er i første posisjon i opplastingsdialogen, slik:

den poster slik:

Laster opp nøyaktig de samme to bildene, men reverserer dem, slik at den vertikale rektangel er først, slik:

vises slik:

Det samme prinsippet gjelder hvis du laster opp to, tre eller fire bilder – oppsettet vil alltid ta sin preg fra det primære bildet.

2 bilder med horisontalt (liggende) primært bilde

Full bredde blir 500 px. Toppbildet er 250 px høyt; bunnen er 249 px høy. Det er en 2px hvit linje mellom dem.

2 bilder med vertikalt (stående) primærbilde

2 bilder med kvadratisk primærbilde

3 bilder med horisontal (liggende ) Primært bilde

Fordi oppsettet får sin pekepinn fra det primære bildet, kan du mikse og matche orienteringen til de ikke-primære bildene – de vil fremdeles vise det samme.

3 bilder med vertikalt (stående) primærbilde

3 bilder med kvadratisk primærbilde

4 bilder med et horisontalt (liggende) primærbilde

Du kan blande og samsvarer med retningen til ikke-primære bilder – de vil fremdeles vise det samme.

4 bilder med vertikalt (portrett) primærbilde

4 bilder med kvadratisk primærbilde

5 eller flere bilder med et horisontalt (portrett) primærbilde

Det vil vise de fem første bildene i et slags mosaikkmønster, som dette. Hvis du inkluderer mer enn fem bilder, får du et lite knappedekning pluss symbol for å vise de andre.

5 eller flere bilder med et kvadratisk eller vertikalt (stående) primærbilde

Du får den samme skjermen enten det primære bildet er et kvadratisk eller et loddrett rektangel.

Fullbreddebilder på Facebooks tidslinje

Ja, de var kule. Bildet spenner over begge kolonnene. Men Facebook gjorde unna med dem i redesignet i midten av 2014. Oppdateringene dine vises nå bare i en enkelt kolonne, og det er ingen måte å gjøre bilder bredere enn den kolonnen.

Bilder av begivenhetshode

Uansett hvilket formbilde du laster opp som toppbilde for et innlegg blir det beskåret til et sideforhold på 16: 9. For best resultat, last opp et bilde på 1920 x 1080 piksler. Men noe å passe på er at i hovedeventsvisningen er den nedskalert ganske mye, så ikke bruk skrifttyper som er for små (folk kan klikke på bildet for å åpne en større versjon, men ikke alle kommer til å gjøre

Når den vises på hovedsiden, skaleres den til 500 x 262 piksler, slik:

Facebook Image Quality Issues

Noe å være klar over er at Facebook komprimerer noen bilder ganske aggressivt når du laster opp og viser dem.

Det er fornuftig – de vil naturligvis øke hastigheten på sidelast og redusere båndbredden ved å bruke så mye komprimering som de kan komme unna med . Jeg er ikke den eneste som skulle ønske at de ville være mindre aggressive med komprimeringen, men hvor merkbar den er, vil avhenge av om ting som fargespekteret i bildet ditt og mengden detaljer i bildet ditt.

I eksemplene ovenfor er JPG-komprimering langt mer merkbar i montasjeversjonen enn i Sydney Harbour Bridge-versjonen. Jeg satte innstillingene for kvalitet og slipe de samme for hver i originalene før de ble lastet opp. Noen brukere har rapportert at bilder med mange røde og appelsiner ser ut til å vise effekten av komprimeringen mer enn bilder med blå og grønt, men det avhenger av det faktiske bildet.

Det ser også ut til å avhenge av hva slags bilde du viser. Bildegalleribilder ser ut til å ha mindre komprimering når de vises enn designelementer som forsidebilde og profilbilde.

Det er noen ting du kan gjøre for å preppe bildene før du laster opp, noe som kan bidra til å redusere sjansene for at bildet ditt kommer til å se skittent ut.

Last opp bilder som har en størrelse på 99 KB eller mindre. Facebook bør la bilder være mindre enn det som er urørt, noe som gir deg kontroll over hvordan komprimeringen brukes.

Last opp bilder som ikke har mye komprimering allerede brukt. For JPG, for eksempel, prøv å holde kvalitetsinnstillingen 80 eller høyere – Facebook kommer til å komprimere det igjen uansett. Hvis du bruker programvare som påvirker fargerommet (som Lightroom eller Photoshop), bruker du sRGB-fargerom. Og å laste opp bilder som allerede er endret til eller nær målstørrelsen på skjermen og ikke er for skjerpet, ser ut til å fungere bra.

Hvis ingen av disse fungerer, kan du ta en titt på innlegget mitt om hvordan du får skarp tekst på Facebook-bilder.

Få uklar tekst, logoer eller vannmerker på bilder?

Hvis du inkluderer tekst, en logo eller vannmerke og oppdager at det ender uklart og uklart på grunn av JPG-gjenstander, har jeg et eget innlegg som beskriver hvordan jeg fikser det: Hvordan få skarp tekst på Facebook-bilder.

Bildemetadata på Facebook

Selv om det ikke er spesielt relatert til bildestørrelser, er det verdt å vite at Facebook fjerner alle metadata fra bildene dine. Det inkluderer all GPS, kameratype og andre data som kameraet ditt kan legge inn, i tillegg til alt som søkeord eller copyrightinformasjon du måtte ha lagt til. (Et unntak er hvis du er i Tyskland).

Facebook Photos Cheat Sheet

	Bredde	Høyde	Notater
Cover Photo / Cover Slideshow	820px	360px
Profilbilde i topptekst	172px	172px	Må være minst 180px med 180px
Profilbilde på tidslinjen	40px	40px	Samme bilde som hovedprofilbilde, automatisk nedskalert
Thumbnail for delt lenke	500px	261px	Bare for enkeltminiatyrbilder. Flere miniatyrbilder er beskåret.
Lastet opp miniatyrbilde av tidslinje	500px maks	750px maks	Se unntak ovenfor for flere bilder.
Event Header Image	500px	262px	16: 9 sideforhold kun. For best resultat, last opp 1920 x 1080 px bilde.