# Grafik til app-lancering: annoncér din app alle steder på én gang

[Canonical HTML page](https://gradiently.design/da/guide/mobile-app-launch-graphics)

Lanceringsdagen er den ene dag, hvor din app vises alle steder på én gang for folk, der på et sekund beslutter, om de vil trykke. Her er hele kittet af grafik, størrelserne og rækkefølgen, du laver dem i.

## The short version

- Grafik til app-lanceringer virker bedst som ét kit lavet ud fra ét design: lanceringsopslag, et Open Graph-billede, profilheadere og galleribilleder.
- Open Graph-billedet, der vises, når dit link deles, er 1200×630 pixels, og X-headeren er 1500×500.
- Lanceringsopslag skal nævne appen, sige, hvad den gør, i én sætning og pege på, hvor man får den.
- Opdater dit linkpreview, dine headere og din hjemmesides hero, før du poster noget, så hvert link, folk deler på lanceringsdagen, allerede ser rigtigt ud.
- En ensartet baggrund på al lanceringsgrafik hjælper folk med at genkende den samme app, når den dukker op i forskellige feeds.

God **grafik til app-lancering** er ét design i mange former: et annonceringsopslag til hvert netværk, et linkpreview i 1200×630, der vises, hver gang nogen deler din URL, nye profilheadere og et kort sæt galleribilleder til lanceringssider som Product Hunt. Lav dem sammen ud fra ét look og én sætning, så føles lanceringsdagen som én begivenhed i stedet for et virvar af skærmbilleder, der ikke passer sammen.

## Start med én sætning og ét look

Før nogen grafik skal du skrive den sætning, der siger, hvad appen gør for hvem, på under ti ord. »Del huslejen med dine bofæller uden den akavede snak« virker. »Fremtiden for delt økonomi« virker ikke, for ingen kan forestille sig det. Den sætning kommer på al grafik, uændret, så budskabet gentages, mens formen skifter. [Tekst til visuelt indhold](https://gradiently.design/da/guide/writing-copy-for-visuals) har mere om at skære en linje ned.

Lås derefter looket: Farverne i appens ikon bliver til en baggrund, appens skrifttype bliver til overskriften. En karakteristisk baggrund betyder mere, end du måske tror, for de samme skærmbilleder af hvide brugerflader dukker op på hver lanceringsdag. [Grafik til lanceringsdagen](https://gradiently.design/da/guide/launch-day-graphics) dækker det for alle slags produkter.

- Nat til signal: `linear-gradient(145deg, #0b1026 0%, #2b2f8f 50%, #6ee7f9 100%)`
- Glød: `radial-gradient(circle at 70% 30%, #ffd9a8 0%, #ff7a59 40%, #4a1532 100%)`
- Dyb mint: `linear-gradient(200deg, #e8fff4 0%, #7be0b3 45%, #0f5b4a 100%)`

Tre lanceringsbaggrunde bygget af typiske farver fra app-ikoner. Vælg den, der ligger tættest på dit ikon, og behold den i hele kittet.

## Kittet med grafik til app-lancering, med størrelser

| Grafik | Størrelse | Hvad der står på den |
| --- | --- | --- |
| Open Graph-linkpreview | 1200×630 px | Appens navn, sætningen, ikon |
| X-header | 1500×500 px | Sætningen og »Ude nu« |
| Lanceringsopslag på X eller Bluesky | 1600×900 px | Hovedskærm eller sætningen |
| LinkedIn-opslag | 1200×1200 px | Sætningen, en note fra skaberen |
| Instagram-opslag | 1080×1350 px | Ikon, navn, sætningen |
| Story | 1080×1920 px | »Ude nu« og hvor man får den |
| Hero på hjemmesiden | 1920×1080 px | Sætningen og knapper til app-butikkerne |
| Mailheader | 1200×600 px | Navnet og »Nu live« |

Kernekittet. Skærmbilleder til App Store og Google Play har deres egne krævede størrelser, som står i Apples og Googles udviklerhjælp. Product Hunt viser sine aktuelle krav til thumbnail og galleri i indsendelsesformularen; design dem liggende ud fra det samme masterdesign.

- Linkpreview: 1200 × 630
- X-header: 1500 × 500
- X-opslag 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920

Fra en lang, smal header til en høj story, i skala. Ordene skal arrangeres forskelligt i hver, og derfor virker det aldrig at strække ét billede.

## Hvorfor linkpreviewbilledet betyder mest

På lanceringsdagen bliver din URL indsat i chats, opslag, fora og nyhedsbreve, du aldrig ser. Hver af dem viser dit **Open Graph-billede**, så det er stille og roligt den mest sete lanceringsgrafik. Lav det i 1200×630, sæt appens navn og sætningen i midten, hold teksten fri af kanterne, fordi nogle apps beskærer til et kvadrat, og tjek det med en delingsdebugger før lanceringen. [Open Graph-billedstørrelse](https://gradiently.design/da/guide/open-graph-image-size) har beskæringerne; [Open Graph-tags](https://gradiently.design/da/guide/open-graph-tags) har markuppen.

```html
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

De tags, der styrer et linkpreview. Brug en absolut https-URL til billedet, og skift filnavnet, når du opdaterer det, så platformene henter det nye.

## Sådan designer du et opslag til app-lanceringen

Et lanceringsopslag konkurrerer med alt andet i feedet, så det skal kunne læses med ét blik. Start med sætningen, ikke logoet. Vis én skærm, ikke fem. Sig, hvor man får appen. På X og Bluesky virker en tråd godt: grafikken først, så en kort video og derefter skaberens historie.

Et liggende lanceringsopslag for en app til at dele husleje med beskrivelsen på én linje i stor skrift

Opslaget til X og Bluesky i 1600×900: Sætningen bærer opslaget.

En lodret story med teksten Ude nu for appen Rentwise på den matchende gradient

Storyen: to ord og hvor man skal hen, på samme baggrund.

### Undgå

- Et gitter med seks skærmbilleder fra telefonen
- At »revolutionere« noget som helst
- Et nyt farveskema kun til lanceringen
- Tekst i yderkanterne af previewbilledet

### Gør

- Én skærm, der viser det vigtigste øjeblik
- Den enkle sætning om, hvad den gør
- Ikonets egne farver overalt
- Ord i midten med generøse margener

Korte skærmoptagelser passer godt til apps, fordi de viser det vigtigste øjeblik i bevægelse: trykket, resultatet. Hold dem under tyve sekunder, sæt sætningen på første frame, og tilføj undertekster, for mange scroller uden lyd. [Video med produktdemo](https://gradiently.design/da/guide/product-demo-video) handler om tempo og beskæring.

## Rækkefølgen, du laver grafik til app-lanceringen i

1. **En uge før: masterdesignet** Sætning, ikon, baggrund og skrifttype i ét liggende format. Alt andet kommer derfra.
2. **En uge før: et kommer snart-opslag** Drillér med datoen og et link til ventelisten. [Kommer snart-opslag](https://gradiently.design/da/guide/coming-soon-post) har layouts.
3. **To dage før: previews og headere** Udgiv Open Graph-billedet, X-headeren og hjemmesidens hero tidligt, så links, der deles på dagen, ser rigtige ud.
4. **Dagen før: alle lanceringsopslag** Eksportér alle størrelser, og skriv billedtekster til hvert netværk i forvejen.
5. **Lanceringsdagen: post, svar, gentag** Brug dagen på at svare folk, ikke på at lave grafik.
6. **En uge efter: et tak** Et opslag om en milepæl eller et tak i samme look afslutter lanceringen.

Gradiently passer godt til den arbejdsgang. Design masteren én gang på en Mark, og tilpas den så med Pro til alle formater i kittet i ét trin; Marken holder sætningen læselig i hver form ved at flytte sit roligste område om bag ordene. Arbejder du allerede med lanceringen i ChatGPT eller Claude, kan Gradiently forbindes med begge, så assistenten kan lave udkast til kittet som design, der åbner i Studio. [Lanceringsgrafik til indie hackers](https://gradiently.design/da/guide/indie-hacker-launch-graphics) dækker samme kit til webprodukter.

## FAQ

### Hvilken grafik har jeg brug for til at lancere en app?

Et linkpreview i 1200×630, en opdateret X-header i 1500×500, lanceringsopslag til hvert netværk, du bruger, en story, en hero til hjemmesiden og galleribilleder til eventuelle lanceringssider. Lav dem alle ud fra ét masterdesign.

### Hvilken størrelse har et galleribillede på Product Hunt?

Product Hunt oplister sine aktuelle krav til thumbnail og galleri i indsendelsesformularen. Design dem liggende ud fra samme master som din øvrige lanceringsgrafik, så looket forbliver ensartet.

### Hvad skal et opslag om app-lanceringen sige?

Appens navn, én sætning om, hvad den gør for hvem, og hvor man får den. Gem alt andet til billedteksten eller en tråd.

### Hvornår skal jeg opdatere mit linkpreviewbillede?

En dag eller to før lanceringen med et nyt filnavn, og test det derefter i en delingsdebugger. Platforme cacher previews, så en sen ændring vises måske ikke på lanceringsdagen.