Fotos: auswählen, hochladen, erstellen lassen und Rechte

Modul 3: Texte, Fotos und Abschnitte · Lesezeit: 10 Minuten

Lernziel: Nach dieser Lektion können Sie Fotos auf Ihrer Website durch eigene Fotos oder KI-Bilder ersetzen, eine Galerie verwalten, Größe und Form eines Fotos per Ziehen anpassen, eine gute Bildbeschreibung (Alt-Text) schreiben und beurteilen, ob Sie ein Foto verwenden dürfen.

Kernbegriffe: Foto ändern, KI-Bild, Eigene Fotos, Medien, Beschreibung (Alt-Text), Galerie, Fotos verwalten, Form und Fokuspunkt, Urheberrecht, Recht am eigenen Bild, Einwilligung

Warum Fotos den Unterschied machen

Besucher schauen zuerst auf Bilder und lesen erst danach. Die Fotos in Ihrer ersten Version hat die KI ausgewählt oder erstellt, oder sie stammen von Ihrer alten Website (Lektion 2.3). Das ist ein Anfang. Für Bas von Schildersbedrijf Example sagen echte Fotos seiner Arbeit viel mehr aus: ein frisch gestrichenes Treppenhaus, eine Fassade vorher und nachher, Bas und seine zwei Mitarbeiter auf dem Gerüst. Echte Fotos machen Sie vertrauenswürdig.

Ein Foto ersetzen

Fahren Sie in der Vorschau mit der Maus über ein Foto und klicken Sie auf Foto ersetzen. Sie können auch mit Element auswählen einen Abschnitt mit Fotos markieren und dann neben der Beschriftung auf Foto ändern klicken. Das Fenster Foto ändern öffnet sich. Enthält der Abschnitt mehrere Fotos, wählen Sie oben zuerst aus, welches Foto Sie ändern möchten („Welches Foto möchten Sie ändern?“).

Das Fenster hat drei Registerkarten:

• KI-Bild: Die KI erstellt ein neues Bild. Sie beschreiben im Feld „Beschreiben Sie das gewünschte Foto“, was darauf zu sehen sein soll, und klicken auf 2 neue Varianten erstellen. Nach etwa einer halben Minute sehen Sie zwei Vorschläge; mit Dieses Foto verwenden setzen Sie einen davon auf Ihre Website. Eine Runde kostet 1 Bearbeitung für zwei Varianten. Oben sehen Sie, wie viele Bearbeitungen Sie noch haben.
• Eigene Fotos: Mit Eigenes Foto hochladen setzen Sie ein eigenes Foto an diese Stelle. JPG, PNG oder WebP, bis 8 MB. Das ist kostenlos.
• Stockfotos: steht im Builder mit dem Hinweis Demnächst und ist noch nicht nutzbar.

Jedes ausgewählte Foto ist eine neue Version; zurück geht es mit Rückgängig machen oder über Versionen (Lektion 3.5).

Ein eigenes Foto können Sie auch über den Chat einfügen: Hängen Sie es mit der Büroklammer an und schreiben Sie dazu, wo es hin soll, zum Beispiel „dieses Foto oben auf die Seite Über uns“. Das ist eine Anweisung an die KI; unter dem Textfeld sehen Sie vorab, was sie kostet.

Eine gute Beschreibung für ein KI-Bild

Seien Sie konkret: „Ein Maler in weißem Overall streicht einen Holzfensterrahmen eines Reihenhauses, sonnig, aus der Nähe“ funktioniert besser als „Maler bei der Arbeit“. Fordern Sie keine erkennbaren realen Personen und keine Logos anderer an.

Medien: alle Fotos an einem Ort

Im Bereich Medien in der Seitenleiste finden Sie alle Fotos Ihrer Website. Sie filtern nach Alle, Auf der Website, Unbenutzt und Logo, und oben ziehen Sie neue Fotos hinein.

Klicken Sie auf ein Foto, dann sehen Sie:

