# Beelden voor een productlancering: de checklist voor de dag zelf

[Canonical HTML page](https://gradiently.design/nl/guide/launch-day-graphics)

Lanceringen gaan mis op de kleine plekken: een oude header, een ontbrekende linkpreview, een story die niemand heeft omgezet. Hier is elk beeld, het formaat en wanneer het live gaat.

## The short version

- Een productlancering heeft beelden in twee groepen nodig: de aanloop, zoals teasers en aftellingen, en de lancering zelf, van aankondigingsposts tot headers, linkpreviews en e-mail.
- Eerst één hoofdbeeld ontwerpen en dat voor elk formaat opnieuw opmaken houdt een lancering consistent en bespaart het meeste werk.
- De Open Graph-afbeelding voor de lanceringspagina hoort voor de lancering klaar te zijn, want die verschijnt telkens als iemand de link deelt.
- Profielheaders op X, LinkedIn en Facebook worden makkelijk vergeten en horen op de dag van de lancering met al het andere mee te veranderen.
- Elk lanceringsbeeld hoort dezelfde kop te gebruiken, zodat mensen die het op verschillende plekken zien hetzelfde nieuws herkennen.

De **beelden voor een productlancering** die je nodig hebt, vallen in twee groepen uiteen. De aanloop: een teaser en een aftelling. De lancering: de aankondiging in elk feedformaat, stories, een afbeelding voor de linkpreview, nieuwe profielheaders, een e-mailheader, een hero voor de website en achteraf een bedankje. Ontwerp eerst één hoofdbeeld en maak dat daarna voor elk formaat opnieuw op, zodat elk beeld deel lijkt van hetzelfde moment.

## De complete checklist met lanceringsbeelden

Kopieer deze lijst naar je lanceringsplan. De formaten komen van het aanbevolen uploadformaat van elk platform. Het volledige overzicht staat in [afbeeldingsformaten voor social media](https://gradiently.design/nl/guide/social-media-image-sizes).

| Beeld | Formaat | Wanneer | Opmerkingen |
| --- | --- | --- | --- |
| Teaserpost | 1080×1350 | Ongeveer een week ervoor | Een hint, niet de onthulling |
| Aftelstory | 1080×1920 | Dagelijks, de laatste dagen | Zelfde lay-out, het getal verandert |
| Aankondiging op Instagram | 1080×1350 | Dag van de lancering | Het hoofdbeeld |
| Lanceringsstories | 1080×1920 | Dag van de lancering | Met een linksticker |
| Aankondiging op X | 1600×900 | Dag van de lancering | Volledig te zien in de tijdlijn |
| LinkedIn-post | 1200×1200 | Dag van de lancering | Of een documentcarrousel |
| Facebook-post | 1200×1200 | Dag van de lancering | Dezelfde woorden als overal |
| Linkpreview (Open Graph) | 1200×630 | Klaar voor de lancering | Test hem voor de dag zelf |
| X-header | 1500×500 | Dag van de lancering | De profielfoto overlapt linksonder |
| LinkedIn-banner | 1584×396 | Dag van de lancering | De bedrijfscover is 2256×382 |
| Facebook-cover | 1640×624 | Dag van de lancering | Woorden in het midden |
| E-mailheader | 1200×600 | Dag van de lancering | Controleer de donkere modus |
| Hero voor de website | 1920×1080 | Dag van de lancering | Kop op een rustig vlak |
| Videominiatuur | 1280×720 | Als er een demo is | Drie of vier woorden |
| Bedankje of terugblik | 1080×1350 | Een paar dagen erna | Alleen echte cijfers |

Elk lanceringsbeeld, het formaat en wanneer het live gaat. Streep door wat je niet nodig hebt. De meeste lanceringen hebben het meeste nodig.

- Post 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920
- X-post 1600×900: 1600 × 900
- Linkpreview 1200×630: 1200 × 630
- X-header 1500×500: 1500 × 500
- LinkedIn-banner 1584×396: 1584 × 396
- E-mailheader 1200×600: 1200 × 600
- Hero website 1920×1080: 1920 × 1080

Acht vormen uit de lijst, op schaal. Eén lancering, van hoge stories tot smalle banners, en daarom werkt één afbeelding die je acht keer bijsnijdt nooit.

## Begin met één hoofdbeeld en maak daarna de set

Ontwerp geen vijftien beelden. Ontwerp er één, de aankondiging voor Instagram of de hero voor de website, tot het klopt: de achtergrond, de kop, de letters, de ene accentkleur. Dat is de look van de lancering. Elk ander beeld is dezelfde look, geschikt voor een andere vorm. Hoge formaten stapelen, brede formaten spreiden, smalle banners houden alleen de kop.

- Lanceringsnacht: #0b0d1a
- Diep indigo: #1f2a5c
- Signaalblauw: #4f6bed
- Zachte gloed: #9bb4ff
- Accentgoud: #ffcf5c
- Papierinkt: #f5f3ee

Een palet voor een lancering: een donkere ondergrond, drie verbonden blauwen, één gouden accent dat je bewaart voor de datum of de oproep tot actie, en een gebroken wit voor letters.

Leg de look vast: kleuren, lettertypen, de kop, waar het accent komt. Maken meerdere mensen beelden, dan is deze notitie wat de header die iemand om middernacht maakt in lijn houdt met de post die jij een week eerder maakte.

## De tijdlijn van de lancering

1. **Twee weken ervoor: het hoofdbeeld** Ontwerp de hoofdaankondiging en spreek de kop af. Maak nu de afbeelding voor de linkpreview, zodat de lanceringspagina hem vanaf de eerste keer delen toont. [Formaat van een OG-afbeelding](https://gradiently.design/nl/guide/open-graph-image-size) heeft de tags en de tests.
2. **Een week ervoor: de teaser** Een post en een story die in de look van de lancering laten doorschemeren wat er komt, zonder de onthulling.
3. **De laatste dagen: de aftelling** Een dagelijkse story waarin het getal verandert, met een aftelsticker zodat mensen om een herinnering kunnen vragen.
4. **De dag ervoor: maak de hele set** Maak het hoofdbeeld op voor elk formaat op de lijst. Plan in wat je kunt inplannen.
5. **De ochtend van de lancering: overal live** Publiceer de posts en stories, vervang elke profielheader, verstuur de e-mail en werk de hero van de website bij.
6. **Een paar dagen erna: zeg dank je wel** Een terugblik in dezelfde look, met echte resultaten als je die wilt delen, die het verhaal afsluit.

Een teaserpost met de tekst Iets nieuws, dinsdag op een achtergrond met kleurverloop

De teaser: de look van de lancering en een datum, meer niet.

Een lanceringsaankondiging van een app met een gedeelde takenlijst, in dezelfde stijl als de teaser

De aankondiging: dezelfde look, nu met de onthulling.

## Eén kop op elk beeld

Mensen komen een lancering op veel plekken tegen: ’s ochtends een story, tussen de middag een post op LinkedIn, ’s avonds een e-mail. Ze horen elke keer hetzelfde nieuws te herkennen. Dat betekent één kop, woord voor woord, op elk beeld, waarbij de details per formaat verschillen. Voor de volgorde van de woorden, zie [een aankondigingspost ontwerpen](https://gradiently.design/nl/guide/announcement-post-design).

### Vermijd

- Een andere slogan op elk platform
- Eén afbeelding die naar elke vorm is bijgesneden
- Nieuwe kleuren die voor de lancering zijn bedacht
- Headers die nog het vorige seizoen tonen

### Doe

- Eén kop, overal herhaald
- Elk formaat opgemaakt voor zijn vorm
- Je gewone look, een tandje sterker
- Elke header ’s ochtends vervangen

## Wat mensen vergeten op de dag van de lancering

- **De linkpreview.** Platforms bewaren hem in de cache. Deelde je de pagina voordat de afbeelding klaar was, ververs hem dan in de inspector van het platform.
- **Profielheaders.** De X-header, de LinkedIn-banner en de Facebook-cover tonen nog de oude look. Zie [formaat van de LinkedIn-banner](https://gradiently.design/nl/guide/linkedin-banner-size) en [formaat van de Twitter-header](https://gradiently.design/nl/guide/x-header-size).
- **De e-mailheader in de donkere modus.** Test hem. [Een e-mailheader ontwerpen](https://gradiently.design/nl/guide/email-header-design) behandelt wat er verandert.
- **Beschrijvingen van afbeeldingen.** Voeg alt-tekst toe aan elk lanceringsbeeld, op elk platform.
- **De link in je profiel.** Laat hem naar de lanceringspagina wijzen voordat de eerste post de deur uit gaat.

> **Maak de set in één keer** Eén ontwerp vijftien keer opmaken is het trage deel van een lancering. In Gradiently maakt **kopiëren naar formaten** een afgerond ontwerp opnieuw op voor elk formaat dat je kiest, met de achtergrond vers gerenderd voor elke vorm. [Eén look, elk formaat](https://gradiently.design/nl/guide/one-look-every-size) legt uit hoe het werkt.

## FAQ

### Welke beelden heb ik nodig voor een productlancering?

Een teaser, een aftelling, de aankondiging voor de feed van elk platform, lanceringsstories, een afbeelding voor de linkpreview, bijgewerkte profielheaders, een e-mailheader, een hero voor de website en achteraf een bedankpost.

### Wanneer moeten lanceringsbeelden klaar zijn?

Maak het hoofdbeeld en de linkpreview ongeveer twee weken ervoor, de teaser een week ervoor en de volledige set de dag ervoor, zodat de ochtend van de lancering alleen nog publiceren is.

### Hoe houd ik lanceringsbeelden consistent?

Ontwerp één hoofdbeeld, leg de kleuren, lettertypen en kop vast, en maak datzelfde ontwerp op voor elk formaat, in plaats van elk formaat vanaf nul te ontwerpen.

### Welk formaat heeft de afbeelding voor de linkpreview van een lanceringspagina?

1200×630 pixels, ingesteld met de tag og:image. Test hem voor de dag van de lancering, want platforms bewaren hem in de cache.
