Een telefoonfoto van een whiteboard komt grijs uit en de lijnen van de stift vervagen in de muur. Verhoog het contrast, verlaag de verzadiging en de lijnen komen terug. Deze afbeeldingsfilters doen zulke kleine reparaties in de browser: zes schuifregelaars, drie transformatieknoppen en een PNG-bestand aan het eind.
Zes schuifregelaars met vaste bereiken
Helderheid, contrast en verzadiging lopen van 0% tot 200% en beginnen op 100%. Grijstinten en sepia lopen van 0% tot 100%. Vervaging loopt van 0 tot 20 px. Het voorbeeld verandert terwijl je sleept.
Een foto bewerken in vijf stappen
- Sleep een afbeelding naar het uploadgebied, of klik op het gebied om een bestand te kiezen.
- Verschuif de regelaars tot het voorbeeld er goed uitziet.
- Druk op 90° draaien om het plaatje met de klok mee te draaien. Gebruik Horizontaal spiegelen of Verticaal spiegelen om het te spiegelen.
- Druk op Resetten om opnieuw te beginnen. Dat maakt ook de draaiing en spiegelingen ongedaan.
- Druk op Bewerkte afbeelding opslaan. De browser downloadt
filtered-image.png. Nieuwe afbeelding brengt je terug naar het uploadgebied.
Eerst draaien, dan spiegelen
De tool draait het canvas en spiegelt het daarna. Na één draaiing van 90° spiegelt Horizontaal spiegelen langs de oorspronkelijke horizontale as van de foto. Op het scherm lijkt dat een verticale spiegeling. Lijkt een spiegeling de verkeerde kant op te gaan, tel dan hoe vaak je op 90° draaien hebt gedrukt. Vier keer brengt het plaatje terug naar het begin.
Vier recepten om mee te beginnen
- Whiteboardfoto: meer contrast, minder verzadiging.
- Een vergeelde afdruk voor een poster of een blogkop: sepia rond 60% en helderheid iets onder 100%.
- Zachte achtergrond achter tekst: vervaging van 8 tot 12 px.
- Kleurenlogo voor een drukwerkmockup. Zet grijstinten op 100%, want een lagere waarde laat een deel van de kleur staan.
Grote PNG-bestanden en niets geüpload
De uitvoer is altijd een PNG op de volledige pixelgrootte van het origineel. Een JPEG van 12 MB kan groeien tot 20 MB of meer. Comprimeer het resultaat achteraf voor een klein bestand.
Er is geen bijsnijden, geen rotatie onder een vrije hoek en geen JPEG-uitvoer. Vervaging telt pixels van het origineel, dus dezelfde waarde ziet er zwakker uit op een foto van 4000 px dan op een icoon van 600 px. Een geanimeerde GIF wordt opgeslagen als één stilstaand beeld. De regelaars hebben de canvasfilterfunctie van de browser nodig. Veranderen ze niets, probeer dan een andere browser.
De browser leest het bestand op je apparaat en tekent het op een canvas. Een regelaar verschuiven of het resultaat opslaan verstuurt geen verzoek, en het netwerkpaneel van de ontwikkelaarstools toont dat. De download is een bestand dat de browser lokaal maakt.