• Hier wird es verwendet: auf welcher Seite und in welchem Abschnitt das Foto steht;
• Beschreibung: der Alt-Text (siehe unten);
• Im Chat verwenden: bereitet eine Anweisung vor, um dieses Foto irgendwo einzufügen;
• Ersetzen: setzt eine neue Datei an jede Stelle, an der dieses Foto steht;
• Löschen: geht erst, wenn das Foto nirgends mehr auf der Website steht. Steht es noch irgendwo, zeigt die Schaltfläche an, an wie vielen Stellen; ersetzen Sie es dann zuerst.

Die Galerie

Eine Galerie verwalten Sie separat. Wählen Sie die Galerie mit Element auswählen und klicken Sie auf Fotos verwalten. Sie sehen Fotos in dieser Galerie. Ziehen Sie die Fotos, um die Reihenfolge zu ändern, entfernen Sie ein Foto mit dem Kreuz, fügen Sie eines mit Foto hinzufügen hinzu (aus Ihren Medien oder neu hochgeladen) und wählen Sie die Anzahl der Spalten (2, 3 oder 4). Klicken Sie auf Galerie speichern. Das kostet keine Bearbeitungen. Mindestens ein Foto muss in der Galerie bleiben.

Die Beschreibung: Alt-Text

Jedes Foto hat eine Beschreibung. Das ist der Alt-Text: ein kurzer Text, den Menschen mit einem Screenreader anstelle des Fotos hören und den Suchmaschinen lesen, um zu verstehen, was darauf zu sehen ist. Der Builder sagt es selbst unter dem Feld: „Für Google und für Menschen mit Screenreader.“

Sie tragen ihn in Medien ein: Klicken Sie auf das Foto, geben Sie im Feld Beschreibung ein, was zu sehen ist (höchstens 200 Zeichen), und klicken Sie auf Speichern.

Der Builder hilft Ihnen dabei ein Stück weit:

• Bei einem KI-Bild übernimmt er Ihren Wunsch als Beschreibung (ohne „erstelle ein Foto von“).
• Bei einem eigenen Upload erstellt er eine Beschreibung aus dem Dateinamen und bittet Sie, diese zu prüfen. Ein Foto namens „IMG_4021.jpg“ liefert also nichts Brauchbares. Geben Sie Ihren Dateien einen aussagekräftigen Namen, zum Beispiel „treppenhaus-weiss-gestrichen.jpg“.
• Haben Sie selbst eine Beschreibung geschrieben und ersetzen Sie das Foto, bleibt Ihr Text stehen, mit der Bitte, ihn zu prüfen: „Prüfen Sie die Beschreibung dieses Fotos in Medien: Sie gehört vielleicht noch zum vorherigen Foto.“

Eine gute Beschreibung sagt in einem Satz, was zu sehen ist: „Treppenhaus mit weißen Wänden und dunkelgrauem Handlauf, gestrichen von Schildersbedrijf Example“. Beginnen Sie nicht mit „Foto von“ und packen Sie keine Reihe von Suchbegriffen hinein. Ist ein Bild reine Dekoration, halten Sie die Beschreibung kurz. In Lektion 7.3 prüfen Sie mit Aufgabe A7.3, ob alle Ihre Bilder eine Beschreibung haben.

Größe, Form und Fokuspunkt per Ziehen anpassen

Fahren Sie in der Vorschau mit der Maus über ein Foto. Es erscheinen Anfasser:

• breiter oder schmaler (unten rechts);
• höher oder flacher, also die Form (unten);
• rundere oder eckigere Ecken (oben rechts);
• der Fokuspunkt: Ziehen Sie ihn auf den wichtigsten Teil des Fotos, damit dieser im Bild bleibt, wenn das Foto zugeschnitten wird.

Doppelklicken Sie auf einen Anfasser, dann kommt die Standardgröße zurück (beim Fokuspunkt: die Mitte). Ziehen ist kostenlos und ohne KI. Schauen Sie danach auf Mobil: Dort wird ein Foto oft anders zugeschnitten.

