Tekst op een foto zetten
Tekst op een foto zetten: sleep een foto erin, typ je tekst en schuif hem op de juiste plek – klaar. Meerdere tekstvakken, goed leesbaar dankzij rand of balk. De foto blijft op je apparaat.
Bron: WHATWG HTML Living Standard – Canvas: drawing text (fillText, strokeText). Bijgewerkt: .
Zo wordt het berekend
Kort gezegd: met deze tool zet je tekst op een foto, rechtstreeks in de browser – met het lettertype, de kleur, rand, schaduw of achtergrondbalk die je wilt. Het resultaat wordt opgeslagen in de volle resolutie van het origineel en de foto verlaat je apparaat niet.
Zo werkt het
- Sleep een foto erin, kies er een of plak hem met Ctrl + V.
- Typ je tekst. Met Enter begin je een nieuwe regel; te lange regels breken vanzelf af op 90% van de afbeeldingsbreedte.
- Kies lettertype, grootte en kleur. Op een drukke achtergrond helpt een rand of een achtergrondbalk om alles leesbaar te houden.
- Sleep de tekst naar de gewenste plek. Met ‘+ Tekstvak’ voeg je meer tekst toe, bijvoorbeeld boven en onder.
- ‘Foto opslaan’ – als JPG, PNG of WebP.
Waarom een rand of balk helpt
Witte letters op een lichte lucht of zwarte letters op een donkere trui lezen slecht. De toegankelijkheidsrichtlijnen WCAG 2.2 vragen een contrastverhouding van minstens 4,5:1 voor normale tekst en 3:1 voor grote tekst. Op een foto verandert de achtergrond steeds: een donkere rand rond lichte letters of een halfdoorzichtige balk houdt het contrast overal hoog. De tekst wordt getekend met de canvas-functies strokeText en fillText uit de HTML-standaard: eerst de rand, daarna de vulling eroverheen.
Alle lettertypen vallen onder de SIL Open Font License 1.1 en staan op deze server; ze worden pas geladen als je ze kiest. Groottes zijn relatief aan de breedte van de afbeelding, dus de opgeslagen foto ziet er precies zo uit als het voorbeeld, ook als hij veel groter is.
Eerlijke grenzen
- De extra lettertypen bevatten het Latijnse schrift (ook Pools en Turks). Japans, Cyrillisch of emoji tekent de browser met een systeemlettertype.
- Er zijn geen effecten zoals kleurverloop, gebogen tekst of stickers. Voor een watermerk over de hele foto past de tool ‘Watermerk toevoegen’ beter.
- JPG wordt bij het opslaan opnieuw gecomprimeerd en EXIF-gegevens (locatie, camera) gaan niet mee. Op iPhone en iPad zijn afbeeldingen beperkt tot 16,7 megapixel.
Privacy
Foto en tekst worden alleen in je browser verwerkt en nergens geüpload. Ook de tekst wordt niet bewaard.
Veelgestelde vragen
Hoe zet ik gratis tekst op een foto?
Sleep de foto hierheen, typ de tekst, zet hem op de juiste plek en klik op ‘Foto opslaan’. Dat werkt op telefoon en computer, zonder app en zonder account.
Hoe zet ik tekst op een foto met mijn iPhone?
Open deze pagina in Safari, tik op ‘Kies bestand’ en selecteer de foto uit je bibliotheek. Na het opslaan zet ‘Bewaar in Foto’s’ hem terug in de Foto’s-app. De Foto’s-app heeft zelf ook een eenvoudig tekstvak onder ‘Wijzig → Markering’.
Hoe maak ik tekst op een foto goed leesbaar?
Contrast is alles: lichte letters met een donkere rand of een halfdoorzichtige balk erachter. Dikke, smalle lettertypen zoals Anton of Bebas Neue blijven ook op een klein scherm goed leesbaar.
Kan ik tekst boven en onder op de foto zetten?
Ja. Maak meerdere tekstvakken met ‘+ Tekstvak’ en plaats ze met ‘Boven’, ‘Midden’, ‘Onder’ of door te slepen. De tekst staat altijd op de foto; de tool voegt geen witte rand toe.
Gaat de kwaliteit van de foto achteruit?
De foto wordt in volle resolutie opgeslagen. Als PNG zonder verlies, als JPG of WebP met instelbare kwaliteit – vanaf ongeveer 90% is het verschil nauwelijks te zien.
Mag ik deze lettertypen gebruiken voor social media of reclame?
Ja. Alle lettertypen hier vallen onder de SIL Open Font License en mogen ook commercieel worden gebruikt. De licentie legt geen beperkingen op aan afbeeldingen die je ermee maakt.
Bronnen en wettelijke basis
- WHATWG HTML Living Standard – Canvas: drawing text (fillText, strokeText)
- W3C – WCAG 2.2, 1.4.3 Contrast (Minimum): 4.5:1, large text 3:1
- MDN – FontFace (CSS Font Loading API)
- SIL Open Font License 1.1 – official text
- Anton – SIL Open Font License 1.1 (Google Fonts, ofl/anton)
- Bebas Neue – SIL Open Font License 1.1 (Google Fonts, ofl/bebasneue)
- Bangers – SIL Open Font License 1.1 (Google Fonts, ofl/bangers)
- DM Serif Display – SIL Open Font License 1.1 (Google Fonts, ofl/dmserifdisplay)
- Pacifico – SIL Open Font License 1.1 (Google Fonts, ofl/pacifico)
- Caveat – SIL Open Font License 1.1 (Google Fonts, ofl/caveat)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Bijgewerkt op:
Vergelijkbare tools
- Watermerk toevoegen aan je foto’sFoto’s watermerken online: tekst of logo, dekking, rotatie, 9 posities of tegelpatroon. Tot 20 afbeeldingen tegelijk, ZIP, niets wordt geüpload. Gratis.
- Foto online bewerkenBewerk foto’s in je browser: helderheid, contrast, verzadiging, warmte, filters als zwart-wit of sepia, draaien en spiegelen. Gratis, volle resolutie.
- Afbeelding online bijsnijdenSnijd een afbeelding online bij zonder upload: vrije selectie, vierkant 1:1, 4:3, 16:9 of 9:16, plus voorinstellingen voor Instagram en YouTube.
- Fotocollage makenMaak online een fotocollage: 2 tot 9 foto’s, 11 indelingen, formaten voor Instagram, story of afdruk 10 × 15, afstand en randkleur. Gratis, geen upload.
- Sticker maken van een fotoFoto erin, sticker eruit: achtergrond weg, witte rand, tekst in meme-stijl – klaar als WhatsApp-sticker (512 px WebP) of voor Telegram. Zonder app en upload.
- Achtergrond verwijderen van een afbeeldingVerwijder automatisch de achtergrond van een foto: de AI draait in je browser, volledige resolutie, transparante PNG of effen kleur. Zonder upload, gratis.