Hoe je je verloop opbouwt
De tool werkt op twee manieren, die je kiest met de knoppen bovenaan. Hij opent op toepassen op mijn afbeeldingen, met de sleepzone klaar: sleep een of meer foto's erin — JPG, PNG, WEBP, GIF en BMP worden geaccepteerd — en het verloop wordt over elk ervan getekend. Met meer dan één foto verschijnen boven het voorbeeld tabbladen met de bestandsnamen om te wisselen. Onder de tweede knop, achtergrond maken, upload je niets: je kiest de kleuren, het verlooptype en het formaat, en de afbeelding wordt meteen gemaakt.
Het verloop kent vier types. Lineair trekt de overgang in een rechte lijn, met de hoek op de schuif volgens dezelfde conventie als CSS, waar 0 graden omhoog wijst. Radiaal begint in het midden en spreidt zich uit in een cirkel. Conisch draait de kleuren rond het middelpunt en levert dat waaiereffect op dat je op moderne achtergronden ziet. Geen schakelt het verloop uit: over je foto's gaat het beeld ongewijzigd door en krijgt het alleen de afwerkingen; in de modus achtergrond maken wordt de eerste kleur een effen vlak. De kleuren staan er vlak onder: elke regel heeft een eigen kiezer, een positieregelaar in procenten en een knop om hem te verwijderen. Je kunt twee tot zes kleurstops gebruiken, en de toevoegknop zet een nieuwe kleur tussen de bestaande. Wil je liever van iets kant-en-klaars starten, dan biedt het paletraster twaalf beproefde combinaties, en de knop voor een willekeurig verloop trekt bij elke klik nieuwe kleuren en een nieuwe hoek.
De zes texturen liggen over het verloop en hun sterkte is regelbaar. Filmkorrel voegt monochrome korrel toe: het verandert alleen de helderheid van de pixels en laat de kleur met rust, en is het middel bij uitstek tegen de banden die op vloeiende verlopen opduiken. Kleurruis doet precies het omgekeerde: verandert alleen de kleur en houdt de helderheid intact, wat de look geeft van een foto op hoge ISO. Lijnen tekent diagonale strepen en Stippen legt een regelmatig raster, beide handig voor achtergronden met een grafisch patroon. Papier combineert zachte korrel met een lichte verdonkering aan de randen, als bedrukt papier. Los van de texturen zijn er twee afwerkingen. Het vignet maakt alle vier de randen geleidelijk donkerder en trekt de blik naar het midden. Het randverloop doet hetzelfde aan één kant — boven, onder, links of rechts — met vier types: donkerder voor lichte tekst, lichter voor donkere tekst, de eerste verloopkleur gebruiken, of de rand naar transparant laten vervagen. De regelaars voor bereik en sterkte bepalen hoe ver de balk reikt en hoe zwaar hij weegt. Beide worden als laatste toegepast, na al het andere, dus ze gedragen zich in beide modi gelijk en de overvloeimodus verandert ze niet.
In de modus achtergrond maken kies je een van de zes kant-en-klare formaten — Full HD, vierkant, story, thumbnail, Open Graph of bureaublad — of typ je breedte en hoogte in de eigen velden, tot 6000 px per zijde. Het CSS-codeblok toont de declaratie voor het huidige verloop, en de knop kopieert alles naar het klembord, klaar om in je stylesheet te plakken. Kies tot slot PNG, JPG of WEBP en download de afbeelding; in de overlaymodus met meerdere foto's levert de knop alles downloaden de reeks in één .zip-bestand.
Veelgestelde vragen
Worden de afbeeldingen die ik upload ergens bewaard?
Nee. Het verloop wordt in je browser getekend, en de afbeeldingen in de overlaymodus gaan nooit het internet op. Er wordt niets op een server opgeslagen.
Moet ik een afbeelding uploaden om de tool te gebruiken?
Nee. In de modus achtergrond maken kies je alleen de kleuren en het formaat, en het bestand wordt meteen gemaakt. Uploaden is alleen nodig voor de overlaymodus, waarin het verloop over je eigen foto's wordt getekend.
Wat is het verschil tussen de afbeelding downloaden en de CSS kopiëren?
De CSS maakt het verloop live in de browser van je bezoeker, zonder dat er een bestand wordt geladen: de lichtste optie, met nul bandbreedte, en ideaal voor sectie-achtergronden en knoppen. PNG of JPG wordt nodig waar CSS niet wordt gelezen, zoals een storyomslag, een videothumbnail, een presentatiedia of een bureaubladachtergrond. Onthoud wel: de textuur bestaat alleen in de geëxporteerde afbeelding, want CSS-verlopen hebben geen korrel.
Welk formaat gebruik ik voor welk sociaal netwerk?
De voorinstellingen dekken de gangbaarste gevallen: 1080×1080 voor een vierkante post op Instagram of Facebook, 1080×1920 voor stories en Reels, 1280×720 voor een YouTube-thumbnail, 1200×630 voor de Open Graph-afbeelding die op WhatsApp en LinkedIn verschijnt, 1920×1080 voor dia's en 2560×1440 voor bureaubladachtergronden. Voor elke andere maat typ je breedte en hoogte in de eigen velden, tot 6000 px per zijde.
Waar dient korrel op een verloop voor?
Vloeiende verlopen laten op 8-bitschermen vaak zichtbare kleurbanden zien, een fout die banding heet, en hoe dichter de twee kleuren bij elkaar liggen, hoe erger. Een dunne laag korrel tussen 20% en 40% breekt die banden en laat de overgang doorlopend lezen. Daarnaast geeft korrel die drukwerkafwerking die gewoon is geworden in huisstijlen en op projectomslagen.
Hoe leg ik een verloop over een foto zonder te verliezen wat erop staat?
Kies de overlaymodus en begin met een dekking tussen 40% en 60%. De overvloeimodi veranderen het resultaat sterk: vermenigvuldigen maakt donkerder en is geschikt om lichte tekst overheen te zetten, bleken maakt lichter, en kleur tint de foto met behoud van het oorspronkelijke contrast — die modus bewaart de meeste details. Voor een omslag met een kop houdt een donker verloop op vermenigvuldigen langs de onderrand de tekst leesbaar zonder het beeld te verbergen.
Kan ik alleen de textuur of het vignet gebruiken, zonder verloop?
Ja. Kies Geen bij de eerste optie, het verlooptype. Over je foto's gaat het beeld ongewijzigd door en krijgt het alleen wat je daarna aanzet — korrel, vignet of randverloop. Zo geef je een foto een filmische afwerking zonder de kleuren aan te raken. In de modus achtergrond maken gebruikt Geen de eerste kleur als effen vlak, handig voor een egale kleur met korrel.
Wat is het verschil tussen filmkorrel en kleurruis?
Beide verdelen willekeurige variatie over de pixels, maar langs tegengestelde assen. Filmkorrel verandert alleen de helderheid en laat de kleur ongemoeid, waarmee het fotografische korrel nabootst — het is wat de zichtbare banden van vloeiende verlopen breekt. Kleurruis doet het omgekeerde: verandert alleen de kleur en houdt de helderheid intact, wat gekleurde spikkels geeft zoals bij een foto op hoge ISO. In de praktijk: korrel als afwerking en tegen banding, kleurruis als je een analoge of oudeschermlook zoekt.
Waar dient het vignet voor en welke sterkte is verstandig?
Het vignet maakt de randen geleidelijk donkerder en duwt de aandacht naar het midden van het beeld: een klassieker in de fotografie en op videoomslagen, waar een gezicht of product moet concurreren met de achtergrond. Tussen 30% en 50% is het effect subtiel en valt het niet op, wat meestal ideaal is; boven de 70% wordt het duidelijk zichtbaar en krijgt het een dramatische toon. Omdat het vignet als laatste wordt getekend, na het verloop, heeft de gekozen overvloeimodus er geen invloed op.
Hoe maak ik alleen de onderkant van een foto donkerder voor een kop?
Zet het randverloop aan en kies de rand aan de kant waar de tekst komt, met het type op donkerder. Standaard staat links, wat het gangbaarste bannergeval dekt met de kop links en beeld rechts; voor een videoomslag met de titel onderaan schakel je over naar de onderrand. Een bereik tussen 35% en 50% met de sterkte rond 75% geeft witte tekst genoeg contrast zonder het onderwerp te verbergen.
Kan ik hetzelfde verloop op meerdere foto's toepassen?
Ja. Upload in de overlaymodus zoveel afbeeldingen als je wilt: dezelfde kleuren, textuur, dekking en overvloeiing gelden voor allemaal, en de .zip-download levert de hele reeks. Het is de snelste weg naar eenvormige blogomslagen of kanaalthumbnails.