Bildhintergrund online entfernen (KI BiRefNet)

Bildhintergrund entfernen: KI und JS-Tool

Um den Hintergrund aus einem Foto zu entfernen, muss man nicht unbedingt einen komplexen Grafikeditor öffnen und jede Kontur manuell nachzeichnen. Bei FillTools gibt es zwei Methoden zur Bildbearbeitung: die automatische Hintergrundentfernung mit dem neuronalen Netz BiRefNet und einen klassischen Algorithmus in JavaScript, der direkt im Browser läuft.

Diese Modi lösen eine ähnliche Aufgabe, verwenden aber unterschiedliche Ansätze. Die KI analysiert das Bild und bestimmt das Hauptobjekt, was besonders bei Fotos von Personen, Produkten und komplexen Szenen nützlich ist. JS arbeitet mit den Pixelfarben und eignet sich daher gut für einfarbige Hintergründe, Icons, Diagramme und Screenshots.

Nach der Bearbeitung kann man die Maske überprüfen, die Ränder korrigieren, überflüssige Bereiche löschen oder Teile des Bildes wiederherstellen. Das fertige Ergebnis wird im PNG-Format gespeichert. Die Wahl des Modus hängt vom Bild selbst ab: Manchmal ist es besser, die Auswahl dem neuronalen Netz zu überlassen, und manchmal ist es schneller, den einfachen Farbalgorithmus zu verwenden.

Worin sich die Modi KI und JS unterscheiden

Vor Beginn der Arbeit sollte man nicht nur die Qualität der automatischen Auswahl berücksichtigen, sondern auch den Bildtyp, die Privatsphäre und die Verarbeitungsmethode. Nachfolgend sind die wichtigsten Unterschiede der beiden FillTools-Modi aufgeführt.

Bei einem Foto einer Person in einem Raum oder auf der Straße sollte man in der Regel mit der KI beginnen. Wenn man einen gleichmäßigen Hintergrund um ein Logo, ein Diagramm oder ein Piktogramm transparent machen möchte, probiert man JS aus. Diese Wahl hilft, überflüssige Bearbeitung zu vermeiden und ein Ergebnis zu erzielen, das weniger manuelle Korrekturen erfordert.

KI-Hintergrundentfernung mit BiRefNet

Der KI-Modus verwendet das neuronale Netzmodell BiRefNet-general (ONNX). Anstatt nach einer einzelnen Hintergrundfarbe zu suchen, analysiert das Modell das Bild als Ganzes und erstellt eine Maske, die festlegt, welche Bereiche zum Vordergrund gehören und welche transparent werden sollen.

Dies ist wichtig für Fotos, bei denen es keine klare Grenze zwischen Objekt und Hintergrund gibt. Zum Beispiel können Haare teilweise mit der Umgebung verschmelzen, Fell bildet eine unregelmäßige Kontur, und Kleidungsränder können durch Beleuchtung oder Bewegung unscharf sein. Eine einfache Farbauswahl hinterlässt in solchen Fällen oft Halos oder entfernt einen Teil des Objekts selbst.

BiRefNet-general erstellt eine Vordergrundmaske, die als Grundlage für den Alphakanal und die weitere Anpassung der Übergänge an den Rändern verwendet werden kann. Das ist nützlich für Porträts, Fotos von Haustieren, Produktaufnahmen und andere Bilder, bei denen es wichtig ist, eine komplexe Kontur zu erhalten.

Allerdings erkennt das neuronale Netz nicht immer den Zweck jedes Details richtig. Ein einfarbiger Sektor eines Diagramms, eine dünne Linie in einem Schema oder ein Teil eines Logos kann als Hintergrund aufgefasst werden. Wenn die Hauptaufgabe darin besteht, die Geometrie und alle Grafikelemente genau zu erhalten, kann der klassische JS-Modus praktischer sein.

Für die KI-Verarbeitung wird die Datei an einen Server gesendet, auf dem die Inferenz des ONNX-Modells ausgeführt wird. Nach Erhalt der Antwort erfolgt die weitere Anpassung der Maske auf dem Client. Gemäß dem vorgesehenen Schema speichert der Dienst die Quelldatei nach Abschluss der Anfrage nicht. Für die Nutzung ist eine Internetverbindung erforderlich, und wiederholte KI-Anfragen sind durch ein festgelegtes Limit begrenzt.

Klassische Hintergrundentfernung im Browser mit JS

Nicht jedes Bild benötigt ein neuronales Netz. Wenn der Hintergrund eine einheitliche Farbe hat, kann er oft mit einem einfachen Algorithmus entfernt werden, der die Pixelfarben analysiert. Bei FillTools läuft dieser Modus in JavaScript im Browser und verwendet Canvas zur Bildverarbeitung.

