

Een logo transparant maken
Een JPG kan niet transparant zijn: het bestandstype heeft geen alfakanaal, dus een JPG-logo zit altijd in een wit vlak. Verwijder de achtergrond en sla op als PNG of WebP, die een transparante achtergrond behouden. Bestaat er een vectorbestand (SVG, PDF, AI, EPS), gebruik dat dan voor web en drukwerk, want het blijft op elk formaat scherp. Controleer de uitsnede daarna op een donkere achtergrond voordat je hem gebruikt.
Ontwikkelaars: één API-aanroepof sleep een bestand, plak een afbeelding Ctrl/⌘+V of
Verwerkt op onze servers. Previews worden direct daarna verwijderd.
Geen afbeelding?
Probeer er een van deze:
Logo's: in het kort
| Bestandstypen met transparantie | PNG en WebP (lossy of lossless). JPG heeft geen alfakanaal. |
|---|---|
| Het best voor logo's en iconen op het web | SVG als je het hebt; het schaalt naar elk formaat zonder onscherpte |
| Favicon voor Google Zoeken | Vierkant (1:1), minimaal 8 x 8 px; Google raadt groter dan 48 x 48 px aan |
| Iconen voor web-apps | Minimaal één icoon van 192 x 192 px en één van 512 x 512 px (Chromium) |
| Logo LinkedIn-pagina | 400 x 400 px aanbevolen, minimaal 268 x 268 px, PNG of JPEG, maximaal 3 MB |
| Logo Etsy-winkel | 500 x 500 px aanbevolen |
Logo's: stap voor stap
- Begin met de grootste versie die je kunt vindenHet logo in een e-mailhandtekening is vaak minder dan 200 px breed. Zoek het origineel in een merkmap, een perskit, een PDF of de afbeeldingsbestanden van de site zelf. Een uitsnede kan geen details toevoegen die er niet zijn: een bron van 2000 px geeft strakke randen, een bron van 150 px zachte, gekartelde randen.
- Verwijder de achtergrond en controleer de gatenVerwijder de achtergrond en zoom in op letters met gesloten vormen zoals O, A, B, e en g, en op ruimtes tussen beeldmerk en woordmerk. Die binnenvlakken moeten ook transparant zijn, anders schijnt de kleur van de dia of header er niet doorheen. Zet de preview op een donkere achtergrond om achtergebleven wit te zien.
- Exporteer voor de plek waar hij komtDownload een transparante PNG voor dia's, documenten en merchandise-mock-ups, of WebP voor een website, waar het kleiner is. Maak vierkante versies voor favicons en sociale profielen, met ruimte rond het beeldmerk zodat een ronde uitsnede het niet afsnijdt.
Logo's: tips en veelgemaakte fouten
- Witte rand op donkere achtergrondenRandpixels van een logo dat op wit is opgeslagen, zijn met wit gemengd en tonen na het uitsnijden een lichte rand op marineblauw of zwart. Los het op door uit te snijden uit een grotere bron, of maak een aparte lichte versie van het logo (wit of omgekeerde kleuren) voor donkere achtergronden. Veel merken leveren beide.
- Gebruik SVG als je het hebtVoor een headerlogo op een website raadt MDN SVG aan als er een vectorversie is, en lossless bestandstypen voor rasterlogo's, omdat randjes rond scherpe contouren erg opvallen. Een transparante PNG is de reserve als je alleen een foto of JPG hebt.
- Favicons hebben het beeldmerk nodig, niet het woordmerkEen favicon wordt piepklein getoond in browsertabbladen en zoekresultaten. Snijd bij tot het symbool of de eerste letter, houd het vierkant (Google eist 1:1) en geef het een egale vorm met veel contrast, zodat het leesbaar is op lichte en donkere tabbladen.
- Dia's en documentenEen breedbeelddia in PowerPoint is 13,333 x 7,5 inch (16:9). Voeg het logo in als PNG, niet als JPG, zodat de kleur van de dia erdoorheen schijnt en je geen witte rechthoek op een gekleurd sjabloon krijgt.
- Merchandise en drukwerkEen drukker kan een rasterlogo maar zo scherp printen als de pixels toelaten. Stuur het vectorbestand als dat er is; gebruik de transparante PNG voor mock-ups, winkeladvertenties en snelle proeven.
- Logo's met tekst op sociale mediaFacebook merkt op dat profielfoto's en omslagfoto's met een logo of tekst er als PNG beter uit kunnen zien. Lossy JPG-compressie maakt scherpe randen wazig en rafelig, en dat zie je het meest bij tekst.
Logo's: vragen
Kan ik een JPG-logo transparant maken?
Niet als JPG. JPG heeft geen alfakanaal, dus elk transparant deel wordt bij het opslaan met een kleur gevuld. Verwijder de achtergrond en sla op als PNG of WebP.
Waarom heeft mijn transparante logo een witte rand op donkere achtergronden?
De randpixels zijn gemengd met de oorspronkelijke witte achtergrond. Snijd het opnieuw uit een groter bronbestand, of gebruik een lichte versie van het logo die voor donkere achtergronden is gemaakt.
Moet ik SVG of PNG gebruiken voor het logo op mijn website?
SVG als je het vectorbestand hebt: het schaalt naar elk scherm zonder onscherpte en is meestal klein. Gebruik een transparante PNG of WebP als je alleen een rasterafbeelding hebt.
Welk formaat moet een favicon hebben?
Google eist een vierkante favicon van minimaal 8 x 8 px en raadt groter dan 48 x 48 px aan. Voeg voor een installeerbare web-app iconen van 192 x 192 px en 512 x 512 px toe.
Welk logoformaat heeft een LinkedIn-bedrijfspagina nodig?
LinkedIn raadt 400 x 400 px aan, met een minimum van 268 x 268 px, als PNG of JPEG onder 3 MB.
Veranderen mijn huiskleuren als ik de achtergrond verwijder?
Nee. Alleen de achtergrondpixels worden transparant; de kleuren van het logo zelf blijven behouden. Ziet een kleur er anders uit, controleer dan of de export niet is samengevoegd tot een JPG op een andere kleur.
Probeer het met je eigen afbeelding
Nieuwe accounts krijgen 50 gratis credits. Eén credit per afbeelding, geen abonnement, en credits verlopen nooit.
Achtergrond verwijderenBronnen
- MDN: Image file type and format guide
- Google Search Central: Define a favicon to show in search results
- web.dev: Add a web app manifest
- LinkedIn Help: Image specifications for your LinkedIn Pages and Career Pages
- Etsy Help: Requirements and best practices for images in your Etsy shop
- Microsoft Support: Change the size of your PowerPoint slides
- Facebook Help: Facebook Page profile picture and cover photo dimensions
Bijgewerkt op 23 oktober 2026