SK-REG BLOG

Dieser Block befindet sich derzeit im Aufbau und wird
ständig erweitert. Daher bitten wir um Verständnis, falls noch
nicht alle Funktionalitäten zur Verfügung stehen.
Dieses Projekt sehe ich als Terapie, um nicht zu vergessen
Details

Wie es funktioniert:

Das Tool arbeitet komplett im Browser des Besuchers (kein Server, keine Bilder Uploads irgendwohin). Man klickt ins Bild, um die Hintergrundfarbe zu bestimmen, stellt die Toleranz ein und klickt "Hintergrund entfernen".
Ein Flood Fill Algorithmus macht dann alle zusammenhängenden Bereiche ab dem Bildrand, die dieser Farbe ähneln, transparent. Das funktioniert gut bei Fotos mit einfarbigem oder gleichmäßigem Hintergrund (z. B. Produktfotos vor Weiß), aber nicht bei komplexen, unruhigen Hintergründen dafür bräuchte man ein echtes KI Modell, was deutlich aufwändiger wäre. Für meine zwecke ausreichend.

Bildhintergrund entfernen

Bild hochladen, auf den Hintergrund klicken, um die Farbe zu bestimmen, Toleranz einstellen und entfernen. Das Ergebnis lässt sich als PNG mit transparentem Hintergrund herunterladen.

Gewählte Hintergrundfarbe
Klicke auf einen Bereich im Bild
Toleranz 32

Entfernt zusammenhängende Bereiche ähnlicher Farbe ausgehend vom Bildrand — geeignet für Fotos mit einfarbigem oder gleichmäßigem Hintergrund. Höhere Toleranz erfasst mehr Farbabweichung, kann aber auch Teile des Motivs mit entfernen.


Einbau in Joomla:

Einbau in Joomla:

  1. Neues Modul anlegen → Typ "Benutzerdefiniert" (Custom)
  2. Als Editor "Kein Editor" / "Ohne Editor" wählen (wichtig, sonst filtert TinyMCE die <script> Tags raus)
  3. Den kompletten Inhalt der Datei in das Textfeld einfügen
  4. Position zuweisen und im Artikel per oder {loadmodule ...} einbinden

Das Styling folgt meine SK Light Branding (Akzent Verlauf, weiße Karte mit abgerundeten Ecken, Glow Schatten auf den Buttons, System UI Schrift).

Die bereitgestellte Software wird als freie Software ohne Garantie veröffentlicht. Es bestehen keine Ansprüche hinsichtlich Funktionsumfang, Fehlerfreiheit oder Aktualität. Installation und Verwendung erfolgen auf eigenes Risiko.
Herunterladen5× heruntergeladen

Wie bewertest du diesen Beitrag?

(0 Bewertungen)