Drop AI Image Badge
KI-generierte Bilder in WordPress kennzeichnen
Kennzeichnet KI-generierte Bilder auf deiner WordPress-Website mit einem schlichten Hinweis direkt auf dem Bild, zum Beispiel „Symbolbild – KI generiert“. Einmal eingerichtet, läuft es automatisch.
Kurz erklärt
Drop AI Image Badge ist ein WordPress-Plugin, das KI-generierte Bilder sichtbar kennzeichnet. Du markierst ein Bild einmal in der Mediathek oder vergibst in Elementor die CSS-Klasse drop-ai-badge – danach erscheint überall dort, wo das Bild verwendet wird, ein Hinweis wie „Symbolbild – KI generiert“ direkt auf dem Bild. Die Free-Version deckt Kennzeichnung, Text, Position und Farben ab, Pro ergänzt vertikale Ausrichtung, Einstellungen pro Element und volle Kontrolle über die Typografie.
- Wege zur Kennzeichnung: Mediathek und CSS-Klasse
- 2
- CSS und JavaScript im Frontend (gzip), ohne jQuery
- 5,4 KB
- externe Dienste, Schriften oder Tracker
- 0
- Funktionen in Pro, 10 davon kostenlos
- 17
Zuletzt aktualisiert:
So sieht es aus
So funktioniert's
Einzelne Bilder in der Mediathek markieren
Beim Bild „KI-generiert“ anhaken oder mehrere Bilder auf einmal per Massenaktion markieren. Das Badge erscheint überall, wo das Bild verwendet wird: in Beiträgen, Seiten, Galerien und Slidern. Wird ein Bild an fünf Stellen genutzt, ist es an allen fünf gekennzeichnet.
Ganze Bereiche per CSS-Klasse
In Elementor die Klasse drop-ai-badge an ein Widget, einen Container oder eine Section vergeben. Alle Bilder darin bekommen das Badge, bei Containern mit Hintergrundbild der Hintergrund.
Größe passt sich automatisch an
Die Schrift wächst mit dem Bild mit. Auf einem Vorschaubild bleibt das Badge lesbar, auf einem großen Titelbild bleibt es unaufdringlich.
Free und Pro im Vergleich
| Funktion | Free | Pro |
|---|---|---|
| Markierung einzelner Bilder in der Mediathek | ✓ | ✓ |
| Massenaktion und Spalte „KI“ in der Mediathek | ✓ | ✓ |
| CSS-Klasse für Widgets, Container und Sections | ✓ | ✓ |
| Hintergrundbilder und Hintergrund-Slideshows | ✓ | ✓ |
| Eigener Badge-Text | ✓ | ✓ |
| Position in allen vier Ecken | ✓ | ✓ |
| Text- und Hintergrundfarbe, Deckkraft | ✓ | ✓ |
| Automatische Schriftgröße passend zur Bildgröße | ✓ | ✓ |
| Live-Vorschau in den Einstellungen | ✓ | ✓ |
| Vertikale Ausrichtung entlang der Bildkante | – | ✓ |
| Position und Ausrichtung pro Element | – | ✓ |
| Einzelne Bereiche ausnehmen | – | ✓ |
| Schriftart wählen, inklusive Elementor-Global-Fonts | – | ✓ |
| Schriftgewicht, Großbuchstaben, Laufweite | – | ✓ |
| Schriftgröße einstellbar: Minimum, Maximum, Skalierung | – | ✓ |
| Weichzeichner, Eckenradius, Innen- und Randabstand | – | ✓ |
| Updates direkt im WordPress-Backend | ✓ | ✓ |
Funktioniert mit
- • Elementor: Bild, Image Box, Galerie, Bild-Karussell
- • Elementor Pro: Galerie und Slides
- • Container und Sections mit Hintergrundbild oder Hintergrund-Slideshow
- • Atomic-Elemente in Elementor 4 über Global Classes
- • Lazy Loading, Slider mit Endlosschleife und der Elementor-Editor
- • Die Markierung über die Mediathek funktioniert mit jedem Theme
Datenschutz und Performance
- • Keine externen Dienste, keine externen Schriften, kein Tracking
- • Rund 5,4 KB CSS und JavaScript im Frontend (gzip-komprimiert), ohne jQuery; Pro ergänzt rund 1,4 KB
- • Icons und Bilder unter 80 px sowie SVG-Dateien werden ignoriert
Häufige Fragen
Wie kennzeichne ich KI-generierte Bilder in WordPress?
Mit Drop AI Image Badge markierst du ein Bild in der Mediathek als „KI-generiert“. Das Plugin blendet dann überall, wo das Bild verwendet wird, einen Hinweis wie „Symbolbild – KI generiert“ direkt auf dem Bild ein. Für ganze Bereiche vergibst du in Elementor die CSS-Klasse drop-ai-badge.
Muss ich KI-generierte Bilder auf meiner Website kennzeichnen?
Seit dem 2. August 2026 gilt Artikel 50 der EU-KI-Verordnung (EU) 2024/1689. Nach Absatz 4 müssen Betreiber offenlegen, wenn Bild-, Ton- oder Videoinhalte künstlich erzeugte oder manipulierte Deepfakes sind. Ob ein rein dekoratives Symbolbild darunter fällt, wird unterschiedlich bewertet. Eine sichtbare Kennzeichnung ist der vorsichtige Weg. Im Einzelfall solltest du das rechtlich prüfen lassen.
Brauche ich Elementor?
Nein. Die Markierung über die Mediathek funktioniert mit jedem Theme. Die CSS-Klasse funktioniert mit jedem Page-Builder, der eigene Klassen erlaubt.
Macht das Plugin meine Website langsamer?
Kaum. Im Frontend lädt die Free-Version rund 5,4 KB CSS und JavaScript (gzip-komprimiert), ohne jQuery und ohne externe Anfragen. Bilder unter 80 px und SVG-Dateien werden übersprungen.
Was ist der Unterschied zwischen Free und Pro?
Free kennzeichnet Bilder vollständig, mit Text, Position und Farben deiner Wahl. Pro ergänzt die vertikale Ausrichtung, Einstellungen pro Element und die volle Kontrolle über Schrift, Größe und Abstände.
Ich nutze noch Drop KI-Badge. Was passiert?
Mit dem nächsten Update wird automatisch auf Drop AI Image Badge und Pro umgestellt. Einstellungen und Markierungen werden übernommen, bestehende Seiten funktionieren unverändert weiter.
Quellen
Pro auf einen Blick
- • Vertikale Ausrichtung entlang der Bildkante
- • Position und Ausrichtung pro Element
- • Einzelne Bereiche ausnehmen
- • Schriftart wählen, inklusive Elementor-Global-Fonts
- • Schriftgewicht, Großbuchstaben, Laufweite
- • Schriftgröße einstellbar: Minimum, Maximum, Skalierung
- • Weichzeichner, Eckenradius, Innen- und Randabstand
Aktuelle Version 1.0.0 · 30. Oktober 2026
Voraussetzungen
- WordPress 6.3 oder neuer, für Pro 6.5 oder neuer
- PHP 7.4 oder neuer
- Pro setzt die kostenlose Version Drop AI Image Badge voraus
Änderungen
1.0.0 (30. Oktober 2026)
- Erste Version
- Übernimmt Einstellungen und Markierungen aus Drop KI-Badge
Du brauchst ein Plugin, das genau zu deiner Website passt?
Ich entwickle WordPress-Plugins und Elementor-Widgets nach Maß.
Fragen zum Plugin?
Schreib mir, wenn du wissen willst, ob das Plugin zu deiner Website passt, oder wenn dir eine Funktion fehlt.
Kontakt aufnehmen