Sociale media

Facebook omslagfoto formaat, evenementomslag en postformaten

Eén brede banner, bekeken op een laptop, een telefoon en een tablet, die elk een net iets ander stuk tonen. Hier zijn de formaten, en de lay-out die ze allemaal overleeft.

GradientlyGeverifieerd Gradiently-account··6 min lezen
Cover: Nectar Etude · GR·B384·TG

De korte versie

  • Ontwerp een Facebook-omslagfoto op 1640×624 pixels, een brede banner van ongeveer 2,6 op 1.
  • Telefoons tonen een smaller stuk van de omslag dan desktops, dus houd woorden en logo’s in de middelste twee derde van de breedte.
  • De profielfoto en de paginanaam staan aan de onderrand van de omslag, dus de onderste strook moet rustig blijven.
  • Een Facebook-evenementomslag is 1920×1005 pixels, en de titel van het evenement hoort ook in de evenementgegevens te staan, niet alleen in de afbeelding.
  • Facebook-posts werken het best op 1200×1200 voor vierkant of 1080×1350 voor staand, en stories op 1080×1920.
Op deze pagina

Het formaat van een Facebook-omslagfoto om op te ontwerpen is 1640×624 pixels, een brede banner die ongeveer 2,6 keer zo breed is als hoog. Evenementomslagen zijn 1920×1005, feedposts zijn 1200×1200 vierkant of 1080×1350 staand, en stories zijn 1080×1920. Het formaat is het makkelijke deel. Het vak zit in de omslag zo indelen dat hij nog leest als een telefoon alleen het midden toont.

Omslag 1640×624

1640 × 624

Evenementomslag 1920×1005

1920 × 1005

Post 1200×1200

1200 × 1200

Staande post 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Elk Facebook-formaat op schaal getekend. De omslag is de uitschieter: lang, ondiep en op elk scherm anders bijgesneden.

Alle afbeeldingsformaten van Facebook in één tabel

Houd deze tabel bij de hand als je een nieuwe pagina opzet of een campagne plant. Elk formaat volgt de uploadmaat die Facebook aanraadt, en elk heeft een andere taak. Post je ook op andere netwerken, dan staat in het complete spiekbriefje afbeeldingsformaten voor sociale media elk platform op één plek.

FormaatAfmeting in pixelsVormHet best voor
Omslagfoto1640×624Ongeveer 2,6:1De banner van je pagina of profiel
Evenementomslag1920×1005Ongeveer 1,9:1Evenementpagina’s, uitnodigingen en de feed
Vierkante post1200×12001:1Aankondigingen, quotes, producten
Staande post1080×13504:5Posts die meer van een telefoonscherm moeten vullen
Story1080×19209:16Updates die kort beeldvullend te zien zijn
Afbeeldingsformaten voor Facebook. Upload op deze formaten, zodat het platform verkleint en nooit vergroot.

Hoe Facebook de omslag bijsnijdt op telefoon en desktop

Een desktopbrowser toont de omslag bijna op volle breedte. Een telefoon toont een vierkanter venster op dezelfde afbeelding, dus de linker- en rechterrand vallen weg. Tablets en de app in liggende stand zitten er ergens tussenin. Je uploadt één bestand, en elk scherm snijdt zijn eigen stuk uit het midden.

Het tweede om rekening mee te houden, is wat erbovenop staat. Op zowel persoonlijke profielen als pagina’s staan je profielfoto en naam op of net onder de onderrand van de omslag, en op telefoons overlapt de foto hem. Alles wat belangrijk is in de onderste strook, loopt het risico bedekt of verdrukt te worden.

Keramiek en traag ambacht
Studio North
Open van donderdag tot zondag
Gradiently · @gradiently

Een omslag ingedeeld voor elke uitsnede: de woorden staan in een compact blok in het midden, en de randen dragen alleen kleur.

Een veilige zone die elke uitsnede overleeft

Je hebt geen exacte pixelhulplijnen nodig. Drie regels houden een omslag veilig op elk scherm, en ze volgen rechtstreeks uit hoe het bijsnijden werkt.

  1. 1

    Houd woorden in de middelste twee derde

    Beschouw van de 1640 pixels breedte ruwweg de middelste 1100 als de enige plek voor tekst en logo’s. De buitenste delen zijn voor kleur, textuur en alles wat je zonder bezwaar kwijtraakt.

  2. 2

    Houd het onderste kwart rustig

    De profielfoto en naam overlappen deze strook. Zet je regel hoger, rond het verticale midden of er net boven.

  3. 3

    Maak de randen missbaar, niet leeg

    Lege randen zien er op een desktop onaf uit. Laat een kleurverloop of textuur tot de randen doorlopen, zodat de volle breedte royaal voelt, terwijl de uitsnede op de telefoon nog alles heeft wat nodig is.

  4. 4

    Controleer beide uitersten

    Bekijk de omslag voor het publiceren op een laptop en op een telefoon. Is een letter afgesneden of verdwijnt het logo onder de profielfoto, schuif het dan naar binnen en omhoog.

