Facebook Photos Størrelsesguide | Nyt Facebook-layout

I midten af 2020 begyndte Facebook at udrulle et nyt desktop-layout til sit websted. Det er renere med mere hvidt rum og bringer det tættere på den mobile version. Men det er også helt anderledes. Så dette er en revideret version af min uofficielle Facebook-billedstørrelsesguide for at tage højde for det nyeste layout, som de kalder Ny Facebook (den gamle version hedder Classic Facebook) .1

Indledningsvis er denne nye layout er en opt-in-opdatering, og du kan skifte tilbage til det klassiske Facebook-layout fra New Facebook. Men det vil til sidst rulle ud til alle. Hvis du tilfældigvis stadig bruger det gamle layout (eller Classic Facebook, som de kalder det), kan du finde den tidligere version af Facebook-størrelsesguiden her.

Under udrulningen vil nogle brugere se din side med det nye layout og nogle med det gamle layout. Men hvis du uploader nyt indhold, giver det sandsynligvis mere mening at optimere det til det nye layout.

Billeder er en vigtig del af brugen af Facebook, men hvis du er kommet på tværs af denne side har du uden tvivl selv fundet ud af, at det ikke er så let at finde ud af, hvilke billedstørrelser der skal bruges på Facebook. Det involverer en del krangling for at få de ønskede resultater. Hver type billede på en side, profil og tidslinje har sin egen størrelse og egenskaber. Og Facebook har aldrig været så god til at gøre sine hjælpesider lette at finde.

At holde tingene endnu mere frustrerende er interessant på Facebook ændrer ting fra tid til anden, normalt uden nogen advarsel. Nogle gange er det en lille, trinvis justering. Nogle gange er det en hel eftersyn (som når tidslinjer blev introduceret, og igen, når de blev ændret fra to kolonner til en kolonne). Så det er altid lidt af et bevægende mål. Og der ser altid ud til at være et nyt system lige rundt om hjørnet.

Så uanset om du bruger Facebook-sider til social media marketing eller blot prøver at sende fotos til venner og familie, her er min 2020-version af uofficiel guide til størrelsen af Facebook-fotos på de forskellige dele af webstedet.

Dette er en foreløbig indsats for at dekonstruere skærmstørrelserne, når opdateringen rulles ud. Jeg sigter mod at opdatere det, når nogle af specifikationerne bliver klarere. Hvis du støder på en anden visningsadfærd, så lad mig det vide, så jeg kan undersøge og opdatere efter behov.

Facebook Cover Photo Size

Anbefaling: Brug et billede, der er mindst 940 pixels bredt med 352 pixels høj. Men hvis du vil have bedre kvalitet, skal du bruge et billede, der mindst har 1800 pixels med 704 pixel.

Facebook Cover Photo er det store panoramabilledeum øverst på tidslinjen. Det kaldes også undertiden bannerbilledet eller headerbilledet.

Dens skærm er lydhør. Sagt på en anden måde, størrelsen, den vises på, varierer efter størrelsen på browservinduet eller enhedens skærm. Du kan se denne effekt, hvis du ændrer størrelsen, hvis dit browservindue, mens du ser siden.

Med det foregående layout var det lidt kompliceret at prøve at finde ud af, hvad der ville blive vist korrekt på Facebook-forsidefotoet, fordi ikke alle dele af billedet vises i alle størrelser. Der var sikre zoner og strimler, der blev trimmet af på skrivebordet.

Den nye version har forenklet tingene. Hele billedet vises og ændres på en meget enklere måde.

Når det er sagt, er der nogle ting at passe på.

For det første er de gået tilbage til at have en smal bånd med gradueret skygge i bunden. Det er et overlay, hvilket betyder at det sidder i et lag oven på dit billede. Så du vil ikke medtage vigtig tekst eller detaljer i den nederste strimmel.

For det andet tager det farven på de yderste pixels fra billedet og bruger dem til at oprette en skyggefuld farvesektion på blanken sektion bag billedet. Her er et eksempel på, hvad jeg mener, idet det tager det røde fra billedets ydre kant og anvender det på det hvide afsnit bagved. (Jeg har beskåret profilbilledet her for at forenkle tingene.) Mærker med en bestemt farvepalet vil være opmærksomme på at inkludere de ønskede farver i selve billedets kant.

