Tekst toevoegen aan een foto online: bijschriften, teksten en banners zonder fouten

We zien elke dag dezelfde vraag: tekst toevoegen aan een foto online. De een wil een bijschrift onder een product, de ander een prijs en het woord "actie" op een banner, weer een ander een tekst op een verhaal of een meme voor sociale media. De taak lijkt eenvoudig: afbeelding openen, een woord typen, opslaan. Maar juist hier ontstaan de meest opvallende fouten: de tekst versmelt met de achtergrond, er is een verkeerd lettertype gekozen, het bijschrift dekt het product af of loopt van het scherm bij weergave op de telefoon.

In dit artikel behandelen we stap voor stap waarom je een tekst op een foto zet, hoe je hem leesbaar maakt op elke achtergrond, welke grootte en plaatsing werken, welke eisen webshops stellen en waar mensen het vaakst de mist ingaan.

Voor je een gereedschap kiest, is het belangrijk te begrijpen welke taak de tekst oplost. Daarvan hangen de grootte, het lettertype en de plaatsing af. We onderscheiden vijf van de vaakst voorkomende scenario's.

• Productkaarten en infografiek. Hier verkoopt de tekst: kenmerken, maten, samenstelling, voordeel. Het bijschrift moet beknopt zijn, 3 tot 5 woorden per blok, en het product zelf niet afdekken.
• Prijs, korting, actie. De meest kliklokkende tekst. Cijfers maak je groot, het woord "actie" of het kortingspercentage zet je op een contrasterend vlak. Overdrijf niet: twee, drie accenten maximaal, anders weet het oog niet waar het moet kijken.
• Banners voor reclame en de website. Een titel plus een korte oproep. De tekst beslaat doorgaans niet meer dan een derde van het vlak, de rest is voor de afbeelding. Voor het web is ook het bestandsgewicht belangrijk.
• Verhalen en posts voor sociale media. Het verticale formaat 1080x1920, waarbij de tekst niet in de "gevarenzones" boven- en onderaan mag komen, waar het platform de gebruikersnaam en knoppen tekent. Een veilige marge vanaf de randen is ongeveer 250 pixels.
• Memes en bijschriften "voor de lol". Het klassieke formaat met witte tekst en een zwarte omlijning boven- en onderaan. Hier zijn de regels vrijer, maar leesbaarheid beslist nog altijd.

Voor elke taak passen andere instellingen, maar het basisprincipe is één: tekst bestaat om gelezen te worden. Is er geen leesbaarheid, dan is er ook geen zin. Daarom behandelen we die verder in detail.

De belangrijkste reden waarom een tekst op een foto goedkoop oogt of helemaal niet leesbaar is, is een zwak contrast tussen tekst en achtergrond. Een foto is bijna nooit egaal: er zijn lichte plekken, donkere en bonte. Witte tekst gaat makkelijk verloren in de lucht of op een wit T-shirt, en zwarte verdwijnt in de schaduwen. Dat los je op met drie technieken.

• Ondergrond (vlak) onder de tekst. De betrouwbaarste manier. Een halftransparante rechthoek onder het bijschrift, donker onder lichte tekst of licht onder donkere tekst. Een transparantie van 50 tot 70 procent houdt de achtergrond zichtbaar maar garandeert de leesbaarheid. Dit werkt op elk beeld, hoe bont ook.
• Omlijning (contour) van de letters. Een dunne omlijning in een contrasterende kleur rond elke letter. Witte tekst met een zwarte contour van 2 tot 4 pixels is overal leesbaar. Een klassieker van memes en sportbanners. Maak de contour vooral niet dikker dan de letters zelf, anders wordt de tekst pap.
• Schaduw. Een zachte schaduw onder de tekst voegt volume toe en maakt de letters los van de achtergrond. Werkt beter in combinatie met een omlijning, alleen is ze zwakker dan een ondergrond.

