Skip to content

Kann ich eigene Bilder in einem KI-Builder verwenden?

Kann ich eigene Bilder in einem KI-Builder verwenden?

Ja, und es ist die wirksamste einzelne Maßnahme gegen den Eindruck, eine Seite sei von der Stange. Logo, eigene Fotos und ein passendes Titelbild ersetzen die Platzhalter, die beim ersten Build entstehen. Jede solche Änderung kostet 3 Credits, und das Ergebnis unterscheidet sich sofort von allem, was ohne eigenes Material auskommt.

Interessanter als das Ob ist das Wie: welche Bilder wirklich gebraucht werden, in welcher Form sie hineingehören und welche rechtliche Sorgfalt dahintersteckt. Genau darum geht es hier.

Warum lohnen sich eigene Bilder überhaupt?

Weil Bilder das Erste sind, was jemand wahrnimmt, und das Letzte, worüber er nachdenkt. Ein Besucher entscheidet in Sekundenbruchteilen, ob eine Seite echt wirkt, und diese Entscheidung fällt über das Bild, nicht über den Text.

Platzhalter und beliebige Archivfotos senden dabei ein deutliches Signal. Ein Handwerksbetrieb mit einem Studiofoto lächelnder Fremder in einem Büro, das offensichtlich nicht seines ist, wirkt weniger vertrauenswürdig als derselbe Betrieb mit einem etwas unscharfen Foto der eigenen Werkstatt.

Für lokale Anbieter ist das der ganze Unterschied. Ein Foto der eigenen Ladentür beantwortet stumm die Frage, ob es diesen Betrieb tatsächlich gibt. Warum generierte Projekte sich sonst ähneln, behandelt Sehen alle KI-erstellten Websites gleich aus.

Welche Bilder brauche ich mindestens?

Diese Liste deckt fast jedes Projekt ab, und sie ist kürzer, als die meisten befürchten.

Bild Wofür Anmerkung
Logo Kopfzeile und Fußzeile am besten als SVG, sonst PNG mit transparentem Hintergrund
Favicon Symbol im Browsertab quadratisch, muss auch sehr klein erkennbar sein
Titelbild erster Bildschirm der Startseite quer, mit ruhiger Fläche für die Überschrift
Vorschaubild für geteilte Links Nachrichten und soziale Netzwerke quer im Verhältnis 1200 zu 630
Produkt- oder Arbeitsfotos Leistungen, Sortiment, Referenzen echte Aufnahmen schlagen jedes Archivbild
Porträt oder Teamfoto Kontakt und Über uns schafft mehr Vertrauen als jede Selbstbeschreibung

Das Vorschaubild wird am häufigsten vergessen und fällt am unangenehmsten auf: Fehlt es, sieht ein geteilter Link in Messengern nach nichts aus, und genau dort wird geklickt oder eben nicht.

Wer noch keine Fotos hat, sollte nicht warten, bis ein Fotograf Zeit hat. Ein sauberes Telefonfoto bei Tageslicht ist besser als ein perfektes Archivbild, das erkennbar aus einer anderen Welt stammt.

Welche Formate und Größen sind sinnvoll?

Vier Formate reichen für den gesamten Alltag, und die Auswahl folgt einer einfachen Logik.

Format Wofür geeignet Wofür nicht
SVG Logos, Symbole, einfache Grafiken Fotos
WebP Fotos im Web, kleine Dateien Bilder für den Druck
JPEG Fotos, wenn WebP nicht möglich ist Grafiken mit Text und harten Kanten
PNG Grafiken mit transparentem Hintergrund große Fotoflächen, weil die Dateien groß werden

Bei der Größe gilt: Ein Bild, das über die volle Breite läuft, braucht selten mehr als etwa 2000 Pixel Breite. Alles darüber wird beim Anzeigen ohnehin verkleinert und kostet nur Ladezeit. Fotos aus einer Kamera sollten Sie deshalb vor dem Einfügen verkleinern.

Denken Sie außerdem an Alternativtexte. Ein Satz, der beschreibt, was zu sehen ist, hilft Menschen mit Screenreader, taucht in der Bildersuche auf und erscheint, wenn ein Bild nicht lädt. Drei Wörter genügen selten, ein ganzer Satz fast immer.

Wie kommen meine Bilder ins Projekt?

Über eine Änderung. Sie beschreiben, welches Bild an welche Stelle gehört, und laden das Material dazu hoch. Jede Änderung an einem bestehenden Projekt kostet 3 Credits, im Hi-Fi-Modus 6.

Sinnvoll ist, mehrere Bilder in einem Durchgang zu übergeben statt einzeln. Fünf Bilder in einer Änderung kosten so viel wie eines, und der Aufbau der Seite bleibt zusammenhängend, weil alle Entscheidungen im selben Zug getroffen werden.

Erst bauen und danach die Bilder tauschen ist übrigens die richtige Reihenfolge, nicht die faule. Ein Build mit Platzhaltern zeigt Ihnen, wie viele Bilder in welchem Format überhaupt gebraucht werden, und das ist schwerer vorherzusagen als gedacht. Wie das Ändern grundsätzlich funktioniert, steht in Wie bearbeite ich eine KI-erstellte Website nachträglich.

Was ist mit Bildern, die meine Nutzer hochladen?

Das ist ein anderer Fall, und er wird gern mit dem ersten verwechselt. Bilder, die zur Seite gehören, sind Teil des Projekts. Bilder, die Besucher später hochladen, sind Daten und brauchen einen Ort, an dem sie liegen.

Dafür wird Supabase angebunden, das neben Datenbank und Anmeldung auch Dateien verwaltet. Ein Marktplatz mit Anzeigen, ein Portal mit Profilbildern oder eine Galerie mit Kundenfotos funktionieren auf diesem Weg.

Rechnen Sie hier mit zusätzlicher Arbeit, und das ist ehrlich gemeint. Wer Uploads zulässt, braucht Regeln: welche Formate erlaubt sind, wie groß eine Datei sein darf, wer was sehen darf und was mit Bildern geschieht, wenn ein Konto gelöscht wird. Diese Fachlogik entsteht über mehrere Änderungen, nicht über einen einzigen Prompt.

Darf ich Bilder aus der Bildersuche nehmen?

Nein, und das ist der teuerste Fehler dieser Liste. Ein Bild in der Suche zu finden sagt nichts darüber aus, ob Sie es verwenden dürfen. Im deutschsprachigen Raum ist die Abmahnung wegen eines fremden Fotos ein eingespieltes Geschäft, und sie trifft kleine Seiten genauso wie große.

Die Regel ist einfach: Für jedes Bild sollten Sie sagen können, woher es stammt und was die Lizenz erlaubt. Bei kostenlosen Archiven lohnt ein Blick darauf, ob eine Namensnennung verlangt wird und ob kommerzielle Nutzung eingeschlossen ist. Legen Sie sich eine kleine Liste an: Datei, Quelle, Lizenz.

Zwei weitere Punkte werden oft übersehen. Erkennbare Personen brauchen eine Einwilligung, auch auf einem selbst gemachten Foto. Und fremde Logos, Produktverpackungen oder Markenzeichen gehören nicht auf Ihre Seite, solange Sie keine Erlaubnis haben. Woher ein Bild technisch stammt, ob aus einem Archiv oder einem Bildgenerator, ändert an dieser Sorgfaltspflicht nichts.

Bremsen viele Bilder die Seite aus?

Ja, und Bilder sind bei fast jeder Seite der größte Posten der Ladezeit. Ein einziges unverkleinertes Kamerafoto kann mehr wiegen als der gesamte Rest der Seite zusammen.

Drei Gewohnheiten lösen fast alles. Verkleinern Sie Fotos vor dem Hochladen auf die Größe, in der sie angezeigt werden. Nutzen Sie WebP, wo es geht. Und stellen Sie nicht zwanzig Bilder auf die Startseite, wenn fünf die Aussage tragen.

Der Nebeneffekt betrifft nicht nur Technik: Eine Seite mit wenigen, ausgewählten Bildern wirkt entschiedener als eine mit einer Galerie ohne Auswahl. Was sonst noch auf die Geschwindigkeit einzahlt, behandelt Wie schnell sind KI-erstellte Websites.

Was kostet das im Builder?

Bilder auszutauschen ist eine Änderung wie jede andere, und die Preisliste kennt nur drei Posten.

Aktion Credits Im Hi-Fi-Modus
Änderung an einem Projekt 3 6
Frischer Build 6 12
Mehrseitige Plattform 12 für die ersten drei Seiten, dann 3 je weitere Seite doppelt

Die Tarife: Free enthält 5 Credits, Pro kostet 25 $ im Monat mit 200 Credits, Business 99 $ im Monat mit 800. Zweihundert Credits sind, für eine Sache ausgegeben, rund 16 mehrseitige Plattformen oder 33 Builds oder 66 Änderungen. Da 5 Credits unter den 6 eines Builds liegen, ist der kostenlose Tarif ein Rundgang und kein fertiges Projekt. Abgerechnet wird in US-Dollar.

Daraus folgt eine praktische Regel: Sammeln Sie Ihre Bildwünsche und geben Sie sie gebündelt weiter. Wer jedes Foto einzeln nachreicht, zahlt für dieselbe Arbeit mehrfach.

Wo liegen die Grenzen?

Der Builder ordnet Bilder an, er macht sie nicht besser. Ein dunkles, schiefes Foto bleibt ein dunkles, schiefes Foto, auch in einem gut gebauten Raster. Bildbearbeitung gehört vor das Hochladen.

Er entscheidet auch nicht über Rechte. Was Sie hochladen, gilt als Ihr Material, und die Prüfung liegt bei Ihnen. Diese Grenze ist unangenehm, aber jede andere Auskunft wäre unehrlich.

Und die Prüfung vor der Auslieferung sagt nur, dass ein Build startet: Jeder Build läuft vorher in einer Sandbox, und was nicht geöffnet hat, wird nicht ausgeliefert. Ob das richtige Foto an der richtigen Stelle steht, sieht nur ein Mensch.

Es gibt 25 Vorlagen, davon 5 für Spiele, die zeigen, wie viele Bilder ein Aufbau verträgt. Eine einfache Seite steht in etwa einer Minute, danach beginnt die eigentliche Arbeit: eigenes Material einsetzen. Anfangen können Sie auf zugo.dev.

← Alle Beiträge