Fotofilters

Zo pas je filters toe op een foto

1. Sleep een foto naar het uploadvlak, of klik erop om er een te kiezen. JPG, PNG, WebP, GIF, BMP en AVIF werken; HEIC werkt in Safari.
2. Begin met een voorinstelling: Levendig, Zwart-wit, Vintage, Warm, Koel, Vervaagd of Dramatisch. Origineel zet alle instellingen terug op neutraal.
3. Verfijn het resultaat met de schuifregelaars onder Aanpassingen: Helderheid, Contrast, Verzadiging, Tintverschuiving, Grijswaarden, Sepia, Vervagen, Verscherpen en Vignet. Verschuif je een regelaar nadat je een voorinstelling hebt gekozen, dan blijft die voorinstelling het vertrekpunt.
4. Sleep de Scheidingslijn voor/na: links van de lijn zie je de originele foto, rechts het gefilterde resultaat.
5. Kies het Uitvoerformaat en, voor JPG of WebP, de Kwaliteit, en klik op Bewerkte foto downloaden. Instellingen herstellen brengt je terug naar de oorspronkelijke look.

Het voorbeeld wordt berekend op een verkleinde kopie, zodat de regelaars soepel blijven reageren. De download wordt opnieuw berekend op de foto in volle resolutie en behoudt dus elke pixel van het origineel.

Wat elke aanpassing doet

• Helderheid vermenigvuldigt elk kleurkanaal: 120% maakt de foto 20% lichter, 80% donkerder. Lichte delen die zuiver wit bereiken, worden afgekapt.
• Contrast duwt tinten weg van middengrijs (boven 100%) of trekt ze ernaartoe (onder 100%). Bij 0% krijg je een egaal grijze afbeelding.
• Verzadiging regelt de kleurintensiteit. 0% haalt alle kleur weg; 150% geeft felle, posterachtige kleuren.
• Tintverschuiving draait elke kleur rond de kleurencirkel, in graden. Kleine verschuivingen (±10°) maken een foto warmer of koeler; 180° keert de tinten om terwijl de helderheid gelijk blijft.
• Grijswaarden mengt naar een zwart-witversie die is gewogen naar hoe mensen helderheid waarnemen (ongeveer 21% rood, 72% groen, 7% blauw), dezelfde gewichten als het CSS-filter grayscale().
• Sepia mengt naar de warme bruine tint van oude afdrukken.
• Vervagen is een gaussiaanse vervaging waarvan de straal relatief is aan het formaat van de foto, zodat het voorbeeld en de export op volle grootte er hetzelfde uitzien.
• Verscherpen past een convolutiekernel van 3 × 3 (een “unsharp”-laplaciaan) toe op de pixels om randen te accentueren. Browsers hebben geen verscherpingsfilter, dus dit wordt in JavaScript berekend.
• Vignet maakt de hoeken geleidelijk donkerder en laat het midden onaangeroerd, zodat het oog naar het onderwerp wordt getrokken.

Browserondersteuning en privacy

Ondersteunt de browser canvasfilters, dan draaien de kleuraanpassingen op de grafische kaart. In Safari-versies zonder canvasfilters past deze tool dezelfde kleurmatrices toe in JavaScript, zodat het resultaat overal hetzelfde is. Foto’s worden volledig in je browser verwerkt: er wordt niets geüpload, en het gedownloade bestand is opnieuw gecodeerd, zonder de oorspronkelijke EXIF-metadata (camera, gps). Staat je foto in andere apps verkeerd om, dan komt dat doordat het origineel op een oriëntatietag vertrouwde: deze tool past die al toe op de pixels.

Tips

• Voor een klassieke zwart-witfoto kies je Zwart-wit, verhoog je het Contrast een beetje en voeg je wat Vignet toe.
• Verscherp na het verkleinen, niet ervoor: een kleine hoeveelheid (15 tot 30%) is meestal genoeg. Te veel geeft halo’s rond randen.
• Gebruik PNG voor illustraties en screenshots, en JPG op 85–92% voor foto’s.