For det tredje er nederste hjørner bliver let afrundede (eller kantradius for at være teknisk). Det er dog ikke særlig aggressivt, så det er usandsynligt, at det forårsager problemer for mange brugere.Men hvis du bruger en streglinje omkring dit billede eller anden detaljeret indramning, kan det medføre problemer. Det anvendes automatisk, og der er ingen måde at slukke for det.

For det fjerde er profilbilledet nu tilbage til overlejring af forsidefotoet. Selvom det kun er subtilt i denne version, og kun en flise tilslører forsidebilledet.

Ændring af dit Facebook-forsidefoto

Hvis du lige har oprettet en ny Facebook-profil eller -side og ikke har et forsidebillede endnu, skal du blot klikke på knappen “Tilføj et omslag” øverst på den side, hvor forsidefotoet skal hen.

Når du har tilføjet dit foto, kan du erstatte det det let. Når du er logget ind på din konto og ser din side, skal du klikke på knappen Edit nederst til højre.

Ved at klikke på det åbnes en dråbe -down-menu, hvorfra du kan vælge kilden til det nye foto. Dette er også den samme menu, der skal bruges, hvis du vil fjerne eller flytte et eksisterende foto eller bruge et videodæksel eller et lysbilledshowomslag.

Cover Fototyper: Enkeltbilleder

Med hensyn til billedtyper er panoramaer ideelle. Enkle afgrøder fungerer også, selvom effektiviteten åbenlyst vil variere alt efter, hvad det er på billedet. mult iple fotos til en collage i din billedbehandlingssoftware, gem den som en enkelt billedfil og upload den. Som disse, for eksempel:

Cover Slideshows: Multiple Images

Indtil for nylig var det kun muligt at vælge et foto til at fungere som dit statiske coverfoto. Men en ny funktion er tilføjet: lysbilledshow. Du kan nu vælge op til 5 fotos, der roterer. Få adgang til denne funktion gennem den samme menu, der giver dig mulighed for at tilføje eller ændre forsidefotoet (dvs. kameraikonet øverst til venstre i omslagsbilledafsnittet).

Når du opretter et lysbilledshow, får du mulighed for at vælge op til 5 billeder, der skal bruges. Brug filmstrimlen øverst til at vælge billederne enten fra eksisterende billeder eller upload nye. Du kan derefter klikke på miniaturebilledet og få et eksempel på, hvordan det vil se ud i det større rum under miniaturebillederne. Du kan klikke og trække i det afsnit for at placere billedet igen i visningsporten.

Du kan også have en dynamisk genereret version, der lader Facebook vælge fotos ud fra, hvad der klarer sig godt, og baseret på aktiviteten på din side . Du kan slå denne funktion til eller fra ved hjælp af kontakten øverst til højre på skærmbilledet til redigering af lysbilledshow.

Hvis du bruger lysbilledshowdækslet, kan dine besøgende navigere gennem lysbilledshowet ved hjælp af pilene på hver side (det tidligere layout havde positionsindikatorer i bunden, men de er væk i den nye version).

Der er et par ting, som jeg synes er underlige med den måde, lysbilledshowene i øjeblikket vises for besøgende. Den første er, at lysbilledshowet ikke går videre automatisk. Så for at se mere end et billede i lysbilledshowet bliver dine besøgende nødt til at vide manuelt at gå videre ved hjælp af pileknapperne ved siden af billedet. Jeg formoder, at kun en meget lille procentdel vil gøre det. Den anden ting er, at hvis du deaktiverer muligheden for, at Facebook vælger billederne, viser den billederne i samme rækkefølge hver gang i stedet for tilfældigt. Resultatet af begge disse ting er, at det store flertal af din sides besøgende sandsynligvis kun nogensinde vil se det første billede i det mindste i, hvordan det i øjeblikket implementeres. Det tredje underlige – i det mindste for mig – er at rumme den nye skyggefulde farvehøjde i baggrundssektionen. Fordi det er trukket fra det viste profilbillede, ændres det sammen med profilbilledet. Det er ikke nødvendigvis en dårlig ting, men det er noget, der er værd at vide.

