Kortversionen
- Designa en Facebook-omslagsbild i 1640×624 pixlar, en bred banner på ungefär 2,6 till 1.
- Telefoner visar en smalare del av omslaget än datorer, så håll ord och logotyper i de mittersta två tredjedelarna av bredden.
- Profilbilden och sidnamnet ligger vid omslagets nederkant, så det nedre fältet bör vara lugnt.
- Ett Facebook-eventomslag är 1920×1005 pixlar, och eventets titel bör också stå i evenemangsuppgifterna, inte bara i bilden.
- Facebook-inlägg fungerar bäst i 1200×1200 för kvadratiska eller 1080×1350 för stående, och stories i 1080×1920.
På den här sidan
Den storlek på Facebook-omslagsbild du ska designa i är 1640×624 pixlar, en bred banner ungefär 2,6 gånger så bred som den är hög. Eventomslag är 1920×1005, flödesinlägg är 1200×1200 kvadratiska eller 1080×1350 stående, och stories är 1080×1920. Storleken är den enkla delen. Hantverket är att lägga upp omslaget så att det fortfarande läses när en telefon bara visar dess mitt.
Omslag 1640×624
1640 × 624
Eventomslag 1920×1005
1920 × 1005
Inlägg 1200×1200
1200 × 1200
Stående inlägg 1080×1350
1080 × 1350
Story 1080×1920
1080 × 1920
Alla Facebook-bildstorlekar i en tabell
Ha den här tabellen bredvid dig när du sätter upp en ny sida eller planerar en kampanj. Varje storlek följer den uppladdningsstorlek Facebook rekommenderar, och var och en har olika uppgift. Om du postar på andra nätverk också listar fusklappen bildstorlekar för sociala medier varje plattform på ett ställe.
| Format | Storlek i pixlar | Form | Bäst för |
|---|---|---|---|
| Omslagsbild | 1640×624 | Ungefär 2,6:1 | Din sida eller profilbanner |
| Eventomslag | 1920×1005 | Ungefär 1,9:1 | Eventsidor, inbjudningar och flödet |
| Kvadratiskt inlägg | 1200×1200 | 1:1 | Tillkännagivanden, citat, produkter |
| Stående inlägg | 1080×1350 | 4:5 | Inlägg som ska fylla mer av en telefonskärm |
| Story | 1080×1920 | 9:16 | Helskärm, kortlivade uppdateringar |
Så beskärs Facebook-omslaget på telefoner och datorer
En webbläsare på dator visar omslaget nära sin fulla bredd. En telefon visar ett mer kvadratiskt fönster mot samma bild, så vänster- och högerkanterna faller bort. Surfplattor och appen i liggande läge hamnar någonstans däremellan. Du laddar upp en fil, och varje skärm tar sitt eget utsnitt ur mitten.
Det andra att planera för är vad som ligger ovanpå. På både personliga profiler och sidor ligger din profilbild och ditt namn på eller strax under omslagets nederkant, och på telefoner överlappar bilden det. Allt viktigt i det nedre fältet riskerar att döljas eller trängas.
Ett omslag lagt för varje utsnitt: orden sitter i ett kompakt block i mitten och kanterna bär bara färg.
En säker zon som klarar varje utsnitt
Du behöver inga exakta pixelguider. Tre regler gör ett omslag säkert på varje skärm, och de följer direkt av hur beskärningen fungerar.
- 1
Håll orden i de mittersta två tredjedelarna
Av de 1640 pixlarna i bredd ser du ungefär de centrala 1100 som den enda platsen för text och logotyper. De yttre tredjedelarna är till för färg, textur och sådant du inte har något emot att förlora.
- 2
Låt nedre fjärdedelen vara lugn
Profilbilden och namnet överlappar det här fältet. Lägg din rad högre upp, runt den lodräta mitten eller strax ovanför.
- 3
Gör kanterna umbärliga, inte tomma
Tomma kanter ser ofärdiga ut på en dator. Låt en gradient eller textur löpa ut till kanterna så att helbreddsvyn känns generös, medan telefonens utsnitt fortfarande har allt det behöver.
- 4
Kontrollera i båda ytterlägena
Titta på omslaget på en laptop och på en telefon innan du publicerar. Om en bokstav klipps eller logotypen gömmer sig under profilbilden flyttar du den inåt och uppåt.
Undvik
- En slogan som löper från kant till kant
- En logotyp i nedre vänstra hörnet, under profilbilden
- Liten text som blir brus på en telefon
- Ett stökigt foto bakom orden
Gör så här
- En kort rad i mitten
- Logotypen i profilbilden, inte upprepad på omslaget
- Text som är stor nog att läsa i ett telefonutsnitt
- En lugn yta bakom orden, detaljer vid kanterna
Storlek och layout för Facebook-eventomslag
Ett eventomslag är 1920×1005, en form nära länkförhandsvisningens 1,91:1, och det syns på eventsidan, i inbjudningar och i flödet när folk delar eventet. Det beskärs mindre aggressivt än ett profilomslag, men ses ofta litet, så samma regler gäller: korta ord, centrerade, stora.
Låt inte bilden bära fakta. Facebook visar datum, tid och plats som text bredvid omslaget, där folk kan lägga till det i en kalender. Lägg eventets namn och en rad stämning på bilden och låt detaljerna göra sitt jobb. Om eventet också behöver inlägg, stories och en scenskärm, planera dem tillsammans. Eventvarumärke tar upp hela uppsättningen.
Eventomslaget: namn, datum och plats, stort och centralt.
Samma event som en story, lagd på nytt för en hög skärm.
Vad du lägger på ett Facebook-omslag
Omslaget är det första stora folk ser på din sida, och det ses om och om igen. Det fungerar bäst som ett tyst uttalande om vem du är, inte som en anslagstavla. Byt det när något meningsfullt förändras, som en säsong, en lansering eller ett nytt utseende, och behåll samma bakgrundsfamilj så att sidan förblir igenkännbar.
- Ditt utseende och en rad. En varumärkesgradient och ett kort löfte eller en kort beskrivning.
- Den aktuella säsongen eller lanseringen. En rad och ett datum, borttagen när den passerat.
- Bara en lugn textur. Utan några ord alls talar profilbilden och namnet för sig.
- Öppettider eller en plats för lokala företag, så länge det är kort nog att läsa på en telefon.
radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)Om du lägger en logotyp på omslaget, se till att den har tillräcklig kontrast mot den del av bakgrunden den ligger på. Logotyp på gradientbakgrund visar hur du väljer en utstansad eller solid version.
Exportinställningar för ett skarpt omslag
Facebook komprimerar om allt du laddar upp, och breda släta gradienter drabbas mest: de kan få band som blir synliga ränder. Exportera en PNG när omslaget mest består av text och platt färg, och en JPEG av hög kvalitet när det är ett foto. Ett lätt lager korn över en gradient ger komprimeringen detaljer att hålla i, vilket döljer band. Gradientband förklarar varför.
Vanliga frågor
Vilken storlek har en Facebook-omslagsbild?
Designa den i 1640×624 pixlar. Håll ord och logotyper i de mittersta två tredjedelarna av bredden, eftersom telefoner beskär sidorna.
Varför ser mitt Facebook-omslag avklippt ut på min telefon?
Telefoner visar en mer kvadratisk del av omslaget än datorer, så vänster- och högerkanten trimmas. Flytta text och logotyper mot mitten och håll det nedre fältet fritt från profilbilden.
Vilken storlek har ett Facebook-eventomslag?
Ett Facebook-eventomslag är 1920×1005 pixlar. Håll eventets namn stort och centralt, och lägg också datum och plats i evenemangsuppgifterna.
Ska jag ladda upp mitt Facebook-omslag som PNG eller JPEG?
Använd PNG för omslag som mest består av text, logotyper och platt färg, och en JPEG av hög kvalitet för foton. Att lägga till lätt korn på en gradient hjälper den att klara Facebooks komprimering utan band.
Vilken är den bästa storleken för en Facebook-inläggsbild?
Använd 1200×1200 för ett kvadratiskt inlägg eller 1080×1350 för ett stående inlägg som fyller mer av en telefonskärm. Stories är 1080×1920.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil
