Afbeelding-overlaytool
Plaats een logo op een foto, combineer een vooraf uitgeknipt onderwerp met een nieuwe achtergrond of voeg een textuur aan een afbeelding toe. Deze lokale browsertool combineert één basisafbeelding met één overlay: voer de X/Y-positie in, stel schaal en dekking in, kies een overvloeimodus en download het samengevoegde resultaat als PNG.
Zo leg je de ene afbeelding over de andere
-
1
Upload de basisafbeelding en de overlay
De basisafbeelding vult het canvas, de overlay zweeft erbovenop.
-
2
Positie en formaat bepalen
Voer de X/Y-positie in pixels in en kies een schaal tussen 5% en 200%.
-
3
Stel dekking en overvloeimodus in
Volledige dekking voor stevige composities, 30-60% voor subtiele watermerken.
-
4
Exporteren
Voeg beide lagen samen tot een PNG met de canvasafmetingen van de basisafbeelding.
Overlays die doordacht ogen
Een geslaagde compositie met twee lagen begint met een bewuste positie, schaal en overvloeimodus.
Positionering
- Gebruik de regel van derden: leg het midden van de overlay op een snijpunt van de derdenlijnen voor een redactionele uitstraling.
- Watermerken in de hoek komen beter uit met 10-15% ruimte tot de rand.
- Centraal plaatsen werkt goed voor evenwichtige posters en socialmediakaarten.
Formaat
- Een overlay oogt zelden goed als hij groter is dan 60% van de kortste zijde van de basisafbeelding.
- Een logowatermerk is meestal 5-15% van de breedte van de basisafbeelding.
Overvloeimodi
Voor composities die er natuurlijk uit moeten zien:
| Modus | Effect |
|---|---|
| Normaal (Normal) | Rechttoe rechtaan alfacompositie |
| Vermenigvuldigen (Multiply) | Maakt donkerder: ideaal om texturen toe te voegen |
| Scherm (Screen) | Maakt lichter: handig voor gloed en lichtvlekken |
| Bedekken (Overlay) | Overvloeiing die het contrast versterkt |
| Donkerder maken (Darken) | Houdt de donkerste pixel van de twee lagen aan |
| Lichter maken (Lighten) | Houdt de lichtste pixel van de twee lagen aan |
Mogelijkheden en privacy
De tool positioneert, schaalt en mengt één overlay. Draaien, bijsnijden, randen verzachten en slagschaduwen toevoegen kan niet, dus voer zulke bewerkingen zo nodig vóór het uploaden uit. Beide afbeeldingen worden in de browser verwerkt en komen nooit in de funnel-URL of op de server terecht. In de begeleide stappen bewaart IndexedDB het tijdelijke project maximaal 30 minuten op dit apparaat.
Veelvoorkomende composities
- Een product in een mockup van een telefoon of laptop.
- Een logowatermerk in de hoek van een foto.
- Een badge of label op een egale achtergrond.
- Een avatar in een decoratieve lijst.
- Een vooraf vrijstaand gemaakt onderwerp op een nieuwe achtergrond.
Veelgestelde vragen
De tool werkt per keer met één basisafbeelding en één overlay. Wil je meerdere lagen combineren, exporteer dan het resultaat en gebruik dat als nieuwe basisafbeelding voor de volgende overlay.
Ja. Is de overlay een PNG met alfakanaal, dan worden alleen de zichtbare pixels op de basisafbeelding getekend. JPG-overlays hebben geen transparantie en verschijnen als een rechthoek.
Normaal (Normal) voor stevige composities, Vermenigvuldigen (Multiply) om een textuur (papier, grunge) over een foto te leggen en Scherm (Screen) voor gloed en lichte accenten. Bedekken (Overlay), Donkerder maken (Darken) en Lichter maken (Lighten) zijn vooral stilistisch, dus experimenteer ermee.
Gebruik de numerieke X/Y-velden in plaats van slepen. De tool accepteert posities tot op de pixel nauwkeurig, dus uitlijnen op een raster van 1 pixel kan gewoon.
Gerelateerde tools
PNG naar SVG vectoriseren
Trek PNG-rasterafbeeldingen in de browser over als SVG-paden. Ideaal voor logo’s, iconen en lijntekeningen. Regel drempelwaarde, aantal kleuren en afvlakking.
WebP naar PNG
Converteer WebP-afbeeldingen naar PNG met behoud van transparantie en pixelnauwkeurige kwaliteit voor bewerken, afdrukken en oudere ontwerptools.
GIF-maker
Zet een reeks afbeeldingen of een korte video om in een geanimeerde GIF. Stel beeldsnelheid, herhalingen en afmetingen in voor het exporteren.
Foto-editor
Browsergebaseerde foto-editor met bijsnijden, draaien, helderheid, contrast, verzadiging, filters, tekstoverlay en export naar JPG, PNG of WebP.
QR-codegenerator
Maak in uw browser een QR-code van tekst of een URL en download deze als PNG.
Barcodegenerator
Maak in de browser een 1D-barcode in Code 128, EAN, UPC, ITF-14 en andere ondersteunde formaten en download deze als SVG of PNG.