Covervideoer

Du kan nu også bruge videofiler til dit bannerområde. De skal være mellem 20 og 90 sekunder og måle mindst 820 x 312 pixels. Den anbefalede størrelse er 820 x 462.

Hvis du optager et videoklip til dette ved hjælp af et kamera, der lader dig vælge videoopløsningen, ville 720p-tilstanden være et godt sted at starte, fordi det måler 1280 af 720, som komfortabelt har tilstrækkelig opløsning.

Jeg har en mere detaljeret guide til Facebook-videoomslag separat.

Facebook-profilbillede

Jeg har et mere detaljeret indlæg på Facebook-profilbilledstørrelse separat, men her er kernen.

Skærmtype	Dimensioner
Desktop / bærbar webbrowser	132 pixels
Smartphones	128 pixels
Funktionstelefoner	36 pixels

Facebook-profilbilledet nu i bunden til venstre for forsidefotoet, overlappende let med bunden af forsidefotoet. Det er blevet krympet lidt fra de tidligere versioner ned til en cirkel på 132 pixels diameter.

Den har en tynd hvid linje omkring den, der anvendes automatisk – du kan ikke fjerne den eller kontrollere den.

Den gode nyhed er, at du ikke behøver at uploade et cirkulær billede, noget der ville være lidt smertefuldt at skabe. I stedet kan du uploade ethvert almindeligt rektangulært eller firkantet billede. Uanset hvilken form billedet er, som du uploader, beskæres det til en cirkel, når det vises.

Facebook Profilbillede Displaystørrelser

Desktop / laptop-webbrowser. I en almindelig sidevisning, f.eks. Når nogen tjekker din profil, vises den i skrivebordets webbrowser som en cirkel med en diameter på 132 pixels.

Telefoner. Størrelsen, som profilbilledet viser på mobiltelefoner, afhænger af typen af telefon. På moderne smartphones vises det som en cirkel med 128 pixels diameter. På ældre telefoner vises den med en diameter på 36 pixels.

Når du vælger et foto for at tilføje et profilbillede, op, får du mulighed for at flytte fokusområdet rundt (forudsat at det ikke er firkantet) såvel som zoome ind og ud (så længe det overstiger den mindste opløsning).

Profilbilledet, der vises ved siden af dit navn på kommentarer og indlæg i tidslinjen, er det samme billede og er stadig en cirkel, men det er automatisk nedskaleret til en diameter på 40 pixels.

Størrelseskrav til Facebook-profilbillede

Fordi det viser så lille, er det usandsynligt, at du løber ind i et problem med billedstørrelser. Så længe dit billede har mindst 132 pixels i sin korteste størrelse (hvilket er ret lille), skal du være god at gå.

Shared Link Thumbnails

Miniaturer til delte links vises i en webbrowser med en bredde på 500 pixels og en højde på 261 pixels.

I et stykke tid var det muligt at vælge et andet delt linkbillede, men denne funktion er blevet fjernet. I øjeblikket er der i det mindste en løsning, hvis du deler linkene ved hjælp af en social media management-service som Buffer, men du kan ikke længere vælge et andet billede, der skal bruges fra Facebook.

Hvis Hvis du deler links fra dit eget websted, er det muligt at specificere, hvilket billede du vil bruge som billedminiaturebillede, men det er noget, du bliver nødt til at konfigurere på dit websted og er uden for dette indlæg. Men hvis du leder efter hvilke vilkår til Google om dette, hvad du prøver at gøre er at indstille “og: image” -egenskaben i sidens Open Graph-metadata. Her er Facebooks dokumentation, og hvis du bruger et CMS som WordPress til dit websted er der plugins, der kan håndtere det for dig.

Hvad du stadig kan gøre er at tilføje flere miniaturer, der er ud over originalen (ikke på plads). Når du går for at dele et link , brug den nederste sektion af popupen til at tilføje flere billeder. Men du kan ikke fravælge det originale billede, som du plejede at være i stand til.

Fotos på tidslinjen

størrelse og layout af miniaturer på tidslinjen varierer alt efter hvor mange billeder, du deler i det samme indlæg, samt hvilken retning specifikke billeder har.

