KI-Kennzeichnung in Lovable: über den Chat, die Datenbank oder automatisch
- Bei Lovable entstehen Bilder per Prompt – rechnen Sie damit, dass generierte dabei sind.
- Drei Wege: über den Chat, über ein Feld in der Datenbank oder automatisiert per Script.
- Lovable hat seine Technik im Mai 2026 umgestellt: Neuere Projekte liefern fertige Seiten aus, ältere setzen sie erst im Browser des Besuchers zusammen – davon hängt ab, ob Ihre Bilder von außen überhaupt auffindbar sind.
- Nicht jedes generierte Bild ist kennzeichnungspflichtig – es kommt darauf an, ob es echt wirken könnte.
Was Lovable ist: Ein Werkzeug, das Web-Anwendungen aus Beschreibungen erzeugt. Man schreibt im Chat, was entstehen soll, und bekommt eine lauffähige Anwendung samt Code – ohne selbst zu programmieren.
Von allen Systemen in diesem Handbuch ist Lovable das, bei dem die Kennzeichnungspflicht am wahrscheinlichsten greift – und am leichtesten übersehen wird.
Das liegt an der Arbeitsweise. Eine Lovable-App entsteht im Gespräch: Man beschreibt, was man will, und bekommt es. Wer „setz ein Hero-Bild von einem Team im Büro ein” schreibt, bekommt ein Bild. Erzeugt oder aus einer Quelle geholt, ohne dass jemand es bewusst ausgewählt hätte.
Was bei Lovable besonders ist
Bilder kommen auf zwei Wegen herein. Sie können eigene Dateien hochladen – das funktioniert wie überall, und dabei entsteht der übliche Moment, in dem man sich fragt, woher eine Datei stammt. Bilder können aber genauso als Ergebnis einer Beschreibung entstehen, oft mehrere auf einmal, ohne dass jemand sie bewusst ausgewählt hat.
Beides landet nebeneinander im selben Projekt, und man sieht es den Dateien später nicht an. Nach ein paar Wochen Arbeit ist deshalb meist nicht mehr rekonstruierbar, welches Bild aus welcher Quelle kam – und genau diese Frage entscheidet über die Kennzeichnung.
Bei den meisten Systemen ist „wir haben gar keine KI-Bilder” eine plausible Ausgangsannahme. Bei einer App, die selbst per KI gebaut wurde, ist sie es nicht.
Die Frage ist deshalb weniger, ob generierte Bilder dabei sind, sondern welche davon reale Personen, Orte oder Ereignisse zeigen – denn erst dann greift die Pflicht. Ein abstraktes Farbmuster im Hintergrund bleibt unbedenklich, das fotorealistische Team im Büro nicht.
Die Abgrenzung steht in Deepfake, KI-generiert, KI-bearbeitet.
Es gibt kein CMS im klassischen Sinn. Inhalte liegen entweder direkt im Code oder in einer angebundenen Datenbank, bei Lovable üblicherweise Supabase. Das entscheidet darüber, welcher der Wege unten für Sie passt.
Geändert wird über den Chat. Auch technische Eingriffe – ein Script im Grundgerüst, eine neue Komponente – beschreiben Sie, statt sie zu tippen.
Was vorher geklärt sein muss
Bevor Sie etwas einbauen, muss feststehen, welche Medien betroffen sind. Die Pflicht greift nicht bei allem, was mit KI zu tun hatte, sondern bei Deepfakes – siehe Was gekennzeichnet werden muss und Deepfake, KI-generiert, KI-bearbeitet. Für eine erste Einordnung genügen ein paar Fragen im Kennzeichnungs-Check.
Was die Kennzeichnung leisten muss
Bei Lovable beschreiben Sie, was entstehen soll – gebaut wird es von der KI. Das macht einen Zwischenschritt nötig, den andere Systeme nicht kennen: nachsehen, ob das Beschriebene auch so herausgekommen ist. Verlangt wird nach Artikel 50 Absatz 5, dass die Angabe spätestens beim ersten Ansehen da ist, klar und eindeutig, und dass sie den Barrierefreiheitsanforderungen genügt. Der Verhaltenskodex der EU-Kommission führt aus, wie das aussieht: gut erkennbar, nichts darüber, direkt am Inhalt und nach Möglichkeit auch beim Teilen noch sichtbar. Der Kodex ist eine Selbstverpflichtung, Artikel 50 ist Pflicht.
Für eine Lovable-App folgt daraus:
- Beschrieben ist nicht gebaut. Prüfen Sie das Ergebnis auf der veröffentlichten Seite, nicht im Chatverlauf. Ein Prompt kann richtig klingen und trotzdem etwas anderes erzeugen.
- Achten Sie auf gestapelte Elemente. Generierte Layouts arbeiten gern mit absolut positionierten Blöcken. Ein Hinweis, der hinter einem Verlauf oder einem Button liegt, erfüllt die Anforderung nicht.
- Alt-Texte fallen beim Generieren oft unter den Tisch. Wenn Sie das EU-Symbol einbauen lassen, verlangen Sie den Alt-Text ausdrücklich mit – und sehen Sie nach, ob er da ist.
Weg A, über den Chat. Sie beschreiben den Hinweis, Lovable baut ihn ein. Am schnellsten – aber ein späterer Prompt kann ihn genauso wieder entfernen.
Weg B, über ein Feld in der Datenbank. Die Angabe hängt am Datensatz und überlebt damit jede Änderung am Aussehen. Setzt voraus, dass die Bilder überhaupt aus der Datenbank kommen.
Weg C, automatisiert. Ein Script kennzeichnet anhand einer zentral gepflegten Liste, unabhängig davon, wo ein Bild eingebunden ist. Dafür braucht es ein Werkzeug, das diese Liste führt.
Die Wege schließen sich nicht aus. Viele fangen mit A an und stellen um, wenn der Bestand wächst.
Weg A: über den Lovable-Chat
Sinnvoll bei überschaubaren Projekten oder wenn nur einzelne Bilder betroffen sind. Beschreiben Sie eine kleine Komponente, die unter einem Bild einen Hinweis zeigt, und setzen Sie sie dort ein, wo es nötig ist:
Lege eine Komponente
KiHinweisan, die unter einem Bild eine Zeile „Mit KI erstellt” anzeigt, zusammen mit dem Symbol aus/eu-icons/. Setze sie unter das Hero-Bild auf der Startseite.
Für das Symbol müssen Sie nichts entwerfen: Die EU-Kommission hat im Juni 2026 drei Zeichen veröffentlicht, die frei genutzt werden dürfen. Welches davon passt, hängt davon ab, wie stark KI beteiligt war:
Basissymbol KI war an der Erstellung beteiligt.
Vollständig KI-generiert Komplett von einer KI erzeugt, ohne von Menschen geschaffene Elemente.
Teilweise KI-verändert Bestehender Inhalt wurde mit KI verändert, etwa ein ausgetauschtes Gesicht.
Es gibt sie in Schwarz, Weiß und je einer halbtransparenten Fassung. Alle zwölf Dateien und die Platzierungsregeln stehen in Die offiziellen EU-Icons.
Ein Hinweis, der oft untergeht: Die Verwendung dieser Symbole ist freiwillig, die Kennzeichnungspflicht ist es nicht. Und die Kommission hat getestet, dass die Zeichen deutlich besser verstanden werden, wenn ein kurzer Text danebensteht – das Symbol allein sagt vielen Menschen noch nichts.
Der Haken ist derselbe wie überall bei Handarbeit: Sie müssen wissen, welches Bild betroffen ist, und daran denken, wenn eines ausgetauscht wird. Bei einer App, die sich per Chat weiterentwickelt, passiert das öfter als gedacht.
Weg B: über ein Feld in der Datenbank
Der bessere Weg, sobald Inhalte aus einer Datenbank kommen – bei Lovable üblicherweise Supabase.
Ein Wahrheitswert an der Tabelle, in der die Bilder oder Beiträge liegen, etwa
ki_erzeugt. Die Komponente, die das Bild rendert, zeigt den Hinweis, wenn das
Feld gesetzt ist. Damit entscheidet die Redaktion und nicht der Chatverlauf –
und neue Einträge sind von Anfang an richtig ausgezeichnet.
Die Grenze: Es wirkt nur für Medien aus der Datenbank. Bilder, die direkt im Code stehen – Hero-Bereiche, Illustrationen im Layout – bleiben Handarbeit nach Weg A.
Weg C: automatisiert mit wirklich.ai
Ab ein paar hundert Medien wird Handarbeit unwirtschaftlich. Und anders als bei Weg A und B haben Sie hier am Ende einen Nachweis darüber, wer wann was entschieden hat.
Eine Besonderheit vorweg: liefert Ihre App fertige Seiten aus?
Der Abgleich liest das ausgelieferte HTML. Ob dort etwas steht, hängt bei Lovable nicht davon ab, was Sie gebaut haben, sondern wann.
Projekte ab Mai 2026 werden serverseitig gerendert: Wer die Adresse aufruft, bekommt fertiges HTML, in dem Texte und Bilder bereits stehen. Ältere Projekte waren reine Browser-Anwendungen – sie liefern eine fast leere Hülle aus und bauen den Inhalt erst im Browser des Besuchers zusammen. Für Menschen sieht das Ergebnis identisch aus; für jedes Werkzeug, das eine Website von außen liest, ist dort nichts.
Das Datum ist ein Anhaltspunkt, kein Beweis – Projekte werden migriert, kopiert, neu aufgesetzt. Zwei Wege, es sicher zu wissen:
Im Browser: Ihre Seite öffnen, Seitenquelltext anzeigen lassen. Steht dort
Ihre Überschrift, und finden sich <img-Elemente? Dann liefert die App
fertige Seiten aus. Sehen Sie nur ein leeres <div> und Script-Verweise, tut
sie es nicht.
Im Verbindungstest: Adresse in der wirklich.ai App eintragen und prüfen lassen. Er antwortet mit den zwei Zahlen, auf die es ankommt – gefundene Seiten und gefundene Bilder.
Ist Ihr Projekt noch auf dem alten Stand, bietet Lovable eine Umstellung an, bestätigt über einen Dialog im Chat. Wollen Sie nicht umstellen, bleibt die Kennzeichnung selbst uneingeschränkt möglich – sie läuft im Browser und damit genau dort, wo Ihre App ihre Inhalte zusammenbaut. Nur das automatische Finden entfällt; die betroffenen Bilder tragen Sie dann einmalig über ihre Adresse nach.
Anbindung einrichten
Beim Anlegen des Projekts in der wirklich.ai App wählen Sie Lovable und tragen die Adresse Ihrer veröffentlichten App ein. Mehr braucht es nicht – kein Zugang zu Ihrem Lovable-Konto, kein Schlüssel. Gelesen wird ausschließlich, was ohnehin öffentlich ausgeliefert wird.
Einbau des Scripts
Über den Chat, mit dieser Zeile:
<!-- wirklich.ai · KI-Kennzeichnung -->
<script src="https://cdn.wirklich.ai/label.js"
data-wirklich-site="IHRE-SITE-ID" async></script>Unter 10 kB, lädt asynchron, setzt keine Cookies. Prüfen Sie danach im Seitenquelltext, dass es auf jeder Seite steht und nicht nur auf der Startseite – Lovable baut Änderungen manchmal enger ein als beschrieben.
Die Site-ID finden Sie in der wirklich.ai App. Dort hinterlegen Sie auch die Domains,
auf denen das Script laufen darf – auf allen anderen bleibt es stumm. Bei
Lovable ist das nützlich, weil neben Ihrer Domain immer noch die
lovable.app-Vorschauadresse existiert.
Transparenz-Protokoll
Das Protokoll kommt auf eine Unterseite, verlinkt aus Footer oder Impressum:
<!-- wirklich.ai · KI-Transparenz-Protokoll -->
<div id="wirklich-protokoll"></div>
<script src="https://cdn.wirklich.ai/protokoll.js"
data-wirklich-site="IHRE-SITE-ID" async></script>Ein Signet für den Footer gibt es zusätzlich – siehe Das wirklich.ai Signet und den Abschnitt am Ende dieses Kapitels.
- Adresse eintragen, Verbindung testen.
- Gefundene Medien einstufen, geführt und Frage für Frage.
- Script einbauen. Ab jetzt trägt jedes eingestufte Medium seinen Hinweis.
- Der Abgleich läuft automatisch weiter und meldet neue Medien.
Lovable-spezifische Fallstricke
Ein späterer Prompt kann die Kennzeichnung wieder entfernen. Was Sie von Hand oder über den Chat einbauen, ist Teil des Codes, den Lovable bei der nächsten Änderung neu schreibt. „Mach die Bildunterschriften kleiner” oder „überarbeite die Galerie” kann den Hinweis mitnehmen, ohne dass es jemandem auffällt. Bei einem CMS läge die Angabe im Datensatz und wäre von einer Layoutänderung nicht betroffen – hier liegt sie im Layout selbst.
Nehmen Sie deshalb nach größeren Umbauten eine Seite mit einem gekennzeichneten Bild in die Abnahme auf. Es genügt, einmal hinzusehen.
Was davon bei Weg C entfällt
Das Script hängt an einer Stelle im Layout und arbeitet am fertigen HTML, nicht an Ihren Komponenten. Ein Umbau der Galerie kann die Kennzeichnung damit nicht mehr einzeln verlieren, und welche Bilder betroffen sind, steht im Register statt im Code – ein Prompt kann daran nichts ändern.
Was bleibt: Auch dieses eine Script-Tag kann ein Prompt entfernen. Der Unterschied ist, dass Sie dann eine Stelle prüfen statt jeder Bildstelle im Projekt – und dass das Script bei jedem Aufruf ein Lebenszeichen an das Register schickt. Bleibt es aus, sehen Sie das dort, statt es dem Zufall zu überlassen.
Die Basisnutzung der wirklich.ai App ist dauerhaft kostenlos – kostenloses Konto erstellen.
Haltung zeigen: der wirklich.ai Transparenz-Pledge
Wer Aufwand in Transparenz steckt, muss das nicht im Hintergrund verstecken. Mit dem wirklich.ai Transparenz-Pledge setzen Sie ein Zeichen für ehrliche Kommunikation im Netz – unabhängig davon, ob Sie KI-Medien einsetzen und offen ausweisen oder vollständig auf echte Fotografie setzen.
Das Signet für Ihren Footer verlinkt direkt auf Ihr öffentliches Transparenz-Protokoll. Es zeigt Kundschaft, Partnern und Behörden auf einen Blick, dass auf Ihrer Website nicht nur behauptet, sondern geprüft wird:
Es behauptet bewusst wenig: keine Zertifizierung, keine Rechtskonformität, sondern nur, dass hier gekennzeichnet und darüber Buch geführt wird – nachprüfbar über das verlinkte Protokoll. Was es genau aussagt und was nicht, steht in Das wirklich.ai Signet.
Andere Systeme
Die Anforderungen sind überall dieselben, die Umsetzung nicht. Betreuen Sie weitere Websites, finden Sie hier die passende Anleitung:
Webflow Live 
WordPress Live 
Sanity Live 
Astro Live 
Statische Sites Live 
Framer Live 
Shopify Bald 
Wix Bald 
Strapi Bald Häufige Fragen
Woran erkenne ich, ob mein Lovable-Projekt gelesen werden kann?
Am schnellsten über den Verbindungstest in wirklich.ai: Er sagt Ihnen, wie viele Seiten und wie viele Bilder auf Ihrer Adresse gefunden wurden. Ohne Anmeldung geht es auch – öffnen Sie Ihre Seite im Browser und lassen Sie sich den Seitenquelltext anzeigen. Steht dort Ihr Text und finden sich img-Elemente, ist alles gut. Sehen Sie nur ein leeres div und Script-Verweise, baut die App ihre Inhalte erst im Browser auf.
Mein Projekt ist älter als Mai 2026 – was jetzt?
Lovable bietet für bestehende React-und-Vite-Projekte eine Umstellung auf den neuen Stack an, bestätigt über einen Dialog im Lovable-Chat. Danach liefert die App fertige Seiten aus und der Abgleich findet die Medien. Wollen Sie nicht umstellen, funktioniert die Kennzeichnung trotzdem – Sie tragen die betroffenen Medien dann einmalig von Hand ein.
Muss ich jedes KI-Bild kennzeichnen?
Nein. Die Pflicht aus Artikel 50 Absatz 4 greift bei Deepfakes – also bei Inhalten, die reale Personen, Orte oder Ereignisse zeigen und für echt gehalten werden könnten. Abstrakte Hintergründe, Icons und erkennbar gezeichnete Illustrationen fallen in der Regel nicht darunter. Die Abgrenzung steht in Deepfake, KI-generiert, KI-bearbeitet, für eine schnelle Einordnung genügt der Kennzeichnungs-Check.
Kann ich das Script über den Lovable-Chat einbauen lassen?
Ja, das ist sogar der naheliegende Weg. Beschreiben Sie im Chat, dass ein Script-Tag in das Grundgerüst der App soll, und geben Sie die Zeile mit. Prüfen Sie danach im Seitenquelltext, ob es tatsächlich auf jeder Seite steht und nicht nur auf der Startseite.
Bleiben meine Einstufungen erhalten, wenn ich die App neu veröffentliche?
Ja. Bilder, die Lovable mitbaut, bekommen beim Erzeugen eine Prüfsumme in den Dateinamen – die rechnet der Abgleich heraus und erkennt das Bild wieder. Ihre Entscheidungen überleben also jedes Veröffentlichen.
Quellen
Dieser Beitrag gibt den Verordnungstext und benannte Quellen wieder. Er ist keine Rechtsberatung und ersetzt im Einzelfall keine anwaltliche Prüfung.
Angaben zur Rechtslage, zu deren Auslegung sowie zu Funktionen, Oberflächen und Schnittstellen fremder Systeme geben den Stand zum oben genannten Datum wieder. Beides kann sich jederzeit und ohne Ankündigung ändern. Für Aktualität, Richtigkeit und Vollständigkeit übernehmen wir keine Gewähr; eine Haftung für Schäden aus der Nutzung dieser Inhalte, der beschriebenen Anleitungen oder der Code-Beispiele ist ausgeschlossen, soweit gesetzlich zulässig. Genannte Produkt- und Firmennamen gehören ihren jeweiligen Inhabern; eine Verbindung zu ihnen besteht nicht.
Dieser Text wurde mit Unterstützung von KI erstellt und redaktionell geprüft.
