# Facebook-annonsdesign: kreativ som stoppar scrollandet [Canonical HTML page](https://gradiently.design/sv/guide/facebook-ad-design) En Facebook-annons får samma halva sekund som allt runt den. Bilden måste vara igenkännbart din, säga en sak och låta orden som Meta skriver ovanför och under sköta säljandet. ## The short version - Bra Facebook-annonsdesign lägger ett budskap i bilden, med några få ord, och låter annonsens primära text och rubrik ta detaljerna. - Kvadratiska bilder på 1200×1200 eller stående på 1080×1350 passar Facebook-flödet, och 1080×1920 passar stories och Reels. - Meta avvisar inte längre bildannonser för mängden text de innehåller, men kort text i bilden är ändå lättare att läsa i ett flöde som scrollas. - Annonser som delar bakgrund, färg och typsnitt med ett varumärkes organiska inlägg är lättare att känna igen innan logotypen läses. - Varje placering bör få en egen version av designen i stället för ett utsnitt av en bild. Bra **Facebook-annonsdesign** handlar om fyra saker: ett budskap i bilden, sagt med några få ord, ett utseende folk känner igen som ditt innan de läser logotypen, ett tydligt upplägg som inte krockar med rubriken Meta skriver under och en version för varje placering, så att flödet får en kvadratisk eller stående bild och stories får en helt stående. Resten är testning, som tas upp i [test av annonskreativ](https://gradiently.design/sv/guide/ad-creative-testing). ## Facebook-annonsstorlekar per placering Metas verktyg kan beskära en bild till varje placering, men resultaten blir sällan vad du själv skulle välja. Designa de här tre versionerna så täcker du nästan varje plats där en bildannons visas. | Placering | Storlek | Format | Anteckningar | | --- | --- | --- | --- | | Flöde, kvadrat | 1200×1200 px | 1:1 | Det säkra standardvalet, fungerar nästan överallt | | Flöde, stående | 1080×1350 px | 4:5 | Tar mer av skärmen på mobiler | | Stories och Reels | 1080×1920 px | 9:16 | Håll orden utanför ungefär de översta och understa 250 px | | Länkannonser | 1200×630 px | Ungefär 1,91:1 | Bred bild ovanför en länkrubrik | Facebooks [inläggsstorlek](https://gradiently.design/sv/guide/facebook-post-size) och [storystorlek](https://gradiently.design/sv/guide/facebook-story-size) är samma ramar som annonser använder. - Flöde kvadrat 1200×1200: 1200 × 1200 - Flöde stående 1080×1350: 1080 × 1350 - Stories och Reels 1080×1920: 1080 × 1920 De tre formerna, i skala. En design lagd för kvadraten behöver ordnas om, inte sträckas, för de andra två. ## Vad som hör hemma i bilden och vad som hör hemma i texten En flödesannons är mer än sin bild. Meta visar ditt sidnamn och den primära texten ovanför, och en rubrik och en knapp under. Bilden ska inte upprepa de orden, den ska göra det orden bredvid inte kan: stoppa scrollandet och få erbjudandet att kännas verkligt. ### I bilden - Den enda idén, i högst ungefär åtta ord - Produkten, resultatet eller känslan - Din igenkännbara bakgrund och dina färger - En liten logotyp, om varumärket inte är uppenbart ### I annonstexten - Primär text: anledningen att bry sig, en rad eller två - Rubrik: erbjudandet eller resultatet, rakt på sak - Knapp: Handla nu, Boka nu, Läs mer - Detaljer, villkor och datum En stående Facebook-flödesannons som meddelar Vinterblandningen är tillbaka, med Småpartirostat ovanför Flödesversion: en rad, en detalj, och bakgrunden sköter igenkänningen. Samma kaffeannons som en stående story på 1080 gånger 1920, med orden centrerade i ramen Storyversionen av samma annons, ombyggd med orden i mittbandet. ## Hur mycket text en Facebook-annonsbild ska ha Meta begränsade förr texten till en femtedel av bilden och slopade regeln 2020. Deras riktlinjer föredrar fortfarande bilder med lite text, och det gör sunt förnuft också: en annons läses i rörelse, på en telefon, bredvid en rubrik som redan finns. Sikta på en enda kort rad och högst en mindre detalj. > **Kort är ett designval** Om ditt budskap behöver tre meningar hör det hemma i den primära texten. Raden i bilden är rubrikens rubrik. [Textupplägg för inlägg i sociala medier](https://gradiently.design/sv/guide/text-hierarchy-social) visar hur du rangordnar det som återstår. All text som finns måste synas på varje del av bakgrunden. En gradient eller ett foto som är ljust i ett hörn och mörkt i ett annat kan svälja ett ord som ligger över gränsen. Håll en lugn, jämn yta bakom raden och kontrollera kontrasten i telefonstorlek. ## Gör annonserna igenkännbart dina Folk scrollar förbi annonser de tror sig redan ha bedömt. En annons som ser ut som dina organiska inlägg lånar det förtroende de inläggen förtjänat, en som ser ut som en stockmall lånar ingenting. Den snabbaste vägen till igenkänning är en enhetlig bakgrund och färg, använda överallt. [Särskiljande varumärkestillgångar](https://gradiently.design/sv/guide/distinctive-brand-assets) förklarar varför ett utseende kan jobba hårdare än en logotyp. - Rostat kaffe: #1a120b - Kakao: #5c3d2e - Kopparljus: #b5651d - Crema: #e8c39e - Papperssvart: #f4ede4 Ett kafferosteris annonspalett, samma som används på dess inlägg och förpackningar. Igenkänning kommer av upprepning, inte nyhet. - Använd samma bakgrundsfamilj i varje annons och variera budskapet och produkten snarare än utseendet. - Håll logotypen liten och i samma hörn varje gång, bakgrunden gör huvudjobbet. - Använd dina egna typsnitt, inte det som annonsverktyget föreslår. - Visa den riktiga produkten eller ett verkligt resultat där du kan, folk litar på det som ser ut som det de kommer att få. ## Så producerar du en uppsättning Facebook-annonser 1. **Skriv tre budskap** Tre olika skäl att köpa: produkten, resultatet, tillfället. Vart och ett blir en annons. 2. **Designa den stående flödesversionen först** 1080×1350 ger mest utrymme på mobiler och tvingar dig att hålla budskapet kort. 3. **Gör de kvadratiska och stående versionerna** Lägg upp varje budskap på nytt i 1200×1200 och 1080×1920 i stället för att beskära, så att orden aldrig hamnar under gränssnittet. 4. **Skriv text som kompletterar bilden** Primär text lägger till varför, rubriken namnger erbjudandet. Ingen av dem upprepar bildraden ord för ord. 5. **Förhandsgranska i varje placering** Metas annonshanterare visar varje placering. Titta på alla på en telefon innan du publicerar. Gradiently gör storlekssteget snabbt: designa annonsen en gång, och med Pro ändrar du storlek till varje placering på en gång, så renderas Marken färsk i varje form med sin lugna yta rörande sig bakom orden. Du kan också be Designer om tre budskap i ditt varumärkespakets röst och få dem upplagda i din Mark. Samma uppsättning anpassas till [Instagram-annonsdesign](https://gradiently.design/sv/guide/instagram-ad-design), eftersom båda går via Metas annonshanterare. ## FAQ ### Vilken storlek ska en Facebook-annonsbild ha? Använd 1080×1350 för stående flödesannonser eller 1200×1200 för kvadratiska, och 1080×1920 för placeringar i stories och Reels. ### Har Facebook fortfarande regeln om 20 procent text? Nej. Meta slopade regeln 2020, men rekommenderar fortfarande att hålla texten i annonsbilder kort, och kort text läses bättre i ett flöde. ### Ska en Facebook-annonsbild upprepa rubriken? Nej. Meta skriver rubriken under bilden, så använd bilden till en kort rad som stoppar scrollandet och låt rubriken namnge erbjudandet. ### Hur får jag Facebook-annonser att se ut som mitt varumärke? Använd samma bakgrund, färger och typsnitt som dina organiska inlägg i varje annons, och ha en liten logotyp i samma hörn. ### Kan jag använda en bild för alla Facebook-annonsplaceringar? Meta kan beskära en bild automatiskt, men med en version för flödet och en för stories styr du själv var orden hamnar.