Sådan vises forskellige kombinationer. Alle billeder får en 1pix hvid streg rundt om grænsen.

Enkeltbillede på tidslinjen

Når du uploader et billede til tidslinjen, genereres der automatisk et miniaturebillede, der passer ind i en kasse, der er 500 px bred og op til 750 px høj. Så hvis du vil bruge den maksimale ledige plads, skal du uploade et billede i stående retning (lodret) i forholdet 3: 2. Dette er et eksempel på at bruge den maksimale tilgængelige plads:

Hvis du uploader et liggende (vandret) billede, skaleres det til 500 px bredt og bevarer sin form. Billedets fulde område vises uden beskæring.

Dette er et andet rektangel i liggende retning, men det er et meget smallere billedformat som et banner eller panorama. Bredden er igen 500 pixel, og billedet skaleres, så hele billedområdet vises.

Hvis du uploader det samme billede roteret 90 grader, så det er højt i stedet for bredt, beskæres det maksimalt tilgængeligt område på 500 px ved 750 pixel.

Og hvis du uploader en firkant, vises hele billedet med bredden 500px.

Udstationering af flere billeder på én gang til en sides tidslinje

Du kan uploade flere fotos på én gang til tidslinjen. Hvordan de vises afhænger af, hvor mange billeder du uploader og retningen af, hvad jeg vil kalde det primære billede.

Det primære billede er det, jeg kalder det, der vises først i uploadet popup, og det vises også større i nogle af layoutene. Så vidt jeg ved, er der ikke et officielt navn til det, men jeg vil gå videre og bruge “primært billede”. Så det er hvad jeg henviser til i afsnittet nedenfor.

Ud over at vise først har det primære billede en anden vigtig rolle. Det bestemmer det layout, du får. Hvis du uploader 3 billeder med en firkantet primær billede ender du med et andet layout, end hvis du uploader 3 billeder med et rektangulært primært billede.

Den nemmeste måde at vælge hvilket billede, der fungerer som det primære billede, er at trække det til venstre i uploaddialogen.

Her er et eksempel på, hvad jeg mener. I denne uploader jeg to billeder, en orange firkant og et grønt lodret rektangel. Hvis den orange firkant er i første position i upload-dialogen, som denne:

sender den sådan:

Uploader nøjagtigt de samme to billeder, men vender dem, så den lodrette rektangel er først som dette:

vises som dette:

Det samme princip gælder, hvis du uploader to, tre eller fire billeder – layoutet tager altid sin kue fra det primære billede.

2 billeder med vandret (liggende) primært billede

Den fulde bredde bliver 500 pixel. Det øverste billede er 250 px højt; bunden er 249 px høj. Der er en 2px hvid linje mellem dem.

2 billeder med lodret (stående) primært billede

2 billeder med kvadratisk primært billede

3 billeder med vandret (liggende ) Primært billede

Fordi layoutet tager sit signal fra det primære billede, kan du blande og matche orienteringen af de ikke-primære billeder – de vil stadig vise det samme.

3 billeder med lodret (stående) primært billede

3 billeder med kvadratisk primært billede

4 billeder med et vandret (liggende) primært billede

Du kan blande og match orienteringen af de ikke-primære billeder – de viser stadig den samme.

4 billeder med et lodret (portræt) primært billede

4 billeder med et kvadratisk primært billede

5 eller flere billeder med et vandret (portræt) primært billede

Det viser de første fem billeder i et slags mosaikmønster, som dette. Hvis du inkluderer mere end fem billeder, får du et lille knapoverlay plus symbol til at vise de andre.

5 eller flere billeder med et kvadratisk eller lodret (stående) primært billede

Du får den samme skærm, uanset om det primære billede er et firkantet eller et lodret rektangel.

Fuld bredde fotos på Facebooks tidslinje

Ja, de var seje. Billedet spændte over begge kolonner. Men Facebook slog dem væk i deres redesign i midten af 2014. Dine opdateringer vises nu kun i en enkelt kolonne, og der er ingen måde at gøre fotos bredere end den kolonne.

Billeder af begivenhedshoved

