Png met transparante achtergrond: wanneer en hoe

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.

Voor een diepere vergelijking van de twee meest gebruikte formaten zie PNG vs JPG, en voor logo’s op websites legt 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, 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.

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.

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. 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. 2

   Laat de achtergrond leeg

   Verberg of verwijder elke achtergrondlaag. De meeste programma’s tonen leegte als een grijs en wit dambord.

3. 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. 4

   Snijd de randen bij

   Snijd bij op het beeld met een beetje ademruimte, zodat wie het plaatst niet vecht met onzichtbare marges.

5. 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.

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 loopt elk formaat door, en voor logo’s op kleur zie logo op een verloopachtergrond.