Darf ich dieses Foto verwenden?

Diese Lektion erklärt die Regeln, wie sie am 10. November 2026 gelten. Sie ist keine Rechtsberatung. Wenn Sie bei Ihrer Situation unsicher sind, fragen Sie einen Juristen oder Ihren Branchenverband.

Urheberrecht. Wer ein Foto macht, hat automatisch das Urheberrecht daran. Das muss nirgends registriert werden. Der Urheber bestimmt, ob und wie andere das Foto verwenden, kopieren und zeigen dürfen. Stellen Sie ohne Erlaubnis ein Foto eines anderen auf Ihre Website, verletzen Sie dieses Urheberrecht, und der Urheber kann gerichtlich verlangen, dass Sie das unterlassen, und Schadensersatz fordern. Das Urheberrecht gilt international, auch für Fotos, die Sie „einfach im Internet gefunden“ haben. Ein Foto eines Mitbewerbers, aus der Google-Bildersuche oder von einem Fotografen ohne Lizenz verwenden Sie also nicht. Bei einer offenen Lizenz wie Creative Commons lesen Sie die Bedingungen, zum Beispiel, ob Sie den Urheber nennen müssen.

Fotos mit Personen. Ein Foto, auf dem jemand erkennbar ist, ist ein personenbezogenes Datum im Sinne der DSGVO. Wenn Sie als Arbeitgeber Fotos Ihrer Mitarbeiter veröffentlichen möchten, brauchen Sie dafür eine Rechtsgrundlage. Laut der niederländischen Aufsichtsbehörde Autoriteit Persoonsgegevens (AP), hier als niederländisches Beispiel, ist das meist die Einwilligung des Mitarbeiters. Diese Einwilligung kann jederzeit ohne Angabe von Gründen widerrufen werden; dann entfernen Sie das Foto. Und ein Nein darf für einen Mitarbeiter keine Nachteile haben. Bas bittet seine Mitarbeiter also vorab um ihre Einwilligung und hält das schriftlich fest. Daneben gibt es nach nationalem Recht ein Recht am eigenen Bild: Wer erkennbar abgebildet ist, kann sich in bestimmten Fällen gegen eine Veröffentlichung wehren. Auch Kunden vor ihrem Haus fotografieren oder eine erkennbare Hausnummer zeigen, tun Sie nur mit deren Einwilligung.

KI-Bilder. Ein KI-Bild ist kein Foto Ihrer Arbeit. Stellen Sie kein KI-Bild eines wunderschön gestrichenen Hauses auf Ihre Website, als wäre es Ihr eigenes Projekt: Das führt Kunden in die Irre. Verwenden Sie KI-Bilder für die Stimmung und echte Fotos für Ihre eigene Arbeit und Ihr Team. Lektion 7.3 geht näher auf Bildrechte und KI-Texte ein.

Stolperfallen

• Beispielbilder stehen lassen, die nicht zu Ihrem Unternehmen passen, oder KI-Bilder, die wie Ihre Arbeit aussehen.
• Fotos mit nichtssagendem Dateinamen hochladen: Sie erhalten eine unbrauchbare Beschreibung.
• Zu große Fotos: Über 8 MB klappt das Hochladen nicht. Verkleinern Sie sie zuerst.
• Nur auf einem großen Bildschirm schauen: Prüfen Sie Form und Fokuspunkt auf Mobil.
• Fotos anderer ohne Erlaubnis oder Lizenz.

Im Builder: So gehen Sie vor

1. Fahren Sie mit der Maus über ein Foto und klicken Sie auf Foto ersetzen.
2. Wählen Sie Eigene Fotos und Eigenes Foto hochladen oder KI-Bild mit einer konkreten Beschreibung und 2 neue Varianten erstellen.
3. Wählen Sie Dieses Foto verwenden.
4. Öffnen Sie Medien, klicken Sie auf das Foto und füllen Sie die Beschreibung aus; klicken Sie auf Speichern.
5. Ziehen Sie an den Anfassern für Größe, Form und Fokuspunkt; schauen Sie auf Mobil.
6. Galerie: Element auswählen, Fotos verwalten, Reihenfolge und Spalten, Galerie speichern.

