WordPress KI-Bildhinweis

Version 1.7.3

Warum KI-Bilder gekennzeichnet werden sollten

Seit dem 2. August 2026 gelten in der Europäischen Union neue Transparenzregeln für bestimmte KI-Inhalte. Wichtig sind unter anderem der berufliche oder geschäftliche Einsatz, die Art der Veränderung und die Frage, ob Menschen das Ergebnis irrtümlich für eine echte Aufnahme halten könnten.

Für Unternehmen und Organisationen sind besonders realistisch wirkende künstliche Bilder, Stimmen und Videos wichtig. Wenn solche Inhalte einen falschen Eindruck von echten Personen, Produkten, Orten oder Ereignissen vermitteln können, sollte das Publikum früh und verständlich über die künstliche Entstehung informiert werden.

Der Hinweis sollte leicht auffindbar, verständlich und bereits beim ersten Kontakt mit dem Inhalt wahrnehmbar sein. Dieses Plugin hilft bei der sichtbaren Kennzeichnung von Bildern. Es entscheidet nicht, ob im Einzelfall eine gesetzliche Pflicht besteht, und ersetzt weder eine rechtliche Prüfung noch technische Herkunftsangaben.

Weitere Informationen finden Sie in den Leitlinien der Europäischen Kommission zu den Transparenzpflichten nach Artikel 50.

Diese kurze Einordnung ist keine Rechtsberatung.

Das Plugin kennzeichnet ausgewählte KI-Bilder auf einer WordPress-Website. Die Auswahl wird direkt am Bild in der Mediathek gespeichert. Bilder ohne Kennzeichnung bleiben unverändert. Sie erhalten weder einen Hinweis noch einen zusätzlichen Rahmen. Der Hinweis wird unten links im Bild angezeigt.

Voraussetzungen

• WordPress 6.4 oder neuer
• PHP 8.0 bis PHP 8.4
• JavaScript sollte im Browser aktiviert sein, damit Bilder aus allen Themes und Pagebuildern erkannt werden können.

Unterstützte Themes und Pagebuilder

Das Plugin ist nicht an ein bestimmtes Theme gebunden.

Es unterstützt:

• WordPress-Bildblöcke
• Bilder, die ein Theme über die WordPress-Medienfunktionen ausgibt
• GenerateBlocks-Medienblöcke
• GenerateBlocks-Elemente mit Hintergrund- oder Hero-Bild
• GeneratePress-Elemente, wenn sie normale Bilder oder Mediathek-Hintergrundbilder enthalten
• andere Block-Themes und klassische Themes
• Pagebuilder wie Elementor, Divi, Beaver Builder, Bricks, Breakdance, Oxygen und WPBakery
• nachträglich geladene Bilder, zum Beispiel in Slidern, Pop-ups oder dynamischen Bereichen

WordPress- und GenerateBlocks-Bilder werden nach Möglichkeit direkt beim Erstellen der Seite verarbeitet. Ein kleines Frontend-Skript ergänzt die Erkennung für andere Themes und Pagebuilder. Es sammelt nur die auf der aktuellen Seite verwendeten Bild- und Hintergrundbild-Adressen und fragt diese gebündelt über die WordPress-REST-API ab. Eine vollständige Liste der Mediathek wird nicht an den Browser übertragen.

Kennzeichnung eines Bildes

1. Öffnen Sie Medien → Mediathek.
2. Öffnen Sie das gewünschte Bild.
3. Wählen Sie im Feld KI-Hinweis den passenden Hinweis.
4. Wählen Sie unter Hinweis anzeigen auf die gewünschten Geräte.
5. Speichern Sie das Bild.

Die Auswahl gilt nur für dieses Bild.

Übersicht und mehrere Bilder bearbeiten

In der Listenansicht unter Medien → Mediathek zeigt die Spalte KI-Hinweis, welcher Text und welche Geräte für ein Bild gespeichert sind. Oberhalb der Liste können Sie nach Bildern mit KI-Hinweis oder ohne KI-Hinweis filtern.

