Waarom een transparante PNG zwart of wit wordt, en hoe je dat voorkomt

Een transparante PNG wordt zwart of wit wanneer een programma hem opslaat als JPG, of wanneer een app hem opnieuw codeert, omdat JPG geen alfakanaal heeft om transparantie op te slaan. Het programma moet dan een kleur achter de transparante pixels zetten. Het kiest wit, of het behoudt de kleurwaarden die de pixels al hebben, en die zijn vaak zwart. Bewaar het bestand als PNG of WebP als het transparant moet blijven, of kies zelf de achtergrond voordat je het als JPG opslaat.

Achtergrond verwijderenAchtergrond moet wegGratis doen

Wat transparantie in een PNG is

Een PNG kan naast de rode, groene en blauwe waarden van elke pixel ook een alfakanaal opslaan. Alfa geeft aan hoe dekkend een pixel is. Een volledig transparante pixel laat zien wat er achter de afbeelding ligt, zoals een paginakleur of een documentachtergrond. De viewer doet het mengen, dus hetzelfde bestand ziet er goed uit op een witte pagina en op een donkere.

JPG heeft geen alfakanaal. Elke pixel is een effen kleur, dus een transparant gebied moet als een kleur worden geschreven, en het formaat biedt de converter geen manier om doorzichtigheid te bewaren.

Waarom het zwart of wit wordt

Wanneer een converter het alfakanaal weggooit, moet hij bepalen wat elke voorheen transparante pixel wordt. Er komen twee resultaten vaak voor:

• Opgeslagen kleur. Een transparante pixel heeft nog steeds rode, groene en blauwe waarden, en bij veel uitgeknipte afbeeldingen zijn die waarden zwart. Een converter die alfa simpelweg weggooit, houdt die waarden, dus de achtergrond lijkt zwart.
• Een vulkleur. Andere converters vullen eerst een achtergrond, meestal wit, en tekenen de afbeelding daarboven. De tool Afbeelding converteren werkt zo: opslaan als JPG vult transparante delen met wit, en de tool zegt dat naast de bedieningselementen.

Apps voegen een derde route toe. Uploadformulieren, chatapps en e-mailclients coderen foto's vaak opnieuw voordat ze die tonen, en sommige zetten ze onderweg om naar JPG. Het resultaat hangt van de app af, dus dezelfde PNG kan op de ene plek goed lijken en op de andere zwart.

Transparantie behouden of de achtergrond kiezen

Bepaal welke van de twee uitkomsten je nodig hebt:

Je hebt nodig	Opslaan als	Resultaat
Een uitgeknipte afbeelding voor een website of ontwerp	PNG of WebP	Transparantie blijft behouden
Dezelfde uitknipping op een effen achtergrond	JPG	Een achtergrondkleur die jij kiest

Om transparantie te behouden, open je de tool Afbeelding converteren en kies je PNG, of WebP waar je browser dat kan opslaan. Beide bewaren transparante gebieden. De tool Afbeelding comprimeren behoudt transparantie ook: hij slaat een transparante afbeelding op als WebP, of als PNG in browsers die geen WebP kunnen schrijven, zoals Safari.

Als je eerst de transparantie zelf moet maken, gebruik je de tool Achtergrond verwijderen. Die draait een AI-model in je browser, en de keuze bij het downloaden bepaalt het formaat:

1. Houd de achtergrond transparant, en de tool slaat een PNG op.
2. Kies wit, een kleur of vervagen, en de tool slaat een JPG op met die achtergrond.

Als een formulier een JPG vraagt, kies dan de achtergrond bij de stap van het uitknippen. Laat dat niet aan de converter over, want die kiest misschien zwart.

Controleer of de transparantie behouden is

Open het geconverteerde bestand op twee achtergronden voordat je het vertrouwt. Zet het op een effen witte webpagina en op een donkere, of plaats het op een gekleurde dia of document. Als de afbeelding op beide dezelfde achtergrond toont, heeft het bestand geen transparantie en is de kleur ingebakken. Als de omringende kleur verandert, is de transparantie behouden.

Editors tonen transparantie weer op een andere manier. Veel beeldbewerkingsprogramma's tekenen achter transparante delen een grijs-wit ruitpatroon, terwijl eenvoudige viewers zwart of wit kunnen tonen. Het ruitpatroon is de manier van de editor om aan te geven dat er niets is, geen patroon in de afbeelding. Controleer het bestand in het programma waarin het gebruikt wordt, en beschouw elke andere voorvertoning als een grove indicatie.

Kies de vulling bewust

Als het resultaat een JPG moet zijn, bepaal je de achtergrond voordat de converter dat doet. Wit past bij een pagina of document dat wit is. Een effen kleur past bij een merkblok of een gekleurde pagina, en die moet aansluiten bij de pagina achter de afbeelding, zodat de zachte randen erin opgaan. De vervagingsoptie van de tool Achtergrond verwijderen vult de achtergrond met een zachte, vervaagde kopie van dezelfde foto. Dat kan voor een fotografie natuurlijker lijken dan een effen vulling. Kies de optie die past bij de plek waar de afbeelding komt te staan, en controleer het daar.

Zo doe je het met fixmint

1. Bewaar de originele transparante PNG en sla hem niet op als JPG, want JPG verwijdert de transparantie.
2. Voor een website of ontwerp converteer je hem naar PNG of WebP, zodat de transparante delen leeg blijven.
3. Heb je een JPG nodig, zet dan zelf de achtergrond erachter. De tool Achtergrond verwijderen kan een Wit, Kleur of Vervagen achtergrond achter een onderwerp plaatsen, en slaat dan een JPG op.
4. Open het bestand op twee achtergronden voordat je het gebruikt. Als de omringende kleur verandert, is de transparantie behouden. Comprimeer het als laatste stap, als een formulier een maximale grootte stelt.

Uitzonderingen

• Zachte randen. Haar, schaduwen en glas hebben gedeeltelijk transparante pixels die nog steeds de kleur van de oude achtergrond dragen. Op een nieuwe achtergrond kan dan een lichte of donkere rand ontstaan. Gebruik een uitknipping met schone randen, of kies een achtergrondkleur die dicht bij het origineel ligt.
• JPG kan transparantie niet bewaren. Als een formulier alleen JPG accepteert, moet de transparantie door een kleur vervangen worden. Geen enkele JPG-instelling verandert dat.
• Controleer op de plek van gebruik. Bekijk het bestand waar het gebruikt wordt, zoals het formulier, de pagina of de app. Een voorvertoning kan een andere achtergrond gebruiken dan de echte.
• Een formaat kiezen. Voor grafische elementen op het web is PNG de gebruikelijke keuze. JPG, PNG en WebP vergelijkt ze uitgebreider. Als een WebP-bestand niet in een app opent, lees dan waarom een WebP-afbeelding niet opent.