Zusammenfassung

• Foto ändern bietet KI-Bild (1 Bearbeitung für zwei Varianten) und Eigene Fotos (kostenlos, JPG, PNG oder WebP bis 8 MB); Stockfotos kommt demnächst.
• In Medien sehen Sie, wo jedes Foto steht, und tragen die Beschreibung (Alt-Text) ein; der Builder macht einen Vorschlag, Sie prüfen ihn.
• Anfasser in der Vorschau regeln Breite, Form, Ecken und Fokuspunkt; ein Doppelklick stellt den Standard wieder her.
• Fotos anderer nur mit Erlaubnis oder Lizenz; erkennbare Personen nur mit deren Einwilligung; KI-Bilder nicht als eigene Arbeit ausgeben.

Quiz

Aufgabe

Aufgabe D3.3: Ihre Bilder in Ordnung bringen. Sorgen Sie dafür, dass die wichtigsten Bilder auf Ihrer Website wirklich von Ihnen sind, eine gute Beschreibung haben und auf einem Smartphone gut aussehen.

Checkliste:

• [ ] in Medien alle Fotos mit dem Filter Auf der Website angesehen;
• [ ] mindestens zwei Beispielbilder durch eigene Fotos mit aussagekräftigem Dateinamen ersetzt;
• [ ] bei jedem Foto auf Ihrer Startseite die Beschreibung geprüft oder geschrieben;
• [ ] bei jedem Foto mit Personen notiert, wer darauf zu sehen ist und ob Sie eine Einwilligung haben;
• [ ] bei jedem Foto, das nicht von Ihnen ist, notiert, woher es stammt und welche Lizenz gilt;
• [ ] Form oder Fokuspunkt des größten Fotos angepasst und auf Mobil geprüft;
• [ ] KI-Bilder, die Ihrer Arbeit ähneln, ersetzt oder so platziert, dass sie nicht als eigenes Projekt wirken.

Fragen:

1. Welches Foto haben Sie ersetzt, und was sagt das neue Foto besser über Ihr Unternehmen aus?
2. Schreiben Sie hier die Beschreibung (Alt-Text) Ihres wichtigsten Fotos ab. Sagt sie in einem Satz, was zu sehen ist?
3. Sind auf Ihrer Website erkennbare Personen zu sehen? Wie haben Sie deren Einwilligung geregelt?

Nach „Erledigt“ sehen Sie eine Beispielantwort: Das KI-Bild im Hero-Bereich wurde durch ein eigenes Foto einer gestrichenen Fassade ersetzt, weil es echte Arbeit zeigt; Beschreibung „Fassade eines Hauses aus den 1930er-Jahren mit frisch gestrichenen grünen Fensterrahmen“; auf dem Teamfoto sind Bas und zwei Mitarbeiter zu sehen, die schriftlich eingewilligt haben und wissen, dass sie die Einwilligung widerrufen können.

Weiterführende Links

• Titel, Beschreibung und Alt-Text pro Seite festlegen
• Kostenloser WordPress-Kurs 4.4: Medien: Bilder und Alt-Text
• Urheberrecht (Ondernemersplein, RVO, niederländische Quelle): https://ondernemersplein.overheid.nl/wetten-en-regels/auteursrecht/
• Bildmaterial am Arbeitsplatz (Autoriteit Persoonsgegevens, niederländische Quelle): https://www.autoriteitpersoonsgegevens.nl/themas/internet-slimme-apparaten/beeldmateriaal/beeldmateriaal-op-de-werkplek
• An alt Decision Tree (W3C WAI, Englisch): https://www.w3.org/WAI/tutorials/images/decision-tree/