Über Mehrfachaktionen lassen sich mehrere ausgewählte Bilder gemeinsam bearbeiten:

• Standardhinweis setzen
• Hinweis entfernen
• auf allen Geräten anzeigen
• nur auf Desktop anzeigen
• nur auf Tablet anzeigen
• nur auf Mobil anzeigen

Eine individuelle Textauswahl nehmen Sie weiterhin direkt am einzelnen Bild vor.

Dropdownfeld „KI-Hinweis“

Folgende Einträge stehen zur Verfügung:

• Kein Hinweis
• KI-generiertes Bild – keine echte Aufnahme
• KI-generierte Konzeptvisualisierung
• KI-generierte Personendarstellung
• KI-generierte Systemvisualisierung
• KI-generierte Illustration
• KI-generierte Produktvisualisierung
• Mit KI erstelltes und nachbearbeitetes Bild
• Mit KI bearbeitetes Bild
• KI-generierte Architektur- oder Raumvisualisierung
• KI-generierte Beispielszene
• Eigener Text

Bei Eigener Text erscheint das zusätzliche Feld Eigener Hinweistext. Der Text darf höchstens 180 Zeichen lang sein. Bleibt das Feld leer, verwendet das Plugin den allgemeinen Hinweis „KI-generiertes Bild – keine echte Aufnahme“.

Anzeige auf Geräten

Für jedes Bild können die Geräte einzeln gewählt werden:

• Desktop: ab 1025 Pixel
• Tablet: 768 bis 1024 Pixel
• Mobil: bis 767 Pixel

Jede Kombination ist möglich. Wird kein Gerät ausgewählt, bleibt der Hinweis auf allen Geräten verborgen. Bei Bildern aus einer älteren Plugin-Version ohne gespeicherte Geräteauswahl ist der Hinweis automatisch auf Desktop, Tablet und Mobil sichtbar.

Farben einstellen

Die Farben gelten gemeinsam für alle Hinweise auf der Website.

1. Öffnen Sie Einstellungen → KI-Bildhinweis.
2. Stellen Sie die gewünschten Farben ein:
   • Rahmenfarbe
   • Hintergrundfarbe
   • Schriftfarbe
3. Klicken Sie auf Änderungen speichern.

Die Vorschau wird beim Auswählen einer Farbe sofort aktualisiert. Unter der Vorschau sehen Sie das Kontrastverhältnis zwischen Text und Hintergrund. Eine Warnung erscheint, wenn der für normalen Text empfohlene Wert von 4,5:1 unterschritten wird. Die Warnung verhindert das Speichern nicht.

Mit Standardfarben wiederherstellen setzen Sie alle drei Farben gemeinsam auf die unten aufgeführten Standardwerte zurück. Der Reset wird sofort gespeichert. Danach erscheint eine Bestätigung.

Standardfarben:

• Rahmen: #D8DEE3
• Hintergrund: #FFFFFF
• Schrift: #344454

Die Schriftgröße bleibt bewusst klein und beträgt 12 Pixel.

Verhalten im Frontend

• Der Hinweis wird nur bei Bildern mit einer ausgewählten Kennzeichnung ausgegeben.
• Kein Hinweis entfernt auch den zusätzlichen Hinweisbereich und seinen Rahmen.
• Der Hinweis ist normaler Text und kann von Hilfsmitteln gelesen werden.
• Bei normalen Bildern liegt der Hinweis direkt im unteren linken Bildbereich.
• Bei Hero- und Hintergrundbildern liegt der Hinweis am unteren Bildrand.
• Bei schmalen Bildern werden Innenabstand und maximale Hinweisbreite automatisch angepasst. Der Text bleibt 12 Pixel groß und läuft nicht horizontal aus dem Bild.
• Vorhandene GenerateBlocks-, Raster- und Kartenstrukturen bleiben unverändert. Das Plugin fügt um normale Bilder keinen zusätzlichen Layout-Container ein.
• Innenabstände einer Karte werden bei der Positionierung berücksichtigt. Die gesamte Hinweisbox bleibt unten links innerhalb der Bildkante.
• Mehrfach ausgegebene Hinweise am gleichen Bild werden verhindert.
• Dynamisch eingefügte Bilder werden ebenfalls geprüft.
• Die Browserabfrage wird gesammelt ausgeführt und enthält nur Bilder der aktuell geöffneten Seite.

