AI-afbeeldingen op je website

AI-afbeeldingen laten een site goedkoop ogen omdat ze een categorie tonen in plaats van jouw bedrijf, en bezoekers zien dat. Gebruik ze alleen voor illustraties die niet doen alsof ze echt zijn, en fotografeer de rest zelf. Lijkt een gegenereerd of bewerkt beeld op echte personen, voorwerpen, plaatsen of gebeurtenissen en kan het voor echt doorgaan, dan is het volgens de AI Act een deepfake en moet je melden dat het kunstmatig is.

Damian Madronal Munoz, oprichter

Bijgewerkt op 30 oktober 20266 min leestijd

Een AI-beeld is in tien seconden gemaakt en kost bijna niets. Op een website kost het iets anders: geloofwaardigheid. Hieronder staat waarom, wat je in plaats daarvan doet, en wat de AI Act sinds 2 augustus 2026 vraagt van wie zulke beelden publiceert.

Dat laatste deel legt uit wat de wetstekst zegt. Het is geen juridisch advies, en de wet zelf staat gelinkt.

Herken je dit?

Op je over-ons-pagina staat een team dat niet bestaat.
De werkplaats bovenaan je homepage is mooier dan je echte werkplaats, en klanten die langskomen zien het verschil.
Op een bord of scherm in het beeld staat tekst die net geen woorden zijn.
Je productfoto’s tonen een versie van het product die je niet verkoopt.
Elk beeld op je site heeft hetzelfde zachte, warme licht, van opzij, zonder een schaduw die ergens vandaan komt.

Een gegenereerd beeld toont de categorie, niet jou

Vraag een generator om “een monteur in een moderne werkplaats” en je krijgt het meest waarschijnlijke beeld bij die woorden: een gemiddelde van alle foto’s die zo beschreven waren. De generator heeft jouw werkplaats nooit gezien. Je concurrent die dezelfde woorden typt, krijgt bijna hetzelfde beeld.

Een bezoeker kijkt naar foto’s om iets te controleren. Wie komt er bij mij thuis? Hoe ziet het bedrijf eruit? Bestaat dit product echt zo? Een beeld dat bij elk bedrijf kan horen, beantwoordt geen van die vragen, en de gladde huid, de vreemde handen en de nepletters verraden dat het gemaakt is. Dan gaat de bezoeker ook aan de rest twijfelen.

Wat je in plaats daarvan doet

1. Fotografeer je eigen werk met je telefoon

Een scherpe telefoonfoto van een echte klus doet meer dan een perfect gegenereerd beeld. Fotografeer bij daglicht, bij een raam of buiten. Laat mensen aan het werk zijn in plaats van in de camera te kijken. Maak de foto’s voor de bovenkant van een pagina liggend, en zorg dat het belangrijkste in het midden staat, zodat een staande uitsnede op een telefoon ook werkt. Maak er meer dan je nodig hebt.

2. Laat zien wat je maakt

Een schermafbeelding van software die je bouwde, een tekening, een product op een rustige ondergrond, een klus voor en na. Vraag de klant toestemming voor je iets van zijn locatie of zijn mensen laat zien.

3. Durf een sectie zonder beeld

Een grote kop en een korte tekst op een gekleurd vlak kunnen een sectie dragen. De case van Merford op deze site toont geen enkel scherm van de app. De tekst draagt de pagina, met één foto van het hoofdkantoor op de projectkaart. Een lege plek waar later een echte foto komt, is beter dan een verzonnen beeld dat blijft staan.

4. Gebruik AI alleen waar het niet doet alsof

Een illustratie bij een blogartikel over een idee, een tekening die een werking uitlegt: daar kan een gegenereerd beeld prima. Houd het dan zichtbaar getekend en laat er niets op zien wat een bezoeker voor jouw mensen, jouw pand of jouw product kan aanzien.

Wanneer je moet melden dat een beeld AI is

Artikel 50, lid 4, van de AI-verordening zegt dat wie een AI-systeem gebruikt om beeld te genereren of te bewerken dat een deepfake vormt, moet bekendmaken dat het beeld kunstmatig is gegenereerd of gemanipuleerd. Een deepfake is volgens artikel 3 beeld, audio of video dat lijkt op bestaande personen, voorwerpen, plaatsen, entiteiten of gebeurtenissen en dat iemand ten onrechte voor echt zou aanzien. Dit geldt sinds 2 augustus 2026.

Voor een website betekent dat in de basis:

Een fotorealistisch beeld van “je team”, “je werkplaats”, “een klant” of een gebeurtenis die echt lijkt, komt dicht bij die definitie. Of een bepaald beeld eronder valt, beoordeelt een jurist.
Een duidelijk getekende illustratie die niemand voor een foto aanziet, valt er in de basis buiten.
De plicht geldt ook voor bewerkte beelden. Een echte foto waarin AI iets toevoegt of een persoon verandert, kan ook een deepfake zijn.
Bij kennelijk artistiek, creatief, satirisch of fictief werk mag de melding beperkt blijven, zolang hij het werk niet in de weg zit.
Lid 5 vraagt dat de melding duidelijk en herkenbaar is, uiterlijk op het moment dat iemand het beeld voor het eerst ziet, en dat ze toegankelijk is.

De markering die een computer kan lezen, uit lid 2, is de taak van de maker van de generator. Veel generators zetten die in het bestand, maar OpenAI schrijft zelf dat zulke metadata makkelijk verdwijnt, bijvoorbeeld bij een screenshot. Ook een beeldpipeline die foto’s verkleint en omzet, haalt metadata standaard weg; sharp, de bibliotheek onder veel van die tools, doet dat ook. Ga er dus niet van uit dat de markering op je site nog in het bestand zit. De zichtbare melding zet jij erbij.

<figure>
  <img src="/img/werkplaats-illustratie.webp"
       alt="Getekende werkplaats met een cv-ketel op een werkbank">
  <figcaption>Illustratie, gemaakt met AI.</figcaption>
</figure>

Een melding die je ziet en die een schermlezer voorleest, direct onder het beeld.

Waar het misgaat

Een gegenereerd team op de over-ons-pagina. Dat is de pagina waar een bezoeker komt om te zien met wie hij te maken krijgt. Zet er een echte foto, of geen foto.
De melding alleen in de alt-tekst of in je privacyverklaring. De alt-tekst ziet een ziende bezoeker niet, en een privacyverklaring leest niemand op het moment dat hij het beeld ziet. Zet de melding bij het beeld.
Ervan uitgaan dat de markering van de generator meegaat. Na een screenshot, een upload naar sociale media of een omzetting naar WebP is hij vaak weg.
Productfoto’s die afwijken van wat je levert. Een klant die iets anders krijgt dan de foto liet zien, stuurt het terug en schrijft een review.

Wanneer je hulp nodig hebt

Bij AI-design laten verbeteren lopen we elk beeld op je site na: wat weg moet, wat een melding nodig heeft, en waar een eigen foto of een sectie zonder beeld beter werkt. Heb je een chatbot op je site of AI in je app, dan vraagt artikel 50 ook daar iets: zie wat je moet melden bij een AI-chatbot en wat de AI Act vraagt van een AI-functie in je app. Meer over ontwerpen met AI staat bij AI-design.

Veelgestelde vragen⁠

Moet ik elk AI-beeld op mijn site melden?

Niet in de basis. Artikel 50 vraagt een melding bij een deepfake: een beeld dat lijkt op echte personen, voorwerpen, plaatsen of gebeurtenissen en voor echt kan doorgaan. Een duidelijk getekende illustratie valt daar in de basis buiten. Waar de grens ligt bij jouw beelden, beoordeelt een jurist.

Sinds wanneer geldt dit?

De transparantieregels van artikel 50 gelden sinds 2 augustus 2026. De Europese Commissie publiceerde op 10 juni 2026 een vrijwillige gedragscode over het markeren en labelen van AI-content, die verwijst naar een EU-icoon of een gelijkwaardig label.

Mag ik een AI-beeld als illustratie gebruiken?

Ja, als het niet doet alsof het echt is en niets toont wat je klant voor jouw bedrijf zou aanzien. Kies dan een getekende stijl in plaats van een fotorealistische, zodat niemand twijfelt.

Verder lezen⁠

Design omzetten naar website: Je ontwerp uit Claude Design, Google Stitch, Figma Make of een screenshot wordt een website die snel laadt, gevonden wordt en die je zelf bijhoudt.
AI-website niet in Google: Je site uit Lovable, Bolt, v0 of Claude Code staat niet in Google. Vaak krijgt een zoekmachine een lege pagina. Wij zorgen dat elke pagina als HTML klaarstaat.
AI-design laten verbeteren: Een review van je AI-site met de fixes erbij: de AI-patronen eruit, consistentie, typografie, mobiel en toegankelijkheid. Vaste prijs na een blik op je site.
Claude Design naar website: De HTML-export of de overdracht aan Claude Code, en wat je daarna nog regelt: beheer, een formulier, SEO per pagina en hosting.
Stitch naar website: Exporteren naar Figma of naar HTML met Tailwind, DESIGN.md meenemen, en bouwen wat Stitch niet maakt: alles achter de schermen.
HTML-export online zetten: Statische hosting, je eigen domein, HTTPS, een contactformulier dat echt mailt en bezoekers meten met een cookiemelding.
AI-design in WordPress: Waarom HTML plakken niet werkt, en hoe je het ontwerp nabouwt: als eigen blokthema, met patronen in je huidige thema of in een pagebuilder.
AI-design in Framer of Webflow: Importeren via Figma of de browserextensie, nabouwen met componenten en variabelen, en terugkerende inhoud in CMS-collecties.
Teksten zelf aanpassen: Waarom elke tekstwijziging nu een prompt is, en drie manieren om teksten bewerkbaar te maken: eigen bestanden, een git-CMS of een headless CMS.
Kapot op mobiel: Vaste breedtes, koppen die van het scherm lopen, menu’s die alleen op hover werken en een pagina die zijwaarts schuift: zo test en repareer je het.
Inconsistent AI-design: Elke pagina een ander grijs, elke knop een andere hoek: waarom een AI-tool per scherm nieuwe waarden kiest, en wat je ertegen doet.
DESIGN.md maken: Eén bestand met je kleuren, typografie, afstanden, componenten en verboden patronen, dat je designtool en je codeer-agent bij elke opdracht lezen.
Design tokens voor AI: Kleuren, lettergroottes, afstanden en afrondingen als benoemde variabelen in je code, zodat een AI-tool kiest uit jouw set in plaats van zelf waarden te verzinnen.
Huisstijl in AI-design: Je logo als SVG, de kleurwaarden uit je huisstijlhandboek en de echte fontbestanden aanleveren, en daarna controleren waar de tool toch afweek.
AI verandert te veel: Je vraagt een andere knopkleur en de hele sectie verschuift. Waarom dat gebeurt, en hoe je met afbakening, versiebeheer en vaste componenten alleen verandert wat je bedoelt.
AI-designtools vergeleken: Wat Claude Design, Google Stitch en Figma Make kunnen, wat ze kosten, wat je eruit exporteert en waar je vastloopt als het een echte website moet worden.
Toegankelijk AI-design: Lichtgrijze tekst, verdwenen focusranden, lege alt-teksten en menu’s die niet met het toetsenbord werken: zo vind en repareer je ze in een AI-design.
Haperende scroll-animaties: Blokken die bij het scrollen invliegen, haperen op een telefoon of laten de pagina verspringen. Waarom, en hoe je ze met CSS en een paar regels JavaScript licht maakt.
AI-website herkennen: Acht keuzes die een AI-tool maakt als niemand iets anders vraagt, en per keuze waar hij vandaan komt.
Minder generiek maken: Zes ingrepen die een AI-website uit het gemiddelde halen, in de volgorde waarin ze het meeste doen.
Designprompt zonder AI-look: De acht onderdelen van een prompt die een AI-designtool keuzes geeft in plaats van ruimte voor zijn standaard.
AI-teksten herkennen: Typische Nederlandse AI-zinnen, waarom ze zo klinken en hoe je ze herschrijft, met voorbeelden voor en na.
Lettertype kiezen: Waarom AI standaard Inter kiest, hoe je zelf een combinatie kiest, en hoe je die met de juiste licentie snel en zelf gehost op je site zet.

Wij lopen elk beeld op je site na⁠

De kennismaking is gratis. We reageren binnen één werkdag.

Plan een kennismaking Bel direct