Hoe kies je de tekstkleur? De regel is eenvoudig: op een donkere achtergrond wit of lichtgeel, op een lichte donkergrijs of zwart. Puur zwart (000000) op wit oogt hard, zachter is donkergrijs (1a1a1a of 222222). Voor accenten neem je één felle kleur, bijvoorbeeld rood voor de prijs, en vermijd je een regenboog. Controleer het contrast zo: verklein de afbeelding tot voorbeeldformaat, tot de grootte waarin ze in de feed verschijnt. Is de tekst op klein formaat leesbaar, dan is het goed. Moet je turen, voeg dan een ondergrond toe.

Als het contrast opgelost is, blijven er drie parameters die een nette tekst van een amateuristische onderscheiden: lettertype, grootte en plaats.

• Lettertype. Neem voor bijschriften op foto's schreefloze lettertypes: ze zijn op elk formaat leesbaar en leiden niet af. Roboto, Montserrat, Open Sans en PT Sans werken goed. Schreven (zoals Times) passen bij imagocovers, maar vallen uiteen bij kleine tekst. Vermijd absoluut handschrift- en decoratieve lettertypes voor belangrijke informatie (prijs, maat, samenstelling): die zijn lastig te lezen. Eén lettertype per afbeelding, maximaal twee: een voor de titel, een voor de toelichting.
• Grootte. Reken de grootte niet in pixels, maar in verhouding tot de hoogte van het beeld. De titel beslaat doorgaans 8 tot 12 procent van de hoogte, de hoofdtekst 4 tot 6 procent. Op een vierkant van 1000x1000 is dat ongeveer 90 tot 120 pixels voor de titel. Te kleine tekst wordt in de feed niet gelezen, te grote oogt als geschreeuw. Is het bijschrift langer dan 5 tot 6 woorden, verdeel het dan over regels in plaats van het lettertype te verkleinen.
• Plaatsing. De beste zones voor tekst zijn de bovenste en onderste derde, het midden is doorgaans bezet door het onderwerp. Houd marges van minstens 5 procent van de breedte vanaf de randen, zodat de tekst niet wordt afgesneden bij het bijsnijden door het platform. Uitlijning links of gecentreerd, rechts gebruik je zelden. Zet geen tekst over gezichten of belangrijke productdetails.

Apart over webshops: op de hoofdfoto van een product is overbodige tekst vaak verboden, maar op de tweede of derde slide is infografiek met bijschriften juist welkom.

Tekst op een foto leeft volgens de regels van het concrete platform. Overtreed je ze, dan wordt de kaart afgewezen of komt de banner de moderatie niet door. We verzamelen de belangrijkste eisen en typische missers.

• Grote marktplaatsen (bijvoorbeeld bol.com, Amazon). De hoofdfoto zonder reclameteksten, watermerken en logo's van vreemde merken. Formaat minstens 900x1200, JPG of PNG. Infografiek met tekst plaats je op de extra slides. Te veel tekst op het hoofdkader is een veelvoorkomende reden voor afwijzing. Blokkeer het product niet meer dan de helft. Een aanbevolen verhouding is vaak 3:4, met minstens 700 pixels aan de korte zijde.
• Hoofdfoto op een neutrale achtergrond. Bij veel platformen moet de hoofdafbeelding op een witte achtergrond staan, zonder vreemde teksten. Extra foto's met tekst zijn toegestaan, formaat JPEG, met een voldoende resolutie.
• Pasfoto's en documenten. Hier geldt het omgekeerde: geen tekst, bijschriften of watermerken op de foto. Heb je een pasfoto nodig, dan zijn tekst en logo's niet toegestaan, dat is een apart verhaal.

Nu de fouten die we het vaakst herstellen:

• Tekst versmelt met de achtergrond. Geen ondergrond of omlijning. De oplossing staat in het deel over leesbaarheid hierboven.
• Te veel tekst. De afbeelding verandert in een folder. Houd één hoofdgedachte per beeld.
• Verkeerd lettertype en bonte kleuren. Drie verschillende lettertypes en vijf kleuren ogen als reclame uit vroeger tijden.
• Tekst tegen de rand. Wordt afgesneden bij het bijsnijden in de feed of het voorbeeld.
• Uitgerekte of wazige afbeelding. Is de bron klein, dan loopt de tekst uit. Verhoog eerst de resolutie en breng daarna pas het bijschrift aan.
• Zwaar bestand. Na het aanbrengen van tekst kan een PNG megabytes wegen. Comprimeer hem voor het web, bijvoorbeeld naar JPEG of AVIF.

Is het bronformaat onhandig, bijvoorbeeld HEIC van een iPhone, zet het dan eerst om naar een gewoon formaat en voorzie het pas daarna van tekst.

Een eenvoudig bijschrift, een prijs of een tekst op een verhaal maak je gerust zelf in een minuut in een online gereedschap, daar heb je geen ontwerper voor nodig. Maar er zijn gevallen waar je het werk beter uitbesteedt. Ten eerste: een hele reeks productkaarten waar een uniforme infografiek in één stijl op 50 tot 100 producten nodig is, daar telt een systeem, niet een eenmalig bijschrift. Ten tweede: complexe montage, waar de tekst om een object heen moet lopen, langs de vorm moet vallen of netjes in de compositie moet passen. Ten derde: reclamebanners onder een concrete merkstijl met eigen lettertypes en precieze typografie. In die gevallen nemen wij het project op ons en leveren een kant-en-klaar pakket.

Samengevat. Een tekst op een foto werkt wanneer drie dingen kloppen: contrast (ondergrond of omlijning), een leesbaar schreefloos lettertype van de juiste grootte en een doordachte plaatsing met marges vanaf de randen. Houd rekening met de regels van het platform: op de hoofdfoto van een webshop is tekst doorgaans overbodig, op de extra slides is infografiek met bijschriften alleen maar een plus. Vermijd overdaad, bonte kleuren en tekst tegen de rand.

Een bijschrift toevoegen is eenvoudig als je op volgorde werkt en vanaf het begin aan de leesbaarheid denkt. De algemene volgorde is in elk gereedschap hetzelfde.

1. Laad de foto en kies het gereedschap om tekst toe te voegen.
2. Schrijf de tekst en plaats hem in een rustige zone van het kader, zonder belangrijke details en bonte achtergrond.
3. Kies lettertype en grootte zo dat het bijschrift ook verkleind leesbaar is, voor het voorbeeld is dat cruciaal.
4. Zorg voor contrast. Lichte tekst op een donker deel of donkere op een licht deel, voeg indien nodig een ondergrond of omlijning toe.
5. Lijn uit en controleer de marges vanaf de randen, zodat het bijschrift niet aan de rand van het kader plakt.
6. Bewaar in het gewenste formaat en controleer hoe de tekst er op klein formaat uitziet.

Het hoofdprincipe bij elke stap is leesbaarheid: de tekst moet meteen te lezen zijn, niet versmelten met de achtergrond.

Een bijschrift op een foto zetten kan direct op de smartphone, op meerdere manieren. De snelste voor sociale media zijn de ingebouwde editors: in de verhalen van apps zit een tekstgereedschap met kant-en-klare stijlen, waar je met een paar tikken een bijschrift toevoegt. Voor een beheersbaarder resultaat open je een online gereedschap in de browser van de telefoon, laad je de foto, voeg je tekst met het gewenste lettertype en de gewenste kleur toe en bewaar je. Op een iPhone kun je een eenvoudig bijschrift ook via de ingebouwde markering in de Foto's-app zetten, op Android via de galerij-editor.

Om een bijschrift op de telefoon er netjes uit te laten zien, en niet als een willekeurige sticker, volg je dezelfde leesbaarheidsregels: een groot, scherp lettertype, contrast met de achtergrond, een ondergrond of omlijning op bonte delen, marge vanaf de randen. Zet geen tekst over een gezicht of een belangrijk productdetail. Voor verhalen en snelle posts volstaan de ingebouwde middelen, maar voor banners, covers en kaarten waar een uniforme stijl telt, is een volwaardige online editor handiger.

