Waarom een achtergrondkleur toevoegen aan een transparante afbeelding?

Een PNG of WebP met een transparante achtergrond, zoals een logo, een vrijstaand product of een sticker, heeft niets achter het onderwerp. Dat is handig op een webpagina, maar op veel plekken wordt transparantie niet weergegeven: sommige apps tonen die als zwart, JPG kan geen transparantie opslaan en webwinkels vragen vaak om een effen witte achtergrond. Door een achtergrondkleur toe te voegen, worden alle transparante pixels opgevuld met één effen kleur. Zo krijg je een gewone afbeelding die er overal hetzelfde uitziet.

Beschrijving van de tool

Open een transparante afbeelding en kies een kleur; standaard is dat wit. Het voorbeeld wordt direct bijgewerkt en in de voor-en-naweergave kun je het resultaat vergelijken met het transparante origineel. Download de afbeelding als PNG, JPG of WebP.

Zachte randen, schaduwen en andere deels transparante pixels worden met de nieuwe kleur gemengd zoals een browser ze eroverheen weergeeft, zodat de randen vloeiend blijven. Als de afbeelding die je opent geen transparante delen bevat, laat de tool dat weten, omdat er dan niets hoeft te worden opgevuld.

Functies

  • Elke achtergrondkleur, standaard wit
  • Vloeiende randen: deels transparante pixels worden met de kleur gemengd
  • Laat weten wanneer een afbeelding geen transparantie bevat om op te vullen
  • Downloaden als PNG, JPG of WebP

Tips

  • Amazon vereist een zuiver witte achtergrond voor de hoofdfoto van een product; standaard is dat #ffffff.
  • Plak de hexcode in het kleurveld om de kleur af te stemmen op een merk of op de pagina waarop de afbeelding komt.
  • Het resultaat bevat geen transparantie meer, dus JPG is geschikt en levert voor foto’s vaak een kleiner bestand op dan PNG.