Grenzen der automatischen Erkennung

Das Bild muss aus der WordPress-Mediathek stammen und anhand seiner ID oder URL erkennbar sein. In folgenden Fällen kann eine manuelle Prüfung nötig sein:

• Ein CDN ersetzt die Bildadresse vollständig und verwendet nicht mehr die WordPress-Dateiadresse.
• Ein Hintergrundbild wird nur in einem CSS-Pseudoelement wie ::before oder ::after geladen.
• Ein Pagebuilder zeichnet das Bild in ein Canvas-Element.
• Das Bild wird von einer externen Website geladen und liegt nicht in der WordPress-Mediathek.

Normale <img>-, <picture>-, WordPress- und inline gesetzte Hintergrundbilder werden unterstützt.

Bei vollständig umgeschriebenen CDN-Adressen kann die Attachment-ID mit dem Filter n24_ai_image_resolve_attachment_id ergänzt werden.

Gespeicherte Daten

Die Einstellungen pro Bild werden als Attachment-Metadaten gespeichert:

• _n24_ai_generated – Kompatibilität mit der alten Ja/Nein-Auswahl
• _n24_ai_label_type – ausgewählter Hinweis
• _n24_ai_label_custom_text – eigener Text
• _n24_ai_label_devices – Desktop, Tablet und Mobil

Die globalen Farben werden in der WordPress-Option n24_ai_image_label_colors gespeichert.

Filter für Entwickler

Der sichtbare Text kann mit dem Filter n24_ai_image_label_text angepasst werden.

Der Filter erhält:

1. den fertigen Hinweistext,
2. den aktuellen Block oder ein leeres Array,
3. die Attachment-ID,
4. den ausgewählten Hinweistyp.

Für eigene CDN- oder Pagebuilder-URLs steht zusätzlich n24_ai_image_resolve_attachment_id zur Verfügung. Der Filter erhält die bisher gefundene Attachment-ID und die angefragten Werte id und url. Er muss eine gültige lokale Bild-Attachment-ID zurückgeben.

Datenschutz und technische Herkunft

Die REST-Abfrage läuft ausschließlich gegen die eigene WordPress-Installation. Das Plugin sendet keine Bilddaten und keine Nutzerdaten an Nerdies24 oder andere externe Dienste.

Der sichtbare Hinweis ersetzt keine technischen Herkunftsnachweise wie C2PA- oder Content-Credentials-Metadaten. Solche Metadaten werden in dieser Version weder geschrieben noch ausgewertet.

Installation und Aktualisierung

1. Laden Sie den Plugin-Ordner oder die ZIP-Datei unter Plugins → Neues Plugin hinzufügen → Plugin hochladen hoch.
2. Aktivieren Sie Nerdies24 KI-Bildhinweis.
3. Leeren Sie nach einer Aktualisierung gegebenenfalls den Seiten- und Browsercache.

Vorhandene Bildauswahlen bleiben bei einer Aktualisierung erhalten.

Beim Löschen des Plugins werden die globalen Farbeinstellungen entfernt. Die Einstellungen an einzelnen Bildern bleiben bewusst erhalten, damit redaktionelle Entscheidungen bei einer späteren Neuinstallation nicht verloren gehen.

Manuelle Prüfung nach einem Update

Prüfen Sie mindestens ein normales Bild und ein Hero- oder Hintergrundbild auf Desktop, Tablet und Mobil. Testen Sie außerdem eine Seite Ihres verwendeten Pagebuilders, die Mediathek-Filter und eine Mehrfachaktion. Leeren Sie zuvor vorhandene Seiten-, Plugin- und Browser-Caches.