Op productkaarten werkt tekst als infografiek: korte bijschriften brengen op de galeriekaders de belangrijkste voordelen, kenmerken, maten, samenstelling en gebruiksscenario's over. Dat helpt de koper het product in seconden te begrijpen, zonder de beschrijving te lezen. Maar er is een belangrijke beperking: op de hoofdfoto is tekst doorgaans verboden door de regels van het platform, en een bijschrift over het eerste kader kan de kaart verborgen of afgewezen krijgen. Daarom plaats je de tekst op het tweede en de volgende kaders, en houd je de hoofdfoto schoon.

De regels voor goede tekst op een kaart zijn eenvoudig. Schrijf kort en to the point, één gedachte per kader, in een groot leesbaar lettertype, want men kijkt op de telefoon. Houd een uniforme stijl aan, één lettertype en palet in de hele galerij en voor alle producten van de winkel, dan ogen de kaarten als een merk en niet als een verzameling willekeurige beelden. Overlaad het kader niet met tekst, laat lucht, anders wordt de infografiek pap. Uit ervaring met het voorbereiden van kaarten is juist nette typografie in één stijl, en niet bonte teksten in verschillende lettertypes, wat het vertrouwen in de etalage verhoogt en helpt verkopen.

Op sociale media lost tekst op een foto de taak op om aandacht te trekken in de feed en de kern zonder geluid over te brengen. Voor posts, verhalen en covers moet het bijschrift meteen en op een klein scherm leesbaar zijn. Hier werken grote titels, korte zinnen en kleuraccenten. Het is belangrijk veilige zones te laten: in verhalen dekken de bovenkant en onderkant vaak de interface af, de avatar, knoppen en platformlabels, dus houd je de sleuteltekst in het centrale deel van het kader zodat hij niet wordt afgesneden.

De tekststijl koppel je best aan je imago of merk: een of twee vaste lettertypes, een herkenbaar palet, een uniforme manier. Dan worden je posts herkend in de feed, ook zonder logo. Voor dynamische verhalen kun je geanimeerde tekst en stickers van de ingebouwde editors gebruiken, en voor doordachtere covers en posts stel je de opmaak beter samen in een editor met controle over lettertype en compositie. De algemene regel is dezelfde als overal: contrast met de achtergrond, een ondergrond of omlijning op bonte delen, marges vanaf de randen en geen tekst over een gezicht of het hoofdonderwerp als dat de waarneming stoort.

• Tekst versmelt met de achtergrond. Lichte tekst op een licht of bont deel is onleesbaar. Voeg contrast, een ondergrond of omlijning toe.
• Te klein lettertype. In het voorbeeld en op de telefoon is de tekst niet te onderscheiden. Maak het bijschrift groot en controleer het verkleind.
• Bijschrift over een gezicht of product. De tekst dekt het belangrijkste af. Plaats hem in een rustige zone van het kader.
• Veel verschillende lettertypes. Drie, vier lettertypes in één kader ogen amateuristisch. Beperk je tot een of twee.
• Tekst tegen de rand. Het bijschrift plakt aan de rand of wordt afgesneden. Laat marges.
• Tekst op de hoofdfoto van een kaart. Een overtreding van de regels, met risico op verbergen. Tekst alleen op de extra kaders.

Kleur en opmaak bepalen of het bijschrift leesbaar is of verloren gaat. Het basisprincipe is maximaal contrast met wat achter de tekst zit: op een donkere achtergrond lichte tekst, op een lichte donkere. Is de achtergrond bont of ongelijk, dan is een pure kleur te weinig en is er hulp nodig: een halftransparante ondergrond onder de tekst, een dunne omlijning in een contrasterende kleur of een zachte schaduw die de letters van de achtergrond losmaakt. Die technieken garanderen leesbaarheid, ook over een complexe afbeelding, en ogen netjes als je niet overdrijft.