Uanset hvilket formbillede du uploader som et headerbillede for et begivenhedsindlæg beskæres det til et billedformat på 16: 9. For at få de bedste resultater skal du uploade et billede, der er 1920 x 1080 pixels. Men noget at passe på er, at det i hovedbegivenhedsvisningen er nedskaleret meget, så brug ikke skrifttyper, der er for små (folk kan klikke på billedet for at åbne en større version, men ikke alle vil gøre

Når den vises på siden med hovedbegivenheder, skaleres den til 500 med 262 pixels som denne:

Facebook-billedkvalitetsproblemer

Noget at være opmærksom på er, at Facebook komprimerer nogle billeder ret aggressivt, når du uploader og viser dem.

Det giver mening – naturligvis vil de fremskynde sidelastninger og reducere båndbredde ved at anvende så meget komprimering, som de kan slippe af med . Jeg er ikke den eneste, der ønsker, at de ville være mindre aggressive med deres komprimering, men hvor mærkbar det er, afhænger af, om ting som rækkevidden af farver i dit billede og mængden af detaljer i dit foto.

I eksemplerne ovenfor er JPG-komprimeringen langt mere mærkbar i montageversionen end i Sydney Harbour Bridge-versionen. Jeg indstillede indstillingerne for kvalitet og slibning de samme for hver i originalerne, før de blev uploadet. Nogle brugere har rapporteret, at billeder med masser af røde og appelsiner ser ud til at vise virkningerne af komprimeringen mere end billeder med blåt og grønt, men det afhænger af det faktiske billede.

Det ser også ud til at afhænge af hvad den slags billede, du viser. Billedgalleribilleder ser ud til at have mindre kompression anvendt ved visning end designelementer som forsidebillede og profilbillede.

Der er nogle ting, du kan gøre for at preppe billederne før upload, der kan hjælpe med at reducere chancerne for dit billede kommer til at se skør ud.

Upload billeder, der er 99 KB eller mindre i filstørrelse. Facebook skal lade billeder være mindre end det uberørt, hvilket giver dig kontrol over, hvordan komprimeringen anvendes.

Upload billeder, der ikke allerede har anvendt meget komprimering. For JPG’er, for eksempel, prøv at holde kvalitetsindstillingen på 80 eller derover – Facebook vil alligevel komprimere det igen. Hvis du bruger software, der påvirker farverum (som Lightroom eller Photoshop), skal du bruge sRGB-farverum. Og upload af billeder, der allerede er ændret i størrelse til tæt på eller ved målskærmstørrelsen og ikke er for skærpet, ser ud til at fungere godt.

Hvis ingen af disse fungerer, skal du se på mit indlæg om, hvordan man får skarp tekst på Facebook-billeder.

Få uklar tekst, logoer eller vandmærker på billeder?

Hvis du inkluderer tekst, et logo eller vandmærke og finder ud af, at det ender uklart og uklart på grund af JPG-artefakter, har jeg et separat indlæg, der beskriver, hvordan man løser det: Sådan får du skarp tekst på Facebook-billeder.

Billedmetadata på Facebook

Selvom det ikke specifikt er relateret til billedstørrelser, er det værd at vide, at Facebook fjerner alle metadata fra dine billeder. Dette inkluderer al GPS, kameratype og andre data, som dit kamera muligvis integrerer, samt alt lignende søgeord eller copyrightoplysninger, du måske har tilføjet. (En undtagelse er, hvis du er i Tyskland).

Facebook Photos Cheat Sheet

	Bredde	Højde	Noter
Cover Photo / Cover Slideshow	820px	360px
Profilbillede i header	172px	172px	Skal være mindst 180px med 180px
Profilbillede på tidslinjen	40px	40px	Samme billede som hovedprofilbillede, automatisk nedskaleret
Miniatur med delt link	500px	261px	Kun til enkelt miniaturebilleder. Flere miniaturebilleder er beskåret.
Uploadet tidslinjebillede-miniaturebillede	500px max	750px max	Se undtagelser ovenfor for flere billeder.
Billede af begivenhedshoved	500px	262px	16: 9 billedformat kun. For at få de bedste resultater skal du uploade 1920 x 1080 px-billede.