Bereich 4 · Deine WebsiteSeite 7 · 10
Bilder, die eine Aufgabe haben
In 30 Sekunden
Ein Ordner voller Fotos, 400 Megabyte, vom Fotografen oder vom Handy. Dein Agent soll „die besten" einbauen. Er nimmt zwölf, die Seite lädt acht Sekunden, und auf dem Handy sieht man von dir nur den Ellbogen.
Ein Bild hat dieselbe Pflicht wie ein Satz: Es muss etwas tun. Die Bilderliste sagt, was, und woher es kommt.
Was du wissen musst
Ein Bild hat auf der Website dieselbe Pflicht wie ein Satz: Es muss etwas tun. Entweder es zeigt dich (Vertrauen), belegt etwas (Screenshot, Ergebnis), erklärt etwas (Ablauf in drei Bildern) oder es macht Stimmung. Ein Bild, das nichts davon tut, kostet Ladezeit und Aufmerksamkeit.
Darum gibt es eine Bilderliste, parallel zum Inhaltsgerüst. Sie ist die zweite Vorlage, die du behältst:
| Seite / Abschnitt | Aufgabe | Motiv | Format | Quelle und Rechte | Alt-Text |
|---|---|---|---|---|---|
| Start / oben | Vertrauen | Porträt, Blick in die Kamera | quer 3:2, mobil quadratisch | vom Fotografen 05/2026, Nutzung freigegeben | „[dein Name] an ihrem Arbeitsplatz" |
| Angebot / Ablauf | erklären | drei Schritte als Grafik | quer, einfarbig | vom Agenten, Design-Regeln | „Ablauf: Gespräch, Begleitung, Abschluss" |
| Über dich | Stimmung | Arbeitsplatz, ohne Menschen | quer | eigenes Foto | leer, nur Dekoration |
Drei Regeln, die Ärger sparen. Erstens wohnen die Originale in der Ablage, nicht im Website-Ordner; ins Repo kommen nur die Web-Versionen, klein gerechnet (Bereich 3 erklärt, warum). Zweitens hat jedes Bild eine geklärte Herkunft: Wer hat es gemacht, darf es online, steht das irgendwo. Ein Bild ohne Antwort bleibt draußen. Drittens bekommt jedes Bild, das etwas aussagt, einen Alt-Text, einen Satz für Menschen, die es nicht sehen können. Schmuckbilder bleiben ohne.
Grafiken, die der Agent baut (Abläufe, Icons), folgen einem Satz Regeln: gleiche Strichstärke, gleiche Farben, gleiche Größe. Das steht in der Design-Datei, die in Kapitel 4.5 erklärt wird.
Damit arbeitest du
Leg aus den Inhaltsgerüsten eine Bilderliste an, als Tabelle: Seite und Abschnitt, Aufgabe des Bildes (Vertrauen, Beleg, Erklärung, Stimmung), Motiv, Format, Quelle und Rechte, Alt-Text. Nimm nur Bilder, die eine Aufgabe haben. Wo noch kein passendes Bild im Material liegt, schreib „fehlt" statt ein Bild zu erfinden.
Die Originale liegen außerhalb des Repos in der Ablage. Erstell aus den Bildern, die ich dir in website/material/fotos/ lege, Web-Versionen: höchstens 1600 Pixel breit, komprimiert, Dateinamen nach Motiv. Sag mir vorher, welche Dateien du anlegst.
- Jedes Bild hat eine AufgabeVertrauen, Beleg, Erklärung oder Stimmung. Sonst raus.
- Herkunft geklärtFotografin, Stock-Lizenz, selbst gemacht. Steht in der Liste.
- Klein gerechnetWeb-Version im Repo, Original in der Ablage. Keine 8-Megabyte-Datei auf der Startseite.
- Handy geprüftDer Ausschnitt auf dem Handy zeigt das, was zählt: das Gesicht, nicht den Ellbogen.