Heb je weleens een logo op een gekleurde achtergrond gezet en verscheen er een wit vierkant omheen? Dan liep je tegen het bekendste struikelblok aan van iedereen die met digitale afbeeldingen werkt zonder van transparantie te weten. De oplossing is eenvoudig: je hebt geen PNG met witte achtergrond nodig, maar een PNG met transparante achtergrond. In dit artikel lees je precies hoe je die krijgt.
Wat is transparantie in digitale afbeeldingen?
Een digitale afbeelding bestaat uit pixels. Elke pixel heeft een kleur die vastligt in drie waarden: rood, groen en blauw (het RGB-model). Een zuiver rode pixel heeft bijvoorbeeld R=255, G=0, B=0.
Daar kan een vierde waarde bij: het alfakanaal. Dat regelt de dekking van elke pixel afzonderlijk, van 0 (volledig transparant, onzichtbaar) tot 255 (volledig dekkend). Pixels met alfa 0 bestaan visueel simpelweg niet: je ziet op die plek wat eronder ligt, of dat nu de achtergrond van een dia is, de kleur van een website of de stof van een T-shirt.
Een afbeelding met alfakanaal heet een afbeelding met transparantie of met transparante achtergrond. In een viewer verschijnen die transparante pixels als een grijs-wit schaakbordpatroon, wereldwijd het teken voor "hier zit niets".
Waarom PNG en niet JPG voor transparantie?
JPG kent geen alfakanaal. Dat is een technische grens van het formaat: JPG is ontworpen om foto's efficiënt te comprimeren, en een alfakanaal hoort niet bij de specificatie. Sla je een afbeelding met transparante delen op als JPG, dan vult het programma die delen met wit of zwart, afhankelijk van de instelling. Een JPG met transparante achtergrond bestaat dus niet.
PNG is van meet af aan gebouwd rond het alfakanaal. Precies daarom worden logo's, iconen en alles wat een transparante achtergrond nodig heeft als PNG opgeslagen. Dat verschil is wezenlijk:
| Kenmerk | PNG | JPG | WebP | GIF |
|---|---|---|---|---|
| Transparante achtergrond mogelijk | ✅ Ja (volledig alfakanaal) | ❌ Nee | ✅ Ja (volledig alfakanaal) | ⚠️ Beperkt (slechts 1 kleur) |
| Ideaal voor foto's | Nee (te zwaar) | ✅ Ja | ✅ Ja | Nee |
| Ideaal voor logo's en iconen | ✅ Ja | Nee | ✅ Ja | Nee |
| Compressie zonder verlies | ✅ Lossless | ❌ Lossy | Allebei | ✅ Lossless |
💡 Ook WebP kan transparantie aan, met een volwaardig alfakanaal net als PNG. Op het moderne web is transparante WebP dus een even goede keuze, en meestal levert het lichtere bestanden op. De meeste platforms en ontwerpprogramma's accepteren allebei de formaten.
Wanneer je een transparante PNG nodig hebt
De behoefte aan een transparante achtergrond duikt telkens in dezelfde situaties op:
- Een logo op een gekleurde achtergrond: het bekendste geval. Een logo met witte achtergrond laat een zichtbare witte rechthoek achter op alles wat niet wit is: gekleurde dia's, sites met een donkere header, presentatieomslagen, visitekaartjes met kleur.
- Productfoto's voor een webshop: met een transparante achtergrond zet je hetzelfde product op elke winkelkleur: wit voor Amazon, grijs bij sommige marktplaatsen, een seizoenskleur voor een campagne.
- Eigen stickers en emoji's: stickers voor WhatsApp, Telegram en Slack moeten transparante PNG's zijn, standaard 512×512 px met transparante achtergrond.
- Een ingescande handtekening: scan je handtekening van papier en haal het wit weg, en je houdt een transparante PNG over die je in digitale documenten en contracten plakt zonder zichtbaar stuk papier eromheen.
- Iconen en illustraties voor websites: grafische elementen die moeten meebewegen met secties in verschillende achtergrondkleuren.
- Overlays in video en presentaties: logo's en watermerken over beeld heen in Premiere, CapCut of DaVinci, en op dia's in PowerPoint of Keynote.
Methode 1: automatisch achtergrond verwijderen met AI (het snelst)
In de meeste gevallen (logo's, productfoto's, handtekeningen, iconen) heb je met een automatische achtergrondverwijderaar binnen enkele seconden je resultaat, zonder handwerk. Achtergrond Verwijderen van ImageTools gebruikt kunstmatige intelligentie om het onderwerp te herkennen en alles eromheen weg te halen, en levert meteen een PNG met alfakanaal.
- Ga naar Achtergrond Verwijderen.
- Upload je afbeelding (JPG, PNG of WebP). De AI gaat vanzelf aan de slag.
- Bekijk het resultaat in de voorvertoning: het schaakbordpatroon markeert de transparante delen.
- Download als PNG met transparante achtergrond. Klaar voor gebruik, waar dan ook.
Alles gebeurt lokaal: je afbeelding gaat niet naar een externe server, de verwerking vindt volledig in je browser plaats.
Maak nu een transparante PNG, in enkele seconden
Zonder account en zonder watermerk. Werkt met logo's, productfoto's, handtekeningen en elk ander beeld.
Gratis achtergrond verwijderenMethode 2: een afbeelding omzetten naar PNG met alfakanaal
Heb je al een PNG met transparante achtergrond (bijvoorbeeld een logo dat netjes uit een ontwerpprogramma is geëxporteerd) maar moet er iets uit een ander formaat bij, dan zet Converteren van ImageTools JPG, WebP en andere formaten om naar PNG, met behoud of toevoeging van het alfakanaal.
Let wel op: een JPG omzetten naar PNG tovert geen transparantie tevoorschijn die er niet was, want die informatie zit niet in het bestand. De omzetting verandert alleen het formaat naar PNG, dat transparantie ondersteunt; was de achtergrond wit, dan blijft die wit. Echte transparantie krijg je via methode 1 (achtergrond verwijderen) of methode 3 (handmatig bewerken).
Zet om naar PNG, mét transparantie
Gratis omzetten tussen JPG, PNG en WebP, gewoon in je browser.
Gratis afbeelding converterenMethode 3: handmatig bewerken in Photoshop of GIMP
Bij lastigere gevallen, zoals een onrustige achtergrond, kleurverlopen of situaties waarin je zelf tot op de pixel wilt bepalen wat blijft en wat weggaat, is handmatig bewerken de aangewezen route.
In Photoshop
- Open de afbeelding in Photoshop.
- Staat de achtergrondlaag op slot (het hangslotje bij de laag), dubbelklik dan op de laag en bevestig om hem te ontgrendelen.
- Bij een egale achtergrond: ga naar Selecteren → Kleurbereik, klik op de achtergrond, stel de tolerantie bij en verwijder de selectie.
- Voor nauwkeurig werk: selecteer het onderwerp met de Magnetische lasso of Snelle selectie, keer de selectie om (Shift+Ctrl+I) en verwijder de rest.
- Ga naar Bestand → Exporteren → Exporteren als, kies PNG en zorg dat de optie voor transparantie aangevinkt staat.
In GIMP (gratis)
- Open de afbeelding in GIMP.
- Ga naar Afbeelding → Afbeelding pletten en daarna naar Afbeelding → Modus → RGB.
- Voeg het alfakanaal toe via Laag → Transparantie → Alfakanaal toevoegen (dus niet via Afbeelding pletten).
- Selecteer de achtergrond met Gereedschap → Selectiegereedschap → Op kleur.
- Verwijder de selectie met de Delete-toets. De achtergrond wordt transparant en toont het schaakbordpatroon.
- Exporteer via Bestand → Exporteren als, kies PNG en bevestig de opties.
Zo controleer je of je PNG echt transparant is
Niet elke PNG heeft een transparante achtergrond: je kunt een PNG prima met een dichte witte achtergrond opslaan. Kijk daarom naar de achtergrond zelf. Zie je het grijs-witte schaakbordpatroon, dan is er transparantie. Zie je egaal wit, dan is de achtergrond dicht.
Andere manieren om het te controleren:
- Windows 11: open het bestand in de standaard Foto's-app. Schaakbord betekent transparant.
- Mac (Voorvertoning): open het bestand. Zie je het schaakbord, dan is het transparant.
- Browser: open de PNG rechtstreeks in Chrome of Firefox. Schaakbord is transparant, egaal wit is dicht.
- Canva of Google Presentaties: plaats de PNG op een dia met een gekleurde achtergrond. Verdwijnt de achtergrond van de afbeelding en blijft alleen het onderwerp over, dan zit het goed.
🔍 Snelle test: leg de PNG op een zwarte achtergrond in Canva of PowerPoint. Verschijnt er een witte rechthoek omheen, dan is de achtergrond niet transparant. Zweeft de afbeelding zonder randen op het zwart, dan klopt het.
Een transparante PNG gebruiken, waar dan ook
Op websites (HTML/CSS)
Een transparante PNG werkt gewoon als <img>-tag. De transparante achtergrond neemt automatisch de achtergrond van de pagina of het bovenliggende element over:
<!-- Het logo past zich aan elke achtergrond op de site aan -->
<img src="logo.png" alt="Logo van het bedrijf" width="200" height="80">In Word en Google Documenten
Voeg de afbeelding gewoon in. Word en Documenten herkennen de transparantie vanzelf, dus het logo komt over de tekst of over de achtergrond van het document te staan zonder witte rechthoek.
In PowerPoint en Google Presentaties
Voeg de afbeelding toe via Invoegen → Afbeelding. De transparantie blijft behouden: de PNG zweeft over de dia, en de kleur en vormgeving eronder blijven zichtbaar door de doorzichtige delen heen.
In WhatsApp (sticker)
Een WhatsApp-sticker moet een PNG met transparante achtergrond zijn van 512×512 px. Maak de afbeelding, haal de achtergrond weg met Achtergrond Verwijderen, schaal hem naar 512×512 px met Verkleinen en importeer het bestand in een stickerapp zoals WhatsApp Stickers Creator.
In video (CapCut, Premiere, DaVinci)
Videobewerkers lezen het alfakanaal van een PNG en laten door de transparante delen heen de onderliggende lagen zien. Ideaal om een logo als watermerk over je video te leggen zonder dichte achtergrond.
Gedeeltelijke transparantie
Het alfakanaal van PNG kent niet alleen volledig transparant (alfa = 0) en volledig dekkend (alfa = 255), maar alle 256 tussenliggende niveaus. Dat maakt effecten mogelijk als:
- Zachte schaduwen: de schaduw van een object kan half doorzichtig zijn en verder van het object steeds doorzichtiger worden, wat een natuurlijk verloop geeft.
- Randen met anti-aliasing: de rand van een rond icoon of van tekst met ronde letters bestaat uit half doorzichtige pixels, waardoor het er op elke achtergrond glad uitziet.
- Glas- en waaseffecten: interface-elementen met gedeeltelijke doorzichtigheid, zoals je die in moderne macOS- en Windows-schermen ziet.
Die halve doorzichtigheid blijft bewaard zolang je het bestand netjes als PNG met alfakanaal opslaat. Precies daarom ogen logo's met ronde randen als PNG op elke achtergrond scherp, terwijl ze als JPG rafelige randen of witte halo's laten zien.
Veelgemaakte fouten met transparante PNG's
Na het vrijstaand maken toch als JPG opslaan
Dit gebeurt het vaakst. Haal je de achtergrond weg en sla je het resultaat daarna op als JPG, dan is de transparantie verdwenen: JPG vult alle doorzichtige delen met wit. Bewaar het eindbestand dus altijd als PNG (of WebP) om het alfakanaal te behouden.
Zo comprimeren dat het alfakanaal sneuvelt
Sommige compressietools zetten een PNG stiekem om naar JPG om nog meer gewicht te besparen. Controleer daarom altijd het resultaat: is het bestand een JPG geworden, dan is de transparantie weg.
Een witte achtergrond aanzien voor transparantie
Op een witte pagina zien een PNG met witte achtergrond en een transparante PNG er precies hetzelfde uit. Het verschil komt pas boven water zodra je de afbeelding op een andere achtergrond zet. Controleer dus altijd even op een gekleurd vlak voordat je hem gebruikt.
Een transparante PNG aanleveren waar transparantie niet werkt
Niet elke bestemming accepteert of behoudt transparantie. Oudere e-mailprogramma's, sommige printers en bepaalde uploadvelden op verouderde platforms vullen de doorzichtige delen met zwart of wit. Exporteer daar dus een aparte versie met een dichte achtergrond die bij de bestemming past.