Gids voor Image Vignette

Wanneer je een foto maakt, legt de camerasensor alles in het kader met gelijke prioriteit vast. Dit leidt vaak tot afleidende elementen nabij de randen — zoals een losse tak, een felle straatlantaarn of een sterk reflecterend oppervlak — die de aandacht van de kijker afleiden van je beoogde onderwerp.

Wat je nodig hebt

Om een vignet op je afbeeldingen toe te passen, heb je geen complexe grafische ontwerpsoftware of uitgebreide training nodig.

Een compatibel afbeeldingsbestand: De tool ondersteunt standaard rasterformaten voor het web, specifiek JPG, JPEG, PNG en WEBP. * Een moderne webbrowser: Elke bijgewerkte browser op je computer of mobiele apparaat werkt om je bestand te uploaden en te verwerken. WebAssembly-ondersteuning: Je browser laadt de libvips WebAssembly-module om alles lokaal te verwerken.

Een bestand binnen de groottelimiet: Het bronbestand mag de ondersteunde limiet van 20 MB niet overschrijden.

De limiet van 20 MB wordt strikt gehandhaafd. Bestanden die de ondersteunde limiet overschrijden, worden niet verwerkt. Bestanden die groter zijn dan dit, overschrijden de ondersteunde limiet en zullen niet worden verwerkt.

Bovendien worden vectorformaten zoals SVG of RAW-cameraformaten (zoals CR2 of NEF) niet direct ondersteund. Je moet deze raw-formaten converteren naar een standaard rasterformaat zoals PNG of JPG voordat je probeert het vignet toe te passen.

Een vignet toepassen

Start je browser en navigeer naar de Image Vignette tool-interface. Zoek het afbeeldingsbestand op je lokale apparaat. Zorg ervoor dat het een ondersteund formaat heeft (JPG, JPEG, PNG of WEBP) en dat de grootte de ondersteunde limiet van 20 MB niet overschrijdt.

Klik op het uploadgebied om door je lokale mappen te bladeren, of sleep je bestand direct naar het browservenster. * *Radius*: Pas deze instelling aan om te bepalen hoe ver het vignet naar het midden van je afbeelding reikt. Een kleinere radius houdt het vignet beperkt tot de buitenste hoeken, terwijl een grotere radius de duisternis dichter naar het midden trekt.

* *Intensiteit*: Wijzig de sterkte van het donkereffect. Een hoge intensiteit maakt de randen aanzienlijk donkerder, terwijl een lage intensiteit het effect subtiel houdt. * *Vervaging (Feathering)*: Deze instelling regelt de zachtheid van de overgangsgradiënt.

Hoge waarden voor vervaging creëren een geleidelijke, onmerkbare overgang van licht naar donker. Lage waarden produceren een scherpe, harde rand. Klik op de knop om de conversie via libvips te starten.

libvips past de wiskundige aanpassingen toe op het pixelraster van je bestand. Zodra de verwerking is voltooid, klik je op de downloadknop om de nieuw gestileerde afbeelding op te slaan op je lokale opslag.

Hoe het werkt

libvips verwerkt je afbeelding door directe wiskundige berekeningen op pixelcoördinaten uit te voeren. Het legt niet simpelweg een statisch donker sjabloon over je bestand heen. In plaats daarvan analyseert het dynamisch de afmetingen van de geüploade afbeelding om het exacte geometrische middelpunt te vinden.

Zodra libvips de middelpuntcoördinaten heeft vastgesteld, berekent het de afstand van dat middelpunt tot elke individuele pixel in het raster. libvips gebruikt een wiskundige vervalfunctie om te bepalen hoeveel elke pixel moet worden verduisterd. Voor pixels binnen de aangewezen binnenradius is de schaalvermenigvuldiger 1.0, wat betekent dat de originele kleuren volledig onaangetast blijven.

Naarmate de afstand vanaf het midden toeneemt voorbij de radiusdrempel, past libvips de vervagingsformule toe. Deze formule vermindert de waarden van de rode, groene en blauwe (RGB) kleurkanalen van elke pixel geleidelijk. Hoe verder een pixel van het midden verwijderd is, hoe meer de RGB-waarden naar beneden worden geschaald richting zwart.

Voor PNG-bestanden die transparantie bevatten, moet libvips voorzichtig omgaan met het alfakanaal. Het past de verduisteringsfactor alleen toe op de RGB-kleurkanalen terwijl het transparantiekanaal intact blijft, zodat transparante achtergronden niet veranderen in effen zwarte blokken. Zodra deze wiskundige aanpassingen op het gehele pixelraster zijn toegepast, verpakt libvips de gewijzigde pixelgegevens terug in het door jou gekozen uitvoerformaat (JPG, JPEG, PNG of WEBP) zodat je deze kunt downloaden.

Wanneer er iets misgaat

Als je bestand niet wordt geüpload, is de meest voorkomende reden dat de bestandsgrootte de ondersteunde limiet van 20 MB overschrijdt. Wanneer een bestand te groot is, beëindigt de browser of libvips de verbinding. Controleer de bestandseigenschappen en verklein de afmetingen van je afbeelding voordat je deze uploadt.

Een ander veelvoorkomend probleem is kleur-banding, waarbij het vignet eruitziet als een reeks afzonderlijke, blokkerige ringen in plaats van een vloeiende gradiënt. Dit gebeurt omdat het bronbestand een lage kleurdiepte heeft of in het verleden zwaar is gecomprimeerd. Wanneer libvips probeert vloeiende overgangen te berekenen op een afbeelding met beperkte kleurgegevens, raakt het door de beschikbare tussentinten heen, wat resulteert in zichtbare "stappen".

Om dit te voorkomen, upload je altijd hoogwaardige, ongecomprimeerde bronbestanden.

Als je onderwerp donker en onduidelijk lijkt, ligt het probleem bij de compositie van de afbeelding. libvips berekent het vignet vanaf het absolute geometrische middelpunt van het kader. Als je onderwerp uit het midden is geplaatst (zoals bij een compositie volgens de regel van derden), zal een breed vignet ze overlappen en verduisteren.

Om dit op te lossen, snijd je afbeelding bij om je onderwerp dichter bij het midden te plaatsen voordat je deze verwerkt, of gebruik een kleinere vignetradius met een hoge vervagingswaarde.

### Waarom vertoont mijn verwerkte afbeelding duidelijke concentrische ringen in plaats van een vloeiende donkere gradiënt? Deze visuele fout staat bekend als kleur-banding. Het gebeurt wanneer je bronbestand sterk gecomprimeerde kleurgegevens bevat.

libvips heeft niet genoeg kleurdiepte om de vloeiende overgang van licht naar donker weer te geven, waardoor het gedwongen wordt vergelijkbare tinten te groeperen in zichtbare banden. Gebruik een hoogwaardig, ongecomprimeerd bronbestand om dit op te lossen. ### Waarom mislukte de upload toen ik probeerde mijn foto met hoge resolutie te verwerken?

De upload mislukte omdat je bestand de ondersteunde limiet van 20 MB overschrijdt. libvips handhaaft deze limiet. Bestanden boven de ondersteunde grootte worden niet verwerkt.

Je moet de afbeeldingsafmetingen verkleinen of het opslaan in een efficiënter formaat voordat je het uploadt. ### Waarom maakt het vignet het hoofdonderwerp van mijn foto donkerder? libvips berekent het vignet vanaf het absolute geometrische middelpunt van de afbeelding.

Als je onderwerp uit het midden is geplaatst, zal het verduisteringseffect er natuurlijk overheen vallen. Snijd je afbeelding bij om je onderwerp te centreren voordat je deze naar de tool uploadt.