Bilder werden schneller erfasst als längere Texte. Sie zeigen Atmosphäre, Menschen, Räume, Produkte und Ergebnisse. Gleichzeitig gehören unpassende Stockfotos, beliebige Dekoration und zu große Dateien zu den häufigsten Schwächen von Unternehmenswebsites.
Eine gute Bildsprache beginnt deshalb nicht bei der Frage „Welches Foto sieht schön aus?“, sondern bei der Aufgabe des Bildes. Soll es Vertrauen aufbauen, eine Leistung erklären, einen Beweis liefern oder die Marke emotional einordnen?
Jedes Bild braucht eine Funktion
Vor der Auswahl sollte klar sein, welchen Beitrag das Bild leistet. Typische Funktionen sind:
- Identität: Menschen, Räume und Arbeitsweise machen das Unternehmen greifbar.
- Erklärung: Grafiken, Abläufe oder Vorher-nachher-Beispiele vermitteln komplexe Inhalte.
- Beleg: Referenzen, Ergebnisse und reale Situationen stützen Aussagen.
- Orientierung: Bilder unterscheiden Bereiche und erleichtern das Scannen.
- Atmosphäre: Farbe, Licht und Perspektive prägen die Markenwahrnehmung.
Ein Bild ohne erkennbare Aufgabe verbraucht Aufmerksamkeit und Ladezeit. Dekoration darf existieren, sollte aber bewusst dosiert werden.
Eigene Fotos statt austauschbarer Stockmotive
Authentische Bilder müssen nicht perfekt inszeniert sein. Ein echter Behandlungsraum, eine Arbeitssituation oder ein fertiges Projekt vermittelt häufig mehr als ein makelloses Stockfoto. Entscheidend sind gute Vorbereitung, Licht, Bildausschnitt und eine konsistente Bearbeitung.
Stockmaterial kann sinnvoll sein, wenn es als atmosphärische Ergänzung dient und zur tatsächlichen Leistung passt. Problematisch wird es, wenn fremde Models vermeintlich das eigene Team darstellen oder Motive exakt so auf vielen anderen Websites erscheinen.
Für kleine Unternehmen lohnt sich oft ein kompakter Fototermin mit einer klaren Aufnahmeliste. So entstehen gezielt:
- ein starkes Titelmotiv,
- Team- und Porträtaufnahmen,
- Räume und Arbeitsdetails,
- typische Kundensituationen,
- horizontale und vertikale Varianten,
- ruhige Motive mit Platz für Layouts.
Eine konsistente Bildsprache entwickeln
Konsistenz entsteht nicht durch denselben Filter auf jedem Foto. Definieren Sie stattdessen wenige wiederkehrende Merkmale:
- natürliches oder inszeniertes Licht,
- Nähe oder Distanz zum Motiv,
- ruhige oder dynamische Perspektive,
- Farbtemperatur und Kontrast,
- sichtbare Menschen oder sachliche Details,
- dokumentarischer oder konzeptioneller Charakter.
Diese Entscheidungen sollten zur Marke passen. Eine Arztpraxis benötigt eine andere Bildsprache als ein Restaurant oder ein Architekturbüro.
Der richtige Bildausschnitt für das Layout
Ein Foto wird auf der Website selten exakt im ursprünglichen Format gezeigt. Titelbereiche sind oft breit, Karten eher quadratisch und mobile Ansichten deutlich höher. Wichtige Motive müssen in mehreren Zuschnitten erhalten bleiben.
Planen Sie deshalb sichere Bereiche ein. Gesichter, Produkte oder architektonische Details sollten nicht zu nah am Rand liegen. Wenn Text neben einem Bild stehen soll, braucht das Motiv eine ruhige Seite; Text direkt im Bild sollte nur mit einer stabilen Kontrastfläche verwendet werden.
Ein gutes Content-Management-System kann unterschiedliche Bildvarianten ausspielen. Es kann aber keinen ungeeigneten Ausgangsausschnitt reparieren.
Bild und Text dürfen sich nicht wiederholen
Ein Foto sollte nicht nur illustrieren, was die Überschrift bereits sagt. Ein Abschnitt über persönliche Beratung gewinnt beispielsweise durch eine echte Gesprächssituation mehr als durch ein generisches Telefonsymbol.
Starke Kombinationen verteilen die Information:
- Der Text erklärt das Angebot.
- Das Bild zeigt Kontext oder Beleg.
- Die Bildunterschrift ergänzt einen konkreten Hinweis.
So entsteht ein gemeinsamer Informationswert, statt derselben Aussage in drei Formen.
Illustrationen und Grafiken
Nicht jedes Thema lässt sich gut fotografieren. Für Prozesse, abstrakte Leistungen oder Vergleiche können Illustrationen sinnvoller sein. Auch hier braucht es ein System aus Linien, Flächen, Farben und Perspektiven.
Generische Icon-Sammlungen wirken schnell austauschbar. Eine kleine, bewusst entwickelte Illustrationssprache kann dagegen komplexe Inhalte vereinfachen und die Marke eigenständiger machen.
Bilddateien für das Web optimieren
Große Originaldateien aus Kamera oder Bilddatenbank gehören nicht unverändert auf die Website. Sie sollten für den tatsächlichen Darstellungsbereich passend exportiert und in modernen Formaten bereitgestellt werden.
Wichtig sind:
- geeignete Abmessungen statt übergroßer Dateien,
- komprimierte Formate wie WebP oder AVIF, sofern passend unterstützt,
- mehrere Größen für verschiedene Bildschirme,
- korrekte Breiten- und Höhenangaben gegen Layoutsprünge,
- priorisiertes Laden des zentralen Titelbilds,
- verzögertes Laden weiter unten liegender Bilder.
Zu aggressive Kompression erzeugt sichtbare Artefakte. Das Ziel ist nicht die kleinste denkbare Datei, sondern ein gutes Verhältnis aus Qualität und Geschwindigkeit.
Alt-Texte sinnvoll formulieren
Alt-Texte beschreiben den relevanten Inhalt oder die Funktion eines Bildes. Sie sollten knapp und kontextbezogen sein. Ein Bild, das bereits vollständig im angrenzenden Text erklärt wird und nur dekorativ ist, benötigt nicht dieselbe ausführliche Beschreibung.
Schlechte Alt-Texte bestehen aus Keyword-Listen oder beginnen unnötig mit „Bild von“. Gute Beschreibungen sagen, was am Motiv für den jeweiligen Zusammenhang wichtig ist.
Texte dürfen nicht ausschließlich als Bild eingebunden werden. Sie lassen sich dann schlechter vergrößern, übersetzen, durchsuchen und mit assistiven Technologien erfassen.
Bildrechte und Dokumentation
Für jedes Bild muss geklärt sein, ob und wie es verwendet werden darf. Dokumentieren Sie Quelle, Lizenz, Bearbeitungsrechte, notwendige Urheberangaben und gegebenenfalls Einwilligungen abgebildeter Personen.
Eine Datei aus einer Suchmaschine ist nicht automatisch frei verwendbar. Auch gekaufte Stockbilder können Einschränkungen für bestimmte Nutzungen besitzen. Eine geordnete Medienbibliothek verhindert spätere Unsicherheit.
Häufige Fehler
- beliebige Stockfotos ohne Bezug
- uneinheitliche Stile und Farbwelten
- Motive nur für Desktop ausgewählt
- unlesbarer Text direkt auf Fotos
- zu große Originaldateien
- wichtige Bilder zu stark komprimiert
- fehlende oder unbrauchbare Alt-Texte
- Bilder ohne geklärte Rechte
- zu viele dekorative Medien
- künstlich wirkende Szenen ohne echten Markenbezug
Checkliste für Website-Bilder
- Hat jedes Bild eine erkennbare Aufgabe?
- Passt es glaubwürdig zum Unternehmen?
- Folgt die Serie einer gemeinsamen Bildsprache?
- Funktioniert der Ausschnitt in mehreren Formaten?
- Ergänzt das Bild den Text?
- Sind Dateigröße und Abmessungen optimiert?
- Sind Breite und Höhe technisch hinterlegt?
- Ist der Alt-Text kontextbezogen?
- Sind Nutzungsrechte dokumentiert?
- Wurden die Bilder auf echten Geräten geprüft?
Häufige Fragen
Wie viele Bilder braucht eine Website?
So viele, wie Inhalte sinnvoll unterstützen. Eine kleine Website kann mit wenigen starken Motiven überzeugender wirken als mit einer großen, uneinheitlichen Galerie.
Sind Stockfotos grundsätzlich schlecht?
Nein. Sie sollten aber glaubwürdig, markengerecht und nicht stellvertretend für das tatsächliche Team eingesetzt werden.
Welches Bildformat ist am besten?
Das hängt vom Motiv und der technischen Auslieferung ab. Moderne Formate können Dateigrößen reduzieren; entscheidend bleiben passende Abmessungen, Kompression und Alternativen für die benötigten Browser.
Braucht jedes Bild einen ausführlichen Alt-Text?
Nein. Informative Bilder benötigen eine passende Beschreibung, rein dekorative Bilder können von assistiven Technologien übersprungen werden. Der Kontext entscheidet.
Kann KI eine Bildsprache vollständig ersetzen?
Sie kann bei Konzepten und Illustrationen unterstützen. Für Vertrauen, Teamnähe und reale Arbeitsbelege bleiben eigene Aufnahmen häufig überzeugender.
Fazit: Gute Bilder tragen Bedeutung
Eine starke Website-Bildsprache ist glaubwürdig, konsistent und technisch sauber umgesetzt. Sie zeigt mehr, als der Text allein vermitteln kann, und bleibt auf jedem Gerät wirksam. Wenige sorgfältig ausgewählte Motive sind meist wertvoller als eine große Sammlung austauschbarer Bilder.
Fehlt Ihrer Website eine eigene Bildsprache?
MBCreate entwickelt Bildkonzepte, plant benötigte Motive und integriert Fotos, Grafiken und Illustrationen responsiv und performancebewusst in das Webdesign.