Vermijd

  • Een slogan die van rand tot rand loopt
  • Een logo linksonder, onder de profielfoto
  • Kleine letters die op een telefoon ruis worden
  • Een drukke foto achter de woorden

Doe

  • Eén korte regel in het midden
  • Het logo in de profielfoto, niet herhaald op de omslag
  • Letters groot genoeg om in een telefoonuitsnede te lezen
  • Een rustig vlak achter de woorden, detail aan de randen

Formaat en lay-out van een Facebook-evenementomslag

Een evenementomslag is 1920×1005, een vorm dicht bij het linkvoorbeeld van 1,91:1, en hij verschijnt op de evenementpagina, in uitnodigingen en in de feed als mensen het evenement delen. Hij wordt minder hard bijgesneden dan een profielomslag, maar wordt vaak klein gezien, dus dezelfde regels gelden: korte woorden, gecentreerd, groot.

Laat de feiten niet van de afbeelding afhangen. Facebook toont datum, tijd en plaats als tekst naast de omslag, waar mensen het aan hun agenda kunnen toevoegen. Zet de naam van het evenement en één regel sfeer op de afbeelding, en laat de gegevens hun eigen werk doen. Heeft het evenement ook posts, stories en een podiumscherm nodig, plan ze dan samen; huisstijl voor evenementen behandelt de hele set.

Vrijdag 17 oktober
Late herfstavond
Studio North Deuren open om 19.00 uur
Gradiently · @gradiently

De evenementomslag: naam, datum en plaats, groot en centraal.

Hetzelfde evenement als story, opnieuw ingedeeld voor een hoog scherm.

Wat je op een Facebook-omslag zet

De omslag is het eerste grote wat mensen op je pagina zien, en ze zien hem steeds opnieuw. Hij werkt het best als een rustige verklaring van wie je bent, niet als prikbord. Verander hem als er iets wezenlijks verandert, zoals een seizoen, een lancering of een nieuwe look, en houd dezelfde familie van achtergronden aan zodat de pagina herkenbaar blijft.

  • Je look, en één regel. Een kleurverloop van je merk en een korte belofte of omschrijving.
  • Het huidige seizoen of de lancering. Eén regel en een datum, weggehaald als die voorbij is.
  • Alleen een rustige textuur. Zonder woorden laten de profielfoto en naam het praten.
  • Openingstijden of een locatie voor lokale bedrijven, zolang het kort genoeg is om op een telefoon te lezen.
Rustig midden, diepere randenradial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)
Een omslagachtergrond gebouwd voor de uitsnede: het lichtste, rustigste gebied zit in het midden waar de woorden komen, en de kleur wordt dieper richting de randen die een telefoon wegsnijdt.

Zet je een logo op de omslag, zorg dan dat het genoeg contrast heeft met het deel van de achtergrond waarop het staat. Logo op een kleurverloopachtergrond laat zien hoe je een uitgespaarde of effen versie kiest.

Exportinstellingen voor een scherpe omslag

Facebook comprimeert alles wat je uploadt opnieuw, en brede gladde kleurverlopen lijden het meest: ze kunnen in zichtbare strepen uiteenvallen. Exporteer een PNG als de omslag vooral letters en vlakke kleur is, en een JPEG van hoge kwaliteit als het een foto is. Een lichte laag korrel over een kleurverloop geeft de compressie detail om aan vast te houden, wat banding verbergt. Banding in kleurverlopen legt uit waarom.

Vragen die mensen stellen

Welk formaat heeft een Facebook-omslagfoto?

Ontwerp hem op 1640×624 pixels. Houd woorden en logo’s in de middelste twee derde van de breedte, want telefoons snijden de zijkanten weg.

Waarom ziet mijn Facebook-omslag er op mijn telefoon afgesneden uit?

Telefoons tonen een vierkanter stuk van de omslag dan desktops, dus de linker- en rechterrand vallen weg. Schuif tekst en logo’s naar het midden en houd de onderste strook vrij van de profielfoto.

Welk formaat heeft een Facebook-evenementomslag?

Een Facebook-evenementomslag is 1920×1005 pixels. Houd de naam van het evenement groot en centraal, en zet datum en plaats ook in de evenementgegevens.

Upload ik mijn Facebook-omslag als PNG of JPEG?

Gebruik PNG voor omslagen die vooral uit letters, logo’s en vlakke kleur bestaan, en een JPEG van hoge kwaliteit voor foto’s. Lichte korrel op een kleurverloop helpt het de compressie van Facebook zonder banding te overleven.

Wat is het beste formaat voor een afbeelding in een Facebook-post?

Gebruik 1200×1200 voor een vierkante post of 1080×1350 voor een staande post die meer van een telefoonscherm vult. Stories zijn 1080×1920.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel