# Grafikk til applansering: kunngjør appen overalt på en gang

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

Lanseringsdagen er den ene dagen appen din vises overalt på en gang, for folk som avgjør på et sekund om de skal trykke. Her er hele grafikksettet, størrelsene og rekkefølgen du lager dem i.

## The short version

- Grafikk til applansering fungerer best som ett sett laget fra ett enkelt design: lanseringsinnlegg, et Open Graph-bilde, profilbannere og gallerybilder.
- Open Graph-bildet som vises når lenken din deles, er 1200×630 piksler, og X-banneret er 1500×500.
- Lanseringsinnlegg bør navngi appen, si hva den gjør i én setning og peke dit man får tak i den.
- Oppdater lenkeforhåndsvisningen, bannerne og toppbildet på nettsiden før du publiserer noe, så hver lenke folk deler på lanseringsdagen allerede ser riktig ut.
- En gjennomgående bakgrunn i all lanseringsgrafikk hjelper folk å kjenne igjen den samme appen når den dukker opp i ulike feeder.

God **grafikk til applansering** er ett design i mange formater: et kunngjøringsinnlegg for hvert nettverk, en lenkeforhåndsvisning på 1200×630 som vises hver gang noen deler URL-en din, nye profilbannere og et lite sett gallerybilder for lanseringssider som Product Hunt. Lag dem sammen, fra ett uttrykk og én setning, så fremstår lanseringsdagen som én hendelse i stedet for et virvar av skjermbilder som ikke henger sammen.

## Start med én setning og ett uttrykk

Før noe grafikk, skriv setningen som sier hva appen gjør for hvem, på under ti ord. «Del husleien med bofellesskapet uten det kleine pratet» fungerer. «Fremtiden for delt økonomi» gjør det ikke, fordi ingen kan se det for seg. Den setningen står på all grafikken, uendret, så budskapet gjentas mens formatet skifter. [Å skrive tekst til visuelt innhold](https://gradiently.design/nb/guide/writing-copy-for-visuals) har mer om å korte ned en linje.

Lås deretter uttrykket: fargene i appikonet blir en bakgrunn, skrifttypen i appen blir overskriften. En særpreget bakgrunn betyr mer enn du kanskje tror, fordi de samme skjermbildene av hvite grensesnitt dukker opp på hver eneste lanseringsdag. [Grafikk til lanseringsdagen](https://gradiently.design/nb/guide/launch-day-graphics) dekker dette for alle typer produkter.

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

Tre lanseringsbakgrunner bygd på typiske appikonfarger. Velg den som ligger nærmest ikonet ditt, og behold den for hele settet.

## Grafikksettet til applanseringen, med størrelser

| Grafikk | Størrelse | Hva som står på den |
| --- | --- | --- |
| Open Graph-forhåndsvisning | 1200×630 px | Appnavn, setningen, ikon |
| X-banner | 1500×500 px | Setningen og «Ute nå» |
| Lanseringsinnlegg på X eller Bluesky | 1600×900 px | Hovedskjerm eller setningen |
| LinkedIn-innlegg | 1200×1200 px | Setningen, en hilsen fra skaperen |
| Instagram-innlegg | 1080×1350 px | Ikon, navn, setningen |
| Story | 1080×1920 px | «Ute nå» og hvor man får den |
| Toppbilde på nettsiden | 1920×1080 px | Setningen og butikknapper |
| E-posttopp | 1200×600 px | Navnet og «Nå lansert» |

Kjernesettet. Skjermbilder til App Store og Google Play har egne påkrevde størrelser, oppført i utviklerhjelpen til Apple og Google. Product Hunt viser gjeldende krav til miniatyr og galleri i innsendingsskjemaet; design dem liggende fra den samme hovedfilen.

- Forhåndsvisning: 1200 × 630
- X-banner: 1500 × 500
- X-innlegg 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920

Fra et langt, smalt banner til en høy story, i målestokk. Ordene må ordnes ulikt for hvert format, og derfor fungerer det aldri å strekke ett bilde.

## Hvorfor forhåndsvisningsbildet betyr mest

På lanseringsdagen limes URL-en din inn i chatter, innlegg, forum og nyhetsbrev du aldri får se. Hver eneste av dem viser **Open Graph-bildet** ditt, så det er i det stille den mest viste lanseringsgrafikken. Lag det i 1200×630, sett appnavnet og setningen i midten, hold teksten unna kantene fordi enkelte apper beskjærer til kvadrat, og sjekk det med et delingsverktøy før lansering. [Størrelse på Open Graph-bilder](https://gradiently.design/nb/guide/open-graph-image-size) har beskjæringene; [Open Graph-tagger](https://gradiently.design/nb/guide/open-graph-tags) har koden.

```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" />
```

Taggene som styrer en lenkeforhåndsvisning. Bruk en absolutt https-URL for bildet, og bytt filnavn når du oppdaterer det, så plattformene henter det nye.

## Slik designer du et lanseringsinnlegg for en app

Et lanseringsinnlegg konkurrerer med alt annet i feeden, så det bør kunne leses med ett blikk. Start med setningen, ikke logoen. Vis én skjerm, ikke fem. Si hvor man får appen. På X og Bluesky fungerer en tråd godt: grafikken først, så en kort video, så historien fra skaperen.

Et liggende lanseringsinnlegg for en app for å dele husleie, med beskrivelsen på én linje i stor skrift

Innlegget til X og Bluesky i 1600×900: setningen bærer innlegget.

En vertikal story med teksten Ute nå for appen Rentwise på den matchende gradienten

Storyen: to ord og hvor man skal gå, på den samme bakgrunnen.

### Unngå

- Et rutenett med seks mobilskjermbilder
- Å «revolusjonere» noe som helst
- Et nytt fargeoppsett bare for lanseringen
- Tekst i ytterkantene av forhåndsvisningsbildet

### Gjør

- Én skjerm som viser hovedøyeblikket
- Den enkle setningen om hva den gjør
- Ikonets egne farger, overalt
- Ord sentrert, med romslige marger

Korte skjermopptak passer apper godt, fordi de viser hovedøyeblikket i bevegelse: trykket, resultatet. Hold dem under tjue sekunder, sett setningen på første bilde, og legg til teksting, siden mange scroller uten lyd. [Produktdemovideo](https://gradiently.design/nb/guide/product-demo-video) dekker tempo og utsnitt.

## Rekkefølgen du lager lanseringsgrafikken i

1. **En uke før: hoveddesignet** Setning, ikon, bakgrunn og skrifttype på én liggende ramme. Alt annet springer ut av den.
2. **En uke før: et snart-innlegg** Hint om datoen og en lenke til venteliste. [Kommer snart-innlegg](https://gradiently.design/nb/guide/coming-soon-post) har layouter.
3. **To dager før: forhåndsvisninger og bannere** Legg ut Open Graph-bildet, X-banneret og toppbildet på nettsiden tidlig, så lenker som deles på dagen, ser riktige ut.
4. **Dagen før: alle lanseringsinnleggene** Eksporter alle størrelser og skriv bildetekster for hvert nettverk på forhånd.
5. **Lanseringsdagen: publiser, svar, gjenta** Bruk dagen på å svare folk, ikke på å lage grafikk.
6. **En uke etter: et takk** Et milepæls- eller takkeinnlegg i det samme uttrykket runder av lanseringen.

Gradiently passer godt inn i denne arbeidsflyten. Design hovedfilen én gang på en Mark, og endre den så, med Pro, til alle formatene i settet i ett steg; Marken holder setningen lesbar i hvert format ved å flytte det roligste området sitt bak ordene. Jobber du allerede med lanseringen i ChatGPT eller Claude, kan Gradiently kobles til begge, så assistenten kan skissere settet som design som åpnes i Studio. [Lanseringsgrafikk for indie hackers](https://gradiently.design/nb/guide/indie-hacker-launch-graphics) dekker det samme settet for nettprodukter.

## FAQ

### Hvilken grafikk trenger jeg for å lansere en app?

En lenkeforhåndsvisning på 1200×630, et oppdatert X-banner på 1500×500, lanseringsinnlegg for hvert nettverk du bruker, en story, et toppbilde til nettsiden og gallerybilder til eventuelle lanseringssider. Lag alt fra ett hoveddesign.

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

Product Hunt oppgir gjeldende krav til miniatyr og galleri i innsendingsskjemaet. Design dem liggende fra den samme hovedfilen som den andre lanseringsgrafikken, så uttrykket holder seg likt.

### Hva bør et lanseringsinnlegg for en app si?

Navnet på appen, én setning om hva den gjør for hvem, og hvor man får den. Spar alt annet til bildeteksten eller en tråd.

### Når bør jeg oppdatere forhåndsvisningsbildet for lenken?

En dag eller to før lansering, med et nytt filnavn, og test det så i et delingsverktøy. Plattformene mellomlagrer forhåndsvisninger, så en sen endring vises kanskje ikke på lanseringsdagen.