# Substack-header: formaat 1456×816 voor posts en shares

[Canonical HTML page](https://gradiently.design/nl/guide/substack-header-size)

De afbeelding bovenaan een Substack-post doet drie dingen: ze opent de e-mail, ze vertegenwoordigt de post op je site en in de app, en ze reist mee met elke gedeelde link.

## The short version

- Een goed formaat voor een Substack-headerafbeelding bij een post is 1456×816 pixels, een liggend kader dicht bij 16:9.
- De eerste afbeelding in een Substack-post opent de e-mail en wordt meestal de thumbnail en de socialmediavoorbeeldafbeelding van de post.
- Substack laat je in de instellingen van een post een aparte socialmediavoorbeeldafbeelding instellen als de header niet goed is om te delen.
- Gedeelde links snijden de afbeelding bij tot een iets bredere vorm, dus woorden en het onderwerp horen in het midden van de header.
- Eén indeling en look voor de header van elke editie maakt een nieuwsbrief herkenbaar in inboxen, feeds en de Substack-app.

Het **formaat van een Substack-headerafbeelding** voor een post is 1456×816 pixels, een liggend kader dicht bij 16:9. Bovenaan een post geplaatst opent het de e-mail, wordt het de thumbnail van de post op de startpagina van je publicatie en in de Substack-app, en wordt het gebruikt als voorbeeldafbeelding als de link wordt gedeeld. Gedeelde links en thumbnails snijden het een beetje bij, dus houd de kop en het onderwerp in het midden en laat de achtergrond tot aan de randen doorlopen.

## Substack-afbeeldingsformaten voor een post

| Afbeelding | Formaat om in te ontwerpen | Verhouding | Waar het verschijnt |
| --- | --- | --- | --- |
| Postheader | 1456×816 px | Ongeveer 16:9 | Bovenaan de e-mail en de webpost |
| Thumbnail | Afgeleid van de header | Bijgesneden | Startpagina van de publicatie, archief, app |
| Socialmediavoorbeeld | 1456×816 px, of stel je eigen in | Ongeveer 1,91:1 na delen | Links op X, LinkedIn, Bluesky en in berichten |
| Afbeeldingen in de tekst | 1456 px breed | Elke | Geschaald naar de breedte van de post |

Het logo en het woordmerk van de publicatie zijn aparte instellingen met eigen vormen; deze tabel behandelt de afbeeldingen in elke post.

Het heeft geen zin om breder dan 1456 pixels te uploaden, en een veel kleinere afbeelding ziet er op grote schermen zacht uit. Als je je afvraagt of mensen de postheader bedoelen of de banner bovenaan elke e-mail: dat laatste is het woordmerk of logo van je publicatie, eenmalig ingesteld in de instellingen van je publicatie.

- Substack-header 1456×816: 1456 × 816
- Linkvoorbeeld 1200×630: 1200 × 630
- Medium-header 1400×788: 1400 × 788
- E-mailheader 1200×600: 1200 × 600

De Substack-header naast de kaders waarmee hij een rol deelt. Ze liggen dichtbij elkaar, maar niet dichtbij genoeg om het ene in het andere bij te snijden zonder iets te verliezen.

## Waar je woorden houdt op een Substack-header

Als een post wordt gedeeld, tonen de meeste netwerken de voorbeeldafbeelding in ongeveer 1,91:1, iets breder dan de header van 1456×816, dus ongeveer 25 pixels gaan er boven en onder af. Thumbnails op je startpagina en in de app kunnen ook de zijkanten bijsnijden. Zet woorden in een middengebied met ongeveer 120 pixels effen achtergrond links en rechts, en de header overleeft alles.

Een brede Substack-postheader voor Editie 42, Het trage internet, op een rustig kleurverloop

De postheader zoals hij de e-mail opent: editienummer, titel en één regel context.

Dezelfde header als linkvoorbeeld van 1200 bij 630 met het editienummer en de titel intact

Dezelfde post als gedeeld linkvoorbeeld. Met de woorden in het midden gaat er niets belangrijks verloren bij het bijsnijden.

## Zo stel je de header en de socialmediaafbeelding in op Substack

1. **Voeg eerst de header toe** Voeg je afbeelding van 1456×816 in als eerste in de post, boven de openingsalinea.
2. **Schrijf de alt-tekst** Substack heeft bij elke afbeelding een optie voor alt-tekst. Beschrijf in een zin wat erop staat.
3. **Open de postinstellingen** Open voor het publiceren de instellingen van de post en zoek de opties voor socialmediavoorbeeld en thumbnail.
4. **Stel indien nodig een aparte socialmediaafbeelding in** Als de header een foto is die de post niet zelf uitlegt, upload dan een versie met de titel erop om te delen.
5. **Controleer het voorbeeld** Stuur jezelf een testmail en plak de postlink in een concept op een ander netwerk om beide versies te zien.

## Header-ideeën die een nieuwsbrief herkenbaar maken

Lezers scannen inboxen op look voordat ze een onderwerpregel lezen. Een nieuwsbrief waarvan elke editie opent met dezelfde indeling, hetzelfde lettertype en dezelfde achtergrondfamilie wordt in één oogopslag herkend. [Nieuwsbriefbranding](https://gradiently.design/nl/guide/newsletter-branding) gaat verder in op naam, stem en kleur; voor headers werken deze patronen.

- **Editienummer en titel.** Simpel, en het laat het archief aanvoelen als een oeuvre.
- **Een kleur per rubriek.** Als je de ene week een essay publiceert en de volgende een overzicht, geef elk formaat dan een eigen kleur binnen één familie.
- **Een uitgelichte zin.** Eén zin uit de post, groot gezet, werkt goed voor essays en op Notes.
- **Helemaal niets op het beeld.** Een mooie achtergrond zonder woorden is prima voor de e-mail, zolang je een afbeelding met titel instelt om te delen.

- Essay: `linear-gradient(135deg, #1c1917 0%, #44403c 55%, #a8a29e 100%)`
- Weekoverzicht: `linear-gradient(135deg, #1c1917 0%, #7c2d12 55%, #fdba74 100%)`
- Interview: `linear-gradient(135deg, #1c1917 0%, #134e4a 55%, #5eead4 100%)`

Drie nieuwsbriefformaten met één donkere ondergrond en één lichtrichting. Lezers leren welk soort editie het is voordat ze de titel lezen.

### Vermijden

- Elke week een andere stockfoto
- De volledige posttitel over de hele breedte geperst
- Woorden bij de randen, verloren in gedeelde links
- Piepkleine tekst die verdwijnt in een inbox op een telefoon

### Doen

- Eén indeling en achtergrondfamilie voor elke editie
- Een korte titel of editienummer, groot
- Woorden in het middengebied
- Tekst die ook op een telefoonscherm leesbaar blijft

Wekelijkse headers zijn herhalend werk, en dan sluipt inconsistentie erin. Met Gradiently Pro ontwerp je de header één keer en gebruik je bulk aanmaken met een spreadsheet met editienummers en titels om er in één keer een reeks van te maken, elk met dezelfde indeling. Je Mark schuift zijn rustigste vlak achter de titel op elke header, en dezelfde editie kan in één stap worden geschaald naar een vierkant voor Notes of een [LinkedIn-nieuwsbriefomslag](https://gradiently.design/nl/guide/linkedin-newsletter-cover).

Als je ook op Medium publiceert, vergelijk dan het [afbeeldingsformaat van Medium](https://gradiently.design/nl/guide/medium-story-image-size), en zie [linkvoorbeeldafbeeldingen](https://gradiently.design/nl/guide/link-preview-image) voor hoe gedeelde links op elk netwerk worden getekend. Indelingen specifiek voor e-mail staan in [ontwerp van e-mailheaders](https://gradiently.design/nl/guide/email-header-design).

## FAQ

### Welk formaat heeft een Substack-headerafbeelding?

Gebruik 1456×816 pixels voor een postheader. Dat ligt dicht bij 16:9 en blijft scherp in de e-mail, op het web en in de app.

### Hoe verander ik de thumbnail van een Substack-post?

Open de instellingen van de post voor het publiceren en stel daar de thumbnail of socialmediavoorbeeldafbeelding in. Standaard gebruikt Substack de eerste afbeelding in de post.

### Waarom wordt mijn Substack-afbeelding bijgesneden als ik hem deel?

De meeste netwerken tonen linkvoorbeelden in ongeveer 1,91:1, iets breder dan de header, dus er gaat een beetje af van boven en onder. Houd woorden in het midden.

### Is de Substack-header hetzelfde als het logo van de publicatie?

Nee. De postheader is de afbeelding bovenaan elke post. Het logo en het woordmerk stel je eenmalig in bij de instellingen van je publicatie en ze verschijnen in elke editie.

### Moet mijn Substack-header tekst bevatten?

Het helpt als de post wordt gedeeld, omdat de afbeelding zonder je onderwerpregel reist. Een korte titel of editienummer in het midden is genoeg; lange titels worden onleesbaar op telefoons.