Met effecten moet je maat kennen. Een lichte schaduw of omlijning helpt, maar meerdere volume-effecten, gradiënten, gloed en schaduwen tegelijk maken het bijschrift bont en verlagen de waarde van het kader. De tekstkleur koppel je best aan het merkpalet of de algemene sfeer van de foto, en niet aan een willekeurige felle tint. Voor zakelijke en productinhoud zijn ingetogen keuzes beter: witte of donkere tekst, een nette ondergrond, één accentkleur. Voor sociale media mag het feller en levendiger, maar ook daar telt leesbaarheid meer dan versiering.

Hoe maak ik tekst leesbaar op een bonte achtergrond?

Voeg onder de tekst een halftransparante ondergrond of een dunne omlijning in een contrasterende kleur toe. Een pure lettertypekleur is op een ongelijke achtergrond meestal niet genoeg.

Kan ik tekst op de hoofdfoto van een product zetten?

Op de hoofdfoto is tekst doorgaans verboden door de regels van het platform en dreigt verbergen. Bijschriften plaats je op het tweede en de volgende kaders van de galerij.

Welk lettertype kies ik voor een bijschrift?

Een eenvoudig en goed leesbaar lettertype, zonder overdaad aan decoratie. Voor zakelijke en productinhoud past een scherp schreefloos lettertype, beperk je tot een of twee lettertypes per kader.

Hoe voeg ik tekst tegelijk aan veel foto's in één stijl toe?

Gebruik een sjabloon met een vast lettertype, kleur en plaatsing, en verander alleen de tekst zelf. Dat houdt een uniforme stijl in de hele galerij of catalogus aan.

In een reclamebanner en advertentie draagt de tekst de hoofdlast: hij moet in een oogwenk de kern van het aanbod overbrengen en de aandacht grijpen. Hier werkt een strakke hiërarchie. De hoofdtitel, groot en contrastrijk, vangt de blik en brengt het belangrijkste voordeel of aanbod over. Een ondertitel of korte regel verduidelijkt de details. De oproep tot actie, een knop of zin, zegt wat er daarna moet gebeuren. Dit alles moet ook bij een vluchtige blik en op een klein scherm leesbaar zijn, dus weinig tekst en een groot lettertype.

Een veelgemaakte fout in reclame is overlading: als alles tegelijk in klein lettertype en meerdere kolommen op de banner wordt gegooid, neemt de lezer niets op. Beter één sterke gedachte groot dan tien kleine. Houd het contrast van de tekst met de achtergrond, laat lucht rond het bijschrift, gebruik merkkleuren en lettertypes voor herkenbaarheid. Gaat de banner naar verschillende formaten, feed, verhaal, cover, maak dan versies per formaat, zodat de tekst nergens wordt afgesneden of te klein wordt.

Soms moet er geen reclametekst op een foto, maar een dienstmatige: de opnamedatum, de handtekening van de auteur, een copyrightteken. De datum voeg je bijvoorbeeld toe aan rapport-, bouw- of documentaire opnamen, waar het moment vastgelegd moet worden. Zo'n bijschrift zet je doorgaans in een hoek met een klein leesbaar lettertype en een lichte ondergrond of contrasterende kleur, zodat het de inhoud niet stoort maar wel leesbaar blijft. Het is belangrijk dat de datum juist en gelijkvormig is over de hele reeks, als het rapportmateriaal betreft.

De handtekening van de auteur en het copyrightteken werken als een lichte vorm van bescherming en branding, dicht bij een watermerk maar delicater. Je plaatst ze in een hoek of langs de rand met nette halftransparante tekst. Voor een fotograaf is dat een manier om onopvallend het auteurschap te markeren, voor een bedrijf om de foto aan het merk te binden. Net als bij een watermerk bewaar je de bron zonder bijschrift apart, om indien nodig een schoon bestand te kunnen leveren. Dienstmatige bijschriften, datum, handtekening, copyright, delen één regel: ze moeten leesbaar zijn, maar de aandacht niet van het beeld zelf aftrekken, dus houd je ze ingetogen en netjes.