Ein wichtiger Vorteil dieses Ansatzes ist, dass das Foto nicht zur Hintergrundentfernung an einen Server gesendet wird. Die Verarbeitung erfolgt lokal im Browser, ohne KI-Anfragen und die damit verbundene Ratenbegrenzung. Das ist eine praktische Option für einfache Bilder sowie für Fälle, in denen das Foto nicht an einen externen Server übertragen werden soll.

Im JS-Modus gibt es zwei Methoden zur Bestimmung der Hintergrundfarbe.

Hintergrundauswahl von den Bildrändern

Wenn die Pipette nicht verwendet wird, beginnt der Algorithmus die Prüfung an den Bildrändern und sucht nach benachbarten Pixeln, deren Farben den Farben am Umfang ausreichend ähnlich sind. Transparent werden die Hintergrundbereiche, die mit dem Bildrand verbunden sind und der eingestellten Empfindlichkeit entsprechen.

Dieses Prinzip nennt man Flutfüllung oder Flood Fill. Es ist nützlich, wenn man den Hintergrund um ein Objekt entfernen möchte, aber ähnlich gefärbte Details im Inneren nicht beeinträchtigen will, sofern sie nicht mit dem äußeren Hintergrund verbunden sind.

Zum Beispiel kann diese Methode gut für ein schwarzes Piktogramm auf weißem Hintergrund oder einen dunklen Gegenstand auf einem gleichmäßigen hellen Hintergrund funktionieren. Wenn der Hintergrund jedoch einen Verlauf, Schatten oder deutliche Beleuchtungsunterschiede aufweist, muss man die Empfindlichkeit anpassen, und das Ergebnis kann ungleichmäßig sein.

Auswahl mit der Pipette

Wenn Sie eine Farbe mit der Pipette auswählen, wechselt der Algorithmus zum Chroma-Key-Prinzip. Alle Pixel, deren Farbe der ausgewählten ausreichend ähnlich ist, werden transparent, unabhängig davon, wo sie sich im Bild befinden.

Dies unterscheidet sich von der Auswahl von den Rändern: Der Algorithmus ist nicht mehr auf den äußeren Bereich beschränkt, der mit dem Umfang verbunden ist. Dieser Ansatz kann für Grafiken, Screenshots oder Bilder praktisch sein, bei denen dieselbe Hintergrundfarbe an mehreren separaten Stellen vorkommt.

Gleichzeitig muss man berücksichtigen, dass die Pipette nicht versteht, welche Teile des Bildes zum Objekt und welche zum Hintergrund gehören. Wenn die ausgewählte Farbe im Objekt selbst vorkommt, können die entsprechenden Pixel ebenfalls transparent werden. Die Empfindlichkeit bestimmt, wie stark die Farben von der ausgewählten abweichen dürfen, um entfernt zu werden.

Funktionen des Maskeneditors

Unabhängig davon, welchen Modus Sie gewählt haben, können Sie nach der Hintergrundentfernung zum gemeinsamen Editor wechseln und das Ergebnis optimieren. Es ist nicht notwendig, die gesamte Bildverarbeitung zu wiederholen, wenn sich der Fehler nur auf einen kleinen Bereich bezieht.

• Pinsel. Verwenden Sie ihn zur manuellen Korrektur der Maske. Die Pinselgröße kann je nach Bedarf angepasst werden, ob ein kleines Detail korrigiert oder ein größerer Bereich bearbeitet werden soll.
• Radiergummi. Entfernen Sie überflüssige sichtbare Fragmente, die nach der automatischen Auswahl oder der Anpassung der Empfindlichkeit übrig geblieben sind.
• Wiederherstellen. Stellen Sie Bildteile wieder her, die fälschlicherweise transparent geworden sind. Das ist besonders nützlich für dünne Elemente, Objektränder und Kleidungsdetails.
• Maskenschwellenwert. Stellen Sie für das KI-Ergebnis die Grenze zwischen sichtbaren und transparenten Bereichen ein. Eine Änderung des Schwellenwerts kann Hintergrundreste entfernen, aber eine zu aggressive Einstellung kann auch feine Details des Objekts beeinträchtigen.
• Kantenweichheit. Glätten Sie die Übergänge zwischen Objekt und transparentem Bereich, wenn die Kontur zu scharf aussieht. Bei Grafiken mit klaren Grenzen kann hingegen eine härtere Kante angebracht sein.
• Maske invertieren. Tauschen Sie sichtbare und transparente Bereiche aus, wenn der Hintergrund erhalten bleiben und das Objekt selbst transparent werden soll.
• Hintergrund ersetzen. Behalten Sie den transparenten Hintergrund bei oder wählen Sie Weiß, Schwarz oder eine andere Farbe für das fertige Bild.
• Transparente Ränder zuschneiden. Entfernen Sie den leeren Raum um das Objekt, damit sich das PNG bequemer in Layouts, Katalogen und anderen Materialien verwenden lässt.
• Zoomen. Vergrößern Sie das Bild für eine präzisere Arbeit an den Konturen und verkleinern Sie es anschließend, um das Ergebnis vollständig zu beurteilen.
• Änderungsverlauf. Machen Sie Aktionen während der Bearbeitung rückgängig oder wiederholen Sie sie, ohne den gesamten Prozess von neuem zu beginnen.

Nach der automatischen Hintergrundentfernung ist es sinnvoll, das Foto vor einem kontrastreichen Hintergrund zu prüfen. Auf weißem Hintergrund können helle Reste fast unsichtbar sein, auf dunklem Hintergrund dunkle Halos. Wenn die Kontur nachgebessert werden muss, verwenden Sie die manuellen Werkzeuge, bevor Sie die endgültige Version speichern.

Für welche Aufgaben das Tool geeignet ist

Produktfotos für Onlineshops

Beim Befüllen eines Katalogs kommen Fotos oft von verschiedenen Lieferanten und unterscheiden sich in Hintergrund, Beleuchtung und Qualität. Die Hintergrundentfernung hilft, die Gestaltung von Produktkarten einheitlicher zu machen, Bilder auf weißem Hintergrund vorzubereiten oder das Produkt als transparentes PNG zu speichern.

Bei Fotos mit Schatten, Reflexionen und komplexen Konturen sollte man mit der KI beginnen. Wenn man jedoch einen gleichmäßigen Hintergrund aus einem einfachen Produktbild entfernen möchte, kann man JS ausprobieren. Die fertigen Dateien eignen sich für die weitere Verwendung in Onlineshops, Katalogen und Werbematerialien, aber vor der Veröffentlichung sollten die Anforderungen der jeweiligen Plattform an Bilder geprüft werden.

Logos, Icons und Diagramme

Für flache Grafiken ist die Auswahl durch ein neuronales Netz nicht immer die optimale Lösung. Die KI kann einen Teil eines einfarbigen Elements als Hintergrund auffassen, insbesondere wenn alle Linien, Sektoren oder kleinen Details erhalten bleiben sollen.

Wenn die Grafik auf einem gleichmäßigen Hintergrund liegt, liefert der JS-Modus oft mehr Vorhersehbarkeit. Die Auswahl von den Rändern hilft, den äußeren Hintergrund zu entfernen, und die Pipette macht Pixel der ausgewählten Farbe im gesamten Bild transparent. Für komplexere Fälle kann man die Empfindlichkeit anpassen oder die Maske manuell nachbearbeiten.

Webdesign und Werbematerialien

Transparente Bilder lassen sich bequem in Bannern, Präsentationen, Covern, Servicekarten und Seitenlayouts verwenden. Das ausgeschnittene Objekt kann über einem anderen Foto, einem Verlauf oder einer Markenfarbe platziert werden, ohne einen rechteckigen Hintergrund darum.

Für Fotos von Personen und Gegenständen mit komplexen Konturen sollte man die KI ausprobieren. Für Screenshots von Benutzeroberflächen, Piktogrammen und Grafikelementen mit einfarbigem Hintergrund ist JS oft besser geeignet. Nach der Bearbeitung kann man ein transparentes PNG speichern und es in Figma, Photoshop oder einem anderen Editor verwenden.

Inhalte für soziale Netzwerke

Bei der Erstellung von Covern, Werbebeiträgen, Stickern und Vorschaubildern muss oft eine Person oder ein Gegenstand vom ursprünglichen Hintergrund getrennt werden. Die KI hilft, die Auswahl eines Porträts zu automatisieren, während JS für Grafikelemente mit klarem, einfarbigem Hintergrund nützlich sein kann.

Wenn das automatische Ergebnis nicht ganz den Vorstellungen entspricht, kann man die Maske bearbeiten, die Hintergrundfarbe ändern oder transparente Ränder zuschneiden. So lässt sich das Bild für eine Komposition vorbereiten, ohne sofort zu einer komplexen manuellen Auswahl überzugehen.

So entfernen Sie den Hintergrund aus einem Foto

1. Laden Sie das Bild hoch. Klicken Sie auf «Datei auswählen» und fügen Sie das gewünschte Foto hinzu. Für die KI-Verarbeitung wird die Datei an einen Server gesendet, während der JS-Modus das Bild lokal im Browser verarbeitet.
2. Wählen Sie den Modus. Aktivieren Sie die KI für Fotos mit komplexem Hintergrund, Personen, Produkten und Haaren. Wählen Sie JS für einfarbige Hintergründe, Icons, Diagramme oder Screenshots.
3. Klicken Sie auf «Hintergrund entfernen». Warten Sie im KI-Modus auf die Antwort des Servers. Stellen Sie im JS-Modus die Empfindlichkeit ein und verwenden Sie bei Bedarf die Pipette, um die zu entfernende Farbe auszuwählen.
4. Überprüfen Sie die Maske. Stellen Sie sicher, dass die benötigten Teile des Objekts sichtbar geblieben sind und der überflüssige Hintergrund transparent geworden ist. Vergrößern Sie das Bild, wenn Sie kleine Details prüfen möchten.
5. Korrigieren Sie Mängel. Verwenden Sie Pinsel, Radiergummi oder Wiederherstellen. Für die KI können Sie zusätzlich den Schwellenwert und die Kantenweichheit einstellen.
6. Wählen Sie den Hintergrund und speichern Sie das Ergebnis. Behalten Sie die Transparenz bei oder stellen Sie die gewünschte Farbe ein. Schneiden Sie bei Bedarf leere Ränder zu und laden Sie das fertige PNG herunter.

So erzielen Sie ein besseres Ergebnis

Die beste Verarbeitungsmethode hängt davon ab, wie das Bild genau aussieht. Wenn der Hintergrund einfarbig und die Objektgrenzen klar sind, beginnen Sie mit JS. Wenn das Foto Haare, Fell, komplexe Beleuchtung oder viele kleine Details enthält, probieren Sie die KI aus. Man muss nicht für jede Datei ein neuronales Netz verwenden — manchmal liefert ein einfacher Farbalgorithmus ein saubereres Ergebnis.

Beginnen Sie im JS-Modus mit einer moderaten Empfindlichkeit. Wenn der Hintergrund nicht vollständig entfernt wird, erhöhen Sie sie schrittweise und prüfen Sie, ob Teile des Objekts verschwinden. Wenn eine ähnliche Farbe an verschiedenen Stellen des Bildes vorkommt, kann die Pipette sie nicht nur im äußeren Hintergrund, sondern auch im Inneren des Objekts entfernen.

Achten Sie im KI-Modus auf feine Details und halbtransparente Ränder. Wenn ein Teil des Objekts transparent geworden ist, versuchen Sie, den Maskenschwellenwert zu ändern oder die Maske manuell wiederherzustellen. Wenn um den Gegenstand ein Halo geblieben ist, prüfen Sie die Kantenweichheit und beurteilen Sie das Ergebnis vor einem anderen Hintergrund.

Für jeden Modus ist es ratsam, Bilder mit ausreichender Qualität zu verwenden. Starke Kompression, unscharfe Grenzen und ähnliche Farben von Objekt und Hintergrund können die Auswahl erschweren. Prüfen Sie vor dem endgültigen Speichern die Kontur in der Vergrößerung und stellen Sie sicher, dass die transparenten Bereiche tatsächlich Ihren Erwartungen entsprechen.

Wählen Sie die passende Methode und arbeiten Sie weiter

Die Hintergrundentfernung erfordert nicht immer denselben Ansatz. Das neuronale Netz BiRefNet hilft, Objekte auf komplexen Fotos zu trennen, während der klassische JS-Algorithmus es ermöglicht, einen einfarbigen Hintergrund schnell zu entfernen, ohne das Bild an einen Server zu übertragen.

Bei FillTools sind beide Modi mit einem gemeinsamen Maskeneditor verbunden. Sie können das Ergebnis überprüfen, die Kontur manuell korrigieren, den Hintergrund ersetzen oder transparente Ränder zuschneiden und anschließend das Bild im PNG-Format speichern. Wählen Sie die Methode, die am besten zu Ihrem Bild passt, und verwenden Sie die fertige Datei für Produktkataloge, Design, Präsentationen oder Beiträge in sozialen Netzwerken.

Der KI-Modus erfordert eine Internetverbindung und unterliegt einer Ratenbegrenzung — eine Anfrage pro 60 Sekunden pro Benutzer. Die JS-Verarbeitung nutzt dieses KI-Limit nicht, da sie im Browser ausgeführt wird.