# Png met transparante achtergrond: wanneer en hoe

[Canonical HTML page](https://gradiently.design/nl/guide/transparent-background)

Een transparante png is het bestand dat je pakt als een logo of titel moet staan op iets wat je niet zelf ontwierp. Het is ook het bestand dat mensen gebruiken als dat niet zou moeten.

## The short version

- Een png met transparante achtergrond bewaart een alfakanaal, zodat elke pixel volledig doorzichtig, volledig dekkend of iets daartussen kan zijn.
- Transparante png’s zijn goed voor logo’s, titels, stickers en overlays die op achtergronden komen die je niet beheert, zoals video’s, slides en websites.
- Jpg kan geen transparantie bewaren, dus een jpg van een logo heeft altijd een dekkend vlak erachter.
- De meeste sociale posts exporteer je met hun volledige achtergrond, niet als transparante bestanden.
- Controleer een transparante export op een lichte en een donkere achtergrond, want lichte randen en vage schaduwen zijn maar op één van de twee te zien.

Een **png met transparante achtergrond** is een afbeelding waarvan de achtergrond leeg is gelaten, zodat alleen het logo, de tekst of het object overblijft en wat eronder zit doorschijnt. Je hebt er een nodig zodra je ontwerp op iets komt wat je niet zelf maakte: een logo op de website van een klant, een titel over videobeeld, een sticker op een foto, een Mark op een slide. Png kan dit omdat het een alfakanaal bewaart, een vierde waarde per pixel die zegt hoe doorzichtig hij is. Jpg heeft geen alfakanaal, en daarom komt een jpg-logo altijd in een wit of gekleurd vak aan.

## Hoe transparantie in een png werkt

Elke pixel in een gewone afbeelding heeft drie waarden: rood, groen en blauw. Een png met transparantie voegt er een vierde aan toe, alfa, van volledig doorzichtig tot volledig dekkend. De waarden daartussen zijn net zo belangrijk als de uitersten. De zachte rand van een letter, een lichte schaduw of een glaseffect bestaat uit gedeeltelijk doorzichtige pixels, en zij laten het ontwerp opgaan in wat erachter zit.

| Formaat | Transparantie | Het best voor |
| --- | --- | --- |
| PNG | Volledig alfa, zachte randen | Logo’s, titels, stickers, overlays |
| JPG | Geen | Foto’s en volledige ontwerpen met een achtergrond |
| SVG | Ja, vector | Logo’s en iconen op websites, schaalbaar naar elk formaat |
| WebP | Volledig alfa | Webafbeeldingen waar bestandsgrootte telt |
| GIF | Alleen aan of uit, harde randen | Eenvoudige animaties |
| MP4 | Geen in gangbaar gebruik | Video met een eigen achtergrond |

Welke formaten een lege achtergrond kunnen dragen. Gif-transparantie is alles of niets, dus zachte randen zien er hoekig uit; png en WebP houden ze glad.

Voor een diepere vergelijking van de twee meest gebruikte formaten zie [PNG vs JPG](https://gradiently.design/nl/guide/png-vs-jpeg), en voor logo’s op websites legt [SVG vs PNG](https://gradiently.design/nl/guide/svg-vs-png) uit wanneer vector de betere keuze is.

## Wanneer je een transparante png nodig hebt

- **Logo’s voor anderen om te gebruiken.** Partners, pers, eventorganisatoren en sponsors zetten je logo op hun eigen achtergronden. Stuur een transparante png, bij voorkeur in een lichte en donkere [logovariant](https://gradiently.design/nl/guide/logo-variations), plus een svg.
- **Titels en onderbalken in video.** Videobewerkers leggen een transparante png over beeld, zodat de woorden boven het beeld zweven.
- **Stickers en overlays.** Badges als “Nieuw” of “Verkocht”, kaders en prijskaartjes op foto’s of stories.
- **Slides en documenten.** Een logo of diagram dat op een gekleurde slide moet staan zonder wit vak.
- **Websites.** Iconen, logo’s en illustraties over gekleurde secties of heroachtergronden.
- **Merchandise en print on demand.** Veel drukdiensten vragen om een transparante png zodat alleen het beeld op het shirt of de mok wordt gedrukt.

Een brede banner met het woordmerk Northfield over een verloopachtergrond

Het volledige ontwerp: woordmerk en achtergrond samen, goed voor een banner of post.

Hetzelfde woordmerk Northfield op een andere gekleurde achtergrond geplaatst, zoals een transparante png toestaat

Transparant geëxporteerd kan hetzelfde woordmerk op de achtergrond van een partner staan. Hier komt het op een ander kleurvlak terecht.

## Wanneer een transparante achtergrond de verkeerde keuze is

Transparantie is voor onderdelen, niet voor afgewerkte stukken. Een sociale post, story, poster of e-mailheader exporteer je met zijn achtergrond, want die achtergrond is het halve ontwerp. De meeste sociale platforms bewaren geen transparantie in posts die je uploadt, en een leeg gebied kan worden gevuld met een kleur die je niet koos. Sommige marktplaatsen vragen ook om productfoto’s op effen wit in plaats van transparant, dus controleer de regels van het platform zelf.

### Transparant exporteren

- Een logo voor partners en pers
- Een titel om over video te leggen
- Een sticker of badge voor foto’s
- Een icoon voor een gekleurde websitesectie
- Beeld voor print on demand

### Exporteren met achtergrond

- Posts voor Instagram, LinkedIn en Facebook
- Stories, Reelscovers en thumbnails
- Posters, flyers en menukaarten
- E-mailheaders
- Alles wat er precies uit moet zien zoals ontworpen

## Een transparante png maken

Er zijn twee routes. Ontwerp je het zelf, zoals een titel, logo of badge, bouw het dan zonder achtergrond en exporteer met transparantie aan. Begin je met een foto, dan moet je eerst de achtergrond verwijderen, met de hand of met een verwijdertool, wat een ander en moeilijker karwei is. De stappen hieronder behandelen de eerste route.

1. **Ontwerp op het formaat dat je nodig hebt** Transparante bestanden worden vaak later vergroot, dus exporteer groter dan je denkt: een woordmerk van 2.000 px breed of meer is een veilige start.
2. **Laat de achtergrond leeg** Verberg of verwijder elke achtergrondlaag. De meeste programma’s tonen leegte als een grijs en wit dambord.
3. **Kies png met transparantie** Kies in het exportvenster png en zorg dat transparantie of een heldere achtergrond is aangevinkt. Jpg vult het stilzwijgend met wit.
4. **Snijd de randen bij** Snijd bij op het beeld met een beetje ademruimte, zodat wie het plaatst niet vecht met onzichtbare marges.
5. **Test op licht en donker** Zet het bestand op een witte en een zwarte pagina. Zoek naar lichte halo’s, ontbrekende schaduwen en tekst die op één van beide verdwijnt.

- Test op wit: #ffffff
- Test op middengrijs: #808080
- Test op bijna zwart: #111111
- Test op een merkkleur: #2563eb

Vier achtergronden om elke transparante export tegen te controleren. Een lichte rand zie je op zwart; een donkere schaduw verdwijnt erop; wit beeld verdwijnt op wit.

> **Het probleem van de witte halo** Als beeld ooit op wit is getekend, kunnen de zachte randen een dunne lichte rand houden die op donkere achtergronden zichtbaar is. Exporteer vanuit de originele lagen zonder achtergrond, in plaats van wit uit een afgevlakte afbeelding te wissen.

## Transparante png exporteren in Gradiently

In Gradiently staat een ontwerp normaal op zijn Mark, de levende achtergrond achter alles. Met Pro kun je in plaats daarvan een transparante png exporteren: alleen je elementen, zoals tekst, vormen, iconen en foto’s, op een heldere achtergrond, zonder de Mark. Dat is het bestand om naar een partner te sturen, in een videobewerker te zetten of op een website te plaatsen. Pro exporteert ook svg voor dezelfde toepassingen, en beide komen uit hetzelfde ontwerp dat je met zijn volledige achtergrond post. Zoals bij elke Gradiently-export moet de Mark van het ontwerp van jou zijn. [Afbeeldingen en loops exporteren](https://gradiently.design/nl/guide/export-images-and-loops) loopt elk formaat door, en voor logo’s op kleur zie [logo op een verloopachtergrond](https://gradiently.design/nl/guide/logo-on-gradient-background).

## FAQ

### Kan een jpg een transparante achtergrond hebben?

Nee. Jpg heeft geen alfakanaal, dus elk leeg gebied wordt gevuld met een effen kleur, meestal wit. Gebruik png, WebP of svg.

### Waarom heeft mijn transparante png een witte achtergrond?

Of transparantie stond niet aan bij het exporteren, of de app waarin je hem opende toont lege gebieden als wit. Zet hem op een donkere achtergrond om te controleren.

### Moet ik transparante png’s naar Instagram uploaden?

Nee. Exporteer posts en stories met hun volledige achtergrond, want het platform bewaart geen transparantie en kan lege gebieden met een eigen kleur vullen.

### Wat is beter voor een logo, transparante png of svg?

Svg voor websites en alles wat schaalt, omdat het op elk formaat scherp blijft. Transparante png voor apps, videobewerkers en mensen die geen svg kunnen openen.

### Welk formaat moet een transparante logo-png hebben?

Groter dan je denkt nodig te hebben, minstens 2.000 pixels breed voor een woordmerk, zodat anderen het kunnen verkleinen zonder dat het zacht wordt.