Afbeeldingsfilters
Klik of sleep om te uploaden
JPG / PNG / WEBP / GIF
Upload afbeelding om hier voorbeeld te bekijken
Pas online 8 professionele filters toe op je foto's: zwart-wit, sépia, inverteren, vervagen, helderheid, contrast, verzadiging en tintrotatie, allemaal met intensiteit 0-200% en realtime voorvertoning. Wat je ziet is wat je exporteert.
Gerelateerde aanbevelingen
Wat zijn afbeeldingsfilters?
Afbeeldingsfilters zijn een groep technieken die pixelwaarden via wiskundige transformaties naar nieuwe pixelwaarden mappen. Op het web en mobiel is de meest voorkomende standaard de CSS filter-eigenschap (blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert). Deze tool is gebouwd op dezelfde set API's in de Canvas, zodat filters met één klik kunnen worden gestapeld.
**Verschil met fotobewerkingssoftware:** Professionele beeldbewerkers (Photoshop, Lightroom) ondersteunen lokale penselen, lagen en maskers. Deze tool pakt de kleurcorrectie over de hele afbeelding aan en past filters in batch toe. Hij is lichter, sneller en beter geschikt wanneer je geen fijne lokale bewerkingen nodig hebt.
**Zwart-wit vs sépia:** Zwart-wit vereenvoudigt RGB met waargenomen luminantie (ITU-R BT.601 weging) en verwijdert alle kleur. Sépia voegt een bruine tint toe over de grijswaardebasis, wat een sterker nostalgisch gevoel geeft.
**Waarom vervormt het stapelen van zoveel effecten niet?** Filters zijn wiskundige bewerkingen per pixel en veranderen de pixelstructuur nooit. Elke combinatie binnen 0-200% houdt de afbeelding intact, ook al kan het resultaat dramatisch zijn. Test in kleine stappen.
Toepassingsgevallen
- Corrigeer snel onderbelichte of vlak gekleurde foto's met helderheid, contrast en verzadiging
- Voeg vintage, zwart-wit of geïnverteerde stijlen toe aan persoonlijke socialmedia-afbeeldingen
- Maak e-commerce hoofdafbeeldingen en detailpagina's uniform van kleur of snel mooier
- Pas verzadiging en tint aan voor pasfoto's, avatars of achtergrondkleuren van portretten
- Pas inverteren toe op ontwerpschetsen of UI-screenshots voor visuele tests
- Gebruik de vervaagfilter om privéggegevens (telefoonnummers, adressen) in screenshots te maskeren
Hoe te gebruiken
- Upload de afbeelding waaraan je een filter wilt toevoegen (JPG, PNG, WEBP of GIF)
- Kies uit 8 basisfilters in de miniaturenraster: zwart-wit, sépia, inverteren, vervagen, helderheid, contrast, verzadiging, tintrotatie
- Schuif de intensiteitsregelaar voor fijne afstemming (0% uit, 100% standaard, 200% maximum) en bekijk de live voorvertoning
- Stapel extra effecten door andere filters te kiezen en de intensiteit aan te passen om de ideale tint samen te stellen
- Klik op downloaden om te exporteren als PNG; de bestandsnaam krijgt automatisch het achtervoegsel _filtered
Functies
- 8 ingebouwde effecten: zwart-wit, sépia, inverteren, vervagen, helderheid, contrast, verzadiging, tintrotatie
- Intensiteit 0-200%: elke filter heeft een eigen schuifregelaar, 100% is standaard, 200% is het maximum
- Realtime voorvertoning: schakelen en aanpassen werkt direct, geen herhaaldelijk exporteren nodig
- Alle gangbare formaten: ondersteunt JPG, PNG, WEBP, GIF en andere populaire afbeeldingstypes
- Eén-klik reset: wist alle filters en herstelt het origineel om meerdere stijlen te vergelijken
- Lokale verwerking: alle filters draaien in de Canvas van de browser, bestanden verlaten je apparaat niet
Best Practices
Volgorde: eerst belichting, dan kleur, daarna stijl
Aanbevolen workflow: pas eerst helderheid en contrast aan om de belichting te corrigeren, dan verzadiging om de kleur te repareren, en voeg ten slotte stijlvolle filters toe zoals zwart-wit, sépia of tintrotatie. Dit volgt de logica van Photoshop en voorkomt dat sterke stijlfilters belichtingsproblemen aan het begin verbergen.
Begin de intensiteitsschuif op 50%, spring niet direct naar 200%
De meeste filters werken het best tussen 50-150%. Direct naar 200% springen veroorzaakt vaak verzadigingsclipping, tintvervorming of overmatige vervaging. Begin op 100% om te beoordelen en pas daarna in stappen van ±20% aan.
Houd verzadiging tussen 100-150% om kleurclipping te vermijden
Verzadiging boven 150% zorgt ervoor dat rood en geel buiten hun grenzen lekken en details verliezen. Boven 200% kunnen er onomkeerbare kleurblokken ontstaan. Het bereik van 0-200% is ontworpen voor creatieve effecten; voor dagelijkse correctie is 80-130% ideaal.
Zwart-wit plus gematigd contrast = klassieke documentaire stijl
Puur zwart-wit kan vlak ogen. Probeer zwart-wit 100% plus contrast 110-130% plus een kleine helderheidsaanpassing (afhankelijk van de oorspronkelijke belichting). Deze combinatie bootst de documentairestijl van het filmtijdperk na en was het populairste zwart-wit recept in de begintijd van Instagram.
Sépia past bij oude foto's en nostalgische thema's, niet bij moderne productafbeeldingen
De bruine tint van sépia verandert het kleurenpalet aanzienlijk en past goed bij nostalgie, documentaire werk en videominiaturen. Voor e-commerce hoofdafbeeldingen, UI-screenshots of techproductfoto's maakt sépia het product gedateerd en onprofessioneel, wat de realiteit van de koopwaar verstoort.
Vervagingsintensiteit boven 30 levert al duidelijke bokeh
De vervagingsschuif van 0-200% komt overeen met een vervagingsstraal van 0-20px. Intensiteit 30 (3px) geeft een subtiele zachtheid. Intensiteit 50 (5px) is geschikt voor nagebootste achtergrondvervaging. Intensiteit 100 (10px) of meer is geschikt voor het maskeren van privéggegevens of het isoleren van een portretonderwerp.
Tintrotatie 0/360/720 keren terug naar de oorspronkelijke kleur
Tint is een cyclische kleurruimte. De intensiteit 0-200 komt overeen met 0°-360° rotatie. Intensiteit 100 staat gelijk aan 180° (complementaire kleur), 200 keert terug naar het origineel. Voor creatieve correcties blijf je in het bereik 10-30; boven 50 verandert de natuurlijke kleur van objecten drastisch.
Na de kleurcorrectie een beeldcompressor draaien om de bestandsgrootte te beperken
Deze tool exporteert verliesvrij PNG, dat groot kan zijn. Voor webpagina's, e-mailbijlagen of uploads op sociale media volg je met een beeldcompressor — meestal kun je 50-80% besparen zonder zichtbaar kwaliteitsverlies door PNG naar JPG te converteren.
Veelgestelde vragen
Welke afbeeldingsfilters zijn beschikbaar? Kan ik zwart-wit en vintage maken?
Acht professionele filters ingebouwd: zwart-wit, sépia, inverteren, vervagen, helderheid, contrast, verzadiging en tintrotatie. Eén klik om vintage, artistieke zwart-witfoto's of dromerige vervaagde effecten te maken. Alle filters ondersteunen 0-200% intensiteit; 1% toont al subtiele veranderingen, 100% is standaard, 200% is het maximum.
Kan ik het filtereffect sterker of zwakker maken?
Ja. Elke filter heeft een onafhankelijke intensiteitschuif. 0% is uit, 100% is standaard, 200% is het maximum. Bijvoorbeeld: verzadiging op 50% geeft alleen een lichte kleurversterking, 150% levert direct een filmisch gevoel. Tintrotatie op 50 staat gelijk aan 90° draaien, 200 keert terug naar de oorspronkelijke kleur.
Mijn foto is te donker of de kleuren zijn vlak. Kan deze tool dat repareren?
Ja, hij is er perfect voor. De helderheidsschuif redt onderbelichte bewolkte foto's. Contrast voegt diepte toe aan vlakke beelden. Verzadiging herstelt verkleurde oude foto's. Gecombineerd met tintrotatie kun je schakelen tussen warme en koele tonen, sfeervolle avondblauwtinten of neon cyberstijlen creëren.
Kan ik meerdere filters stapelen?
Ja. Je kunt meerdere filters op dezelfde afbeelding toepassen, bijvoorbeeld 'lichte sépia plus helderheid plus hoog contrast plus hoge verzadiging' om snel een consistente merktint te vinden. Omdat filters wiskundige bewerkingen per pixel zijn, beschadigt stapelen de beeldstructuur niet, maar het resultaat kan extra dramatisch zijn. Pas in kleine stappen aan.
Welke afbeeldingsformaten worden ondersteund? Hoe sla ik het resultaat op?
Volledige compatibiliteit met JPG, PNG, WEBP en GIF. Tijdens de verwerking zie je realtime een voorvertoning. Als je tevreden bent, klik je op downloaden om te exporteren als PNG (verliesvrij, groter bestand). Voor een kleinere JPG gebruik je deze tool om de kleur aan te passen en daarna een beeldcompressor om het te verkleinen.
Is online afbeeldingsfilters gebruiken veilig? Lekken mijn foto's?
Volledig veilig. Alle beeldverwerking gebeurt lokaal in je browser via de Canvas filter API. Er wordt geen bestand naar een server gestuurd, er hoeft niets geïnstalleerd te worden. Zelfs privéfoto's, scans van contracten en identiteitsdocumenten kunnen veilig worden verwerkt. De browser sluiten geeft het geheugen direct vrij.
Beïnvloedt kleurcorrectie de bestandsgrootte?
Een beetje. Lichter maken, contrast verhogen of verzadiging opvoeren kan het bestand iets groter maken. Donkerder maken, zwart-wit of sépia verwijdert hoge-frequentie details, wat de bestandsgrootte iets kan verkleinen. Wil je nog verder verkleinen, voer dan een beeldcompressor uit na de kleurcorrectie. Eerst corrigeren, daarna comprimeren is de standaard workflow.
Wat is het verschil tussen zwart-wit en sépia?
Zwart-wit vereenvoudigt RGB tot luminantie (ITU-R BT.601 weging: Y = 0.299R + 0.587G + 0.114B) en haalt alle kleur weg. Sépia voegt over de grijswaarden een bruine tint (Tint) toe die de chemische kleuring van foto's uit de 19e eeuw simuleert, wat een sterker nostalgisch gevoel geeft.
Woordenlijst
- CSS filter
- CSS-eigenschap met door de browser native ondersteunde afbeeldingsfilters: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia. Deze tool implementeert dezelfde set via de Canvas filter API.MDN - CSS filter
- Sépia tint
- Klassieke vintage uitstraling die de chemische kleuring van foto's uit de 19e eeuw nabootst. RGB-matrix: R = 0,393R + 0,769G + 0,189B; G = 0,349R + 0,686G + 0,168B; B = 0,272R + 0,534G + 0,131B.
- Tintrotatie (Hue Rotate)
- Cyclische rotatie van het H-kanaal (tint) in de HSL-kleurruimte. Een rotatie van 360° keert terug naar de oorspronkelijke kleur. De intensiteit 0-200% van deze tool komt overeen met 0°-360° rotatie.
- BT.601 weging
- Luminantieformule uit de ITU-R BT.601-standaard: Y = 0,299R + 0,587G + 0,114B. Zwart-witfilters en televisiesignalen gebruiken deze weging omdat deze de grotere gevoeligheid van het menselijk oog voor groen beter weerspiegelt dan een eenvoudig gemiddelde.
- Belichting
- De totale hoeveelheid licht die door een foto wordt opgevangen. Onderbelicht = te donker; overbelicht = te licht. Helderheidsfilters kunnen dit compenseren, maar kunnen de verloren hooglichtdetails niet herstellen.
- Verzadiging
- De intensiteit van de kleur. 0% = volledig grijswaarde; 100% = oorspronkelijke kleur; >100% = versterkt. Te hoge verzadiging veroorzaakt kleurclipping en detailverlies.
8 ingebouwde filters in één oogopslag
| Filter | Algoritme / implementatie | Typisch scenario |
|---|---|---|
| Zwart-wit (Grayscale) | R=G=B=0,299R+0,587G+0,114B | Documentaire, kunst, vintage thema |
| Sépia | Klassieke Sepia Tone matrix | Nostalgie, oud-foto-effect, videominiaat |
| Inverteren (Invert) | 255 min origineel per RGB-kanaal | Röntgenfoto, artistiek poster, donkere UI |
| Vervagen (Blur) | Canvas filter: blur(radius) | Achtergrondbokeh, focus, privacymasker |
| Helderheid (Brightness) | Offset opgeteld bij RGB | Onder-/overbelichting, opklaren bij bewolking |
| Contrast | (RGB-128) × factor + 128 | Diepte in vlakke foto, HDR-stijl |
| Verzadiging (Saturate) | S-kanaal schalen in HSL | Levendig maken, verkleurd herstellen, merkkleur |
| Tintrotatie (Hue Rotate) | H-kanaal draaien in HSL | Creatieve verschuiving, kleurwissel, visuele test |
Intensiteitschuif 0-200% effectenreferentie
| Intensiteit | Visueel effect | Aanbevolen gebruik |
|---|---|---|
0% | Volledig uit, equivalent aan origineel | Reset, A/B test |
1-30% | Zeer subtiel, bijna onzichtbaar | Fijne afstemming, vergt oplettendheid |
30-70% | Licht effect | Dagelijkse fotokleuraanpassing |
100% | Standaardintensiteit | Standaard voor de meeste scenario's |
130-170% | Versterkt effect | Stilistisch werk, consistente merkkleur |
200% | Maximaal effect | Artistieke, abstracte verwerking |
Authoritative References
- ReferenceCSS filter - MDN
- ReferenceWikipedia - Sepia (kleur)
- ReferenceWikipedia - Kleurenfotografie
- Afbeeldingen comprimeren
- Afbeeldingen converteren
- PNG naar JPG
- HEIC naar JPG
- WebP naar JPG
- JPG naar PNG
- JPG naar WebP
- PNG naar WebP
- WebP naar PNG
- HEIC naar PNG
- HEIC naar WebP
- AVIF naar JPG
- Afbeeldingen bijsnijden
- AVIF naar PNG
- AVIF naar WebP
- GIF naar JPG
- GIF naar PNG
- GIF naar WebP
- SVG naar JPG
- SVG naar PNG
- SVG naar WebP
- TIFF naar JPG
- Afbeeldingsfilters
- TIFF naar PNG
- TIFF naar WebP
- ICO generator
- Afbeelding editor
- QR-code-scanner
- Afbeelding formaat wijzigen
- Afbeelding Roteren en Spiegelen
- Afbeelding Hoeken Afronden
- CSS Sprite Generator
- SVG Viewer
- Afbeelding naar ASCII-kunst
- Afbeelding Opschalen
- Watermerk op afbeeldingen