Webdesign

Bildsprache und Fotos: Bilder, die etwas sagen

Bildsprache, Fotos, Grafiken und Icons für Ihre Website: Auswahl, Lizenzen, Bildformate und Barrierefreiheit. Bilder, die Vertrauen schaffen.

Webdesign

Bildsprache: Was ist das genau?

Bildsprache ist die Summe der Entscheidungen, wie ein Unternehmen sich in Bildern zeigt: Motivwahl, Perspektive, Licht, Farbstimmung, Bearbeitung, Verhältnis von Foto zu Grafik. Sie ist Teil der Marke, genau wie Logo, Farben und Schrift. Mehr zur Gesamtmarke finden Sie unter Farbwelt und Typografie.

Zu den praktischen Aufgaben zählen Fotografie, Auswahl lizenzierter Bilder, Illustrationen, Icons und die Aufbereitung für Bildschirm und Druck. Gute Bilder erfüllen eine Aufgabe: Sie zeigen Ergebnisse, erklären Abläufe, machen Produkte greifbar oder schaffen Atmosphäre. Bilder ohne Aufgabe sind Dekoration und kosten Ladezeit.

Technisch kommen Dateiformat, Größe, Komprimierung und Alternativtexte dazu. Ein Bild, das auf dem Handy 4 Megabyte lädt, schadet mehr, als es nützt. Und ein Bild ohne Alternativtext bleibt für Menschen mit Sehbehinderung und für Suchmaschinen stumm.

Hintergrund

Bildsprache: Warum es wichtig ist.

Bilder wirken schneller als Text. Innerhalb von Sekunden entscheidet sich, ob eine Seite seriös, handfest oder austauschbar wirkt. Fotos, die man schon auf zehn anderen Seiten gesehen hat, signalisieren Beliebigkeit.

Mythos: „Hauptsache, die Bilder sind groß und hochauflösend.“ Fakt: Groß ist kein Qualitätsmerkmal. Entscheidend sind Aussage, Schärfe, Licht und Passung zur Marke. Ein kleines, ehrliches Bild einer echten Arbeit ist wertvoller als ein riesiges Symbolfoto mit Händedruck.

Beispiel (fiktiv): Ein Parkettleger zeigt auf seiner Seite ein Stockfoto lächelnder Menschen in einem hellen Wohnzimmer. Wirkungsvoller wäre eine Bildreihe: der Raum vorher, das Auslegen, die fertige Fläche im Streiflicht. Jedes Bild beantwortet eine Frage des Kunden: Wie sieht Ihre Arbeit aus, wie läuft sie ab, was bekomme ich?

Überblick

Bildsprache: Bausteine und Varianten.

Echte Fotos

Ihre Arbeit, Ihre Produkte, Ihre Räume. Sie schaffen den meisten Vertrauensvorschuss, weil sie nicht austauschbar sind.

Lizenzierte Bilder

Aus Bilddatenbanken, mit klarer Lizenz. Gut für abstrakte Inhalte oder Illustration, sofern die Auswahl bewusst und eigenständig ist.

Illustrationen und Grafiken

Erklären Abläufe, Zusammenhänge und Daten. Wirken besonders, wenn sie in einem durchgehenden Stil gestaltet sind.

Icons und Symbole

Kleine Zeichen, die Orientierung geben. Einheitliche Strichstärke und Größe sind wichtiger als künstlerischer Anspruch.

Bewegtbild

Kurze Videos und Animationen. Sparsam einsetzen, mit Untertiteln, nicht automatisch startend.

Bildbearbeitung

Einheitliche Farb- und Kontrastbehandlung, damit Bilder aus verschiedenen Quellen zusammenpassen.

Ein Bildkonzept in sieben Schritten

Ein Bildkonzept legt fest, wie Ihr Unternehmen in Bildern auftritt, bevor jemand eine Kamera hebt oder ein Foto aus einer Datenbank zieht. Es ist ein kurzes Dokument, kein Handbuch, und spart später viele Diskussionen.

  1. Aufgabe klären. Was sollen Bilder auf Ihrer Seite leisten: Arbeit zeigen, Produkte erklären, Räume vorstellen, Stimmung erzeugen? Schreiben Sie drei Sätze dazu.
  2. Zielgruppe betrachten. Was erwartet sie? Eine Zahnarztpraxis braucht ruhige, helle Bilder, eine Autowerkstatt greifbare, handfeste.
  3. Stimmung definieren. Drei bis fünf Adjektive, etwa „hell, ruhig, genau“ oder „kraftvoll, direkt, warm“. Sie gelten für Licht, Farbe, Ausschnitt und Bearbeitung.
  4. Moodboard anlegen. Sammeln Sie 15 bis 20 Beispielbilder (von anderen Marken, aus Magazinen) und markieren Sie, was Ihnen daran gefällt: Perspektive, Licht, Abstand, Farbwirkung.
  5. Regeln festlegen. Zum Beispiel: Menschen immer bei der Arbeit, nie in die Kamera lächelnd; Produkte vor ruhigem Hintergrund; Farben passend zur Hauptfarbe; Bilder in natürlichem Licht.
  6. No-Gos benennen. Händeschütteln, Laptop auf dem Sofa, Glühbirne als Idee, generische Büro-Szenen mit gestellter Besprechung.
  7. Motivliste erstellen. Welche Bilder brauchen Sie konkret? Die Liste wird zum Auftrag für Fotografie oder Bildauswahl.

Ein Bildkonzept hat noch einen zweiten Nutzen: Es macht Bilder über die Zeit konsistent, auch wenn verschiedene Personen sie auswählen. Das ist ein Teil dessen, was Marken ausmacht, siehe auch Markenstrategie.

Die Motivliste: Welche Bilder beantworten welche Frage?

Bilder sind keine Dekoration, sondern Antworten auf Fragen, die Besucher haben. Wenn Sie für jede Seite die Fragen kennen, ergibt sich die Motivliste fast von selbst.

Frage des BesuchersGeeignetes MotivBeispiel (fiktive Betriebe)
Wie sieht Ihre Arbeit aus?Ergebnisse, Nahaufnahmen, Vorher-nachherTischlerei: fertige Küchenzeile im Tageslicht, Detail einer Schubladenverbindung
Wie läuft die Zusammenarbeit ab?Arbeitsschritte, Werkzeuge, RäumeSteuerbüro: Besprechungstisch mit aufgeschlagenen Unterlagen, Hände am Taschenrechner
Wo ist das Unternehmen?Eingang, Fassade, Umgebung, ParkplatzPraxis: Eingang mit Schild, Weg vom Parkplatz
Wer arbeitet mit mir?Hände bei der Arbeit, Arbeitskleidung, AusstattungHandwerk: Hände mit Werkzeug, Fahrzeug mit Beschriftung
Was bekomme ich genau?Produkt, Verpackung, Maßstab, AnwendungManufaktur: Produkt auf neutralem Grund, daneben im Einsatz
Passt das zu mir?Stimmung, AnwendungssituationenCafé: Gäste im Gespräch, Sitzecke, Lichtstimmung am Nachmittag
Ist das sicher und sauber?Ordnung, Material, AusstattungWerkstatt: aufgeräumte Halle, Prüfgeräte

Notieren Sie neben jedem Motiv, auf welcher Seite es eingesetzt werden soll und in welchem Seitenverhältnis (breit, hoch, quadratisch). Das erspart später Beschnitte, die Köpfe oder Details abschneiden.

Eigene Fotos: Fotograf oder selbst machen?

Echte Fotos sind das Wertvollste, was eine Unternehmenswebsite haben kann, weil sie niemand sonst hat. Ob Sie sie selbst machen oder beauftragen, hängt von Anspruch und Motiv ab.

  1. Soll das Bild zentral für Ihre Wirkung sein (Startseite, Hauptleistung, Produktbilder)? Ja: Beauftragen Sie eine Fotografin oder einen Fotografen. Nein: weiter.
  2. Hat das Motiv technische Besonderheiten (Glas, Spiegelung, Gegenlicht, Innenräume mit gemischtem Licht)? Ja: Profi. Nein: weiter.
  3. Brauchen Sie viele Bilder in gleichbleibender Qualität (Shop, Katalog)? Ja: Profi oder eigenes Foto-Set mit fester Ausstattung und Anleitung. Nein: weiter.
  4. Haben Sie jemanden mit Auge und Zeit, der es üben und konsequent machen kann? Ja: Mit aktuellem Smartphone, Tageslicht und der Motivliste sind gute Ergebnisse möglich. Nein: Profi.

Briefing für eine Fotografin oder einen Fotografen

  • Konzept und Moodboard.
  • Motivliste mit Zweck und gewünschtem Format.
  • Ort, Zeit, Zugang, Ansprechpartner.
  • Nutzungsrechte: Wo und wie lange dürfen die Bilder genutzt werden (Web, Druck, Social Media)?
  • Abgabeformat: Auswahl bearbeiteter Bilder in Web- und Druckgröße plus Originale gegen Aufpreis.
  • Personen auf Bildern: Einverständnis vorab holen.
  • Zeitplan und Plan B bei schlechtem Wetter.

Wenn Sie selbst fotografieren

  • Tageslicht nutzen, Fenster seitlich, direkte Mittagssonne meiden.
  • Hintergrund aufräumen, Störendes entfernen.
  • Gerade Linien: Horizont und Kanten ausrichten.
  • Das Motiv füllen, nicht fern wirken lassen. Nah rangehen, Details zeigen.
  • Querformat für Seitenköpfe, Hochformat für Mobilgeräte, beides aufnehmen.
  • Linse säubern, mehrere Varianten machen, später die beste wählen.

Stockfotos klug nutzen: Auswahl und Lizenzarten

Stockfotos haben ihre Berechtigung, etwa für abstrakte Themen, Hintergründe oder wenn Aufnahmen nicht möglich sind. Das Problem ist die Austauschbarkeit: Was in der Datenbank auf Platz eins steht, sehen Besucher auf vielen Seiten. Wer sie einsetzt, wählt am besten gegen den Strich.

Auswahlregeln

  • Vermeiden Sie die häufigsten Klischees: Händedruck, Lächelnde am Laptop, Glühbirne, Puzzle, Pfeil nach oben.
  • Suchen Sie nach Szenen, nicht nach Begriffen: statt „Erfolg“ lieber „Handwerker prüft Zeichnung auf der Baustelle“.
  • Bevorzugen Sie echte Situationen mit natürlichem Licht gegenüber gestellten Posen.
  • Prüfen Sie die Passung zu Ihrer Bildsprache: Farbe, Licht, Ausschnitt.
  • Nutzen Sie Stockbilder nie für Dinge, die Echtheit versprechen: Ihr Team, Ihre Projekte, Ihre Kunden.

Lizenzarten im Überblick

LizenzartBedeutungWorauf Sie achten
Lizenzfrei (Royalty-free)Einmal bezahlen, dann innerhalb der Bedingungen mehrfach nutzen„Lizenzfrei“ heißt nicht „kostenlos“ oder „unbegrenzt“. Bedingungen lesen: Medien, Auflage, Laufzeit
Rechtegesteuert (Rights-managed)Nutzung nach Anlass, Zeit, Ort und Umfang vereinbartTeurer, dafür exklusiver. Genaue Vertragsbedingungen beachten
Creative CommonsFrei nutzbar unter bestimmten Bedingungen, etwa mit NamensnennungJe nach Variante: Namensnennung, keine Bearbeitung, keine kommerzielle Nutzung. Lizenztext genau lesen
Gemeinfrei (Public Domain)Keine Rechte mehr geschützt oder freigegebenQuelle prüfen, Markenrechte und Rechte abgebildeter Personen bleiben unberührt
KI-generierte BilderNutzungsbedingungen des Werkzeugs entscheiden, rechtliche Lage in BewegungBedingungen lesen, keine Echtheit vortäuschen, Personenähnlichkeiten und Markenzeichen prüfen

Dokumentieren Sie zu jedem Bild: Quelle, Lizenz, Datum des Erwerbs, Nachweis. Ein einfaches Tabellenblatt genügt. Wer später nachweisen muss, dass er ein Bild nutzen durfte, ist froh darum.

Rechte rund um Bilder: das Wichtigste in Kürze

Auch hier gilt: Das ist keine Rechtsberatung. Bei Streitfällen oder unklarer Lage fragen Sie eine Fachanwältin oder einen Fachanwalt für Urheber- und Medienrecht.

ThemaGrundsatzPraxis
UrheberrechtDas Foto gehört der Person, die es gemacht hat, auch wenn Sie es bezahlt habenNutzungsrechte schriftlich regeln: Umfang, Dauer, Kanäle, Bearbeitung, Weitergabe
Bild aus dem InternetEin im Netz sichtbares Bild ist nicht freiNur mit Erlaubnis oder passender Lizenz verwenden
Personen im BildFür Fotos erkennbarer Personen sind regelmäßig Einwilligungen nötigSchriftlich einholen, Zweck nennen, auf Widerruf hinweisen
MitarbeiterEinwilligung ist freiwillig und kann widerrufen werdenAusscheiden und Widerruf in die Pflege der Bilder einplanen
KinderBesondere Sorgfalt, Einwilligung der SorgeberechtigtenMöglichst vermeiden oder Gesichter nicht erkennbar zeigen
Marken und Werke im BildLogos, Kunstwerke, Gebäude können Rechte berührenAuf Hintergrund achten, im Zweifel Erlaubnis einholen
BildnachweisManche Lizenzen verlangen NamensnennungNachweisseite oder Bildunterschrift, wie im Lizenztext gefordert

Löschen und Austauschen: Wenn Sie eine Person oder Rechteinhaber bittet, ein Bild zu entfernen, reagieren Sie zügig. Eine Liste, auf welchen Seiten welches Bild liegt, macht das einfach.

Grafik, Illustration, Icons: was wann hilft

MittelStärkeSchwächeWann einsetzen
FotoEchtheit, Emotion, BeweisNicht für Abstraktes geeignet, AufwandArbeit, Ergebnisse, Räume, Menschen
IllustrationErklärt Abläufe, wirkt eigenständigEigener Stil nötig, PflegeaufwandKomplexe Themen, Abläufe, Markenwelt
IconOrientierung auf kleinem RaumMehrdeutig, wenn ohne TextMenü, Listen, Bedienelemente, immer mit Beschriftung
DiagrammZahlen und Zusammenhänge anschaulichNur so gut wie die DatenVergleiche, Entwicklung, Abläufe
Video/AnimationZeigt Bewegung und AbläufeDaten, Aufwand, BarrierenAbläufe, die Text nicht erklärt, nach Klick starten

Regeln für Icons und Grafiken

  • Einheitlicher Stil: gleiche Strichstärke, gleiche Eckenform, gleiche Farben.
  • Icons ersetzen Text nicht, sondern ergänzen ihn. Wer ein Icon nicht deuten kann, braucht die Beschriftung.
  • Ausreichende Kontraste und Größen, damit sie auch am Handy erkennbar sind.
  • Vektorformat (SVG) für scharfe Darstellung in jeder Größe und kleine Dateigrößen.
  • Diagramme mit lesbarer Beschriftung, Quelle und einem erklärenden Satz, was sie zeigen.

Farben, Typografie und Bildsprache gehören zusammen: Farbwelt und Typografie geben den Rahmen, innerhalb dessen Grafiken entstehen.

Dateiformate und Technik: das Richtige für jeden Zweck

FormatEignungVorteileGrenzen
JPEGFotosWeit verbreitet, gute Komprimierung für FotosVerlustbehaftet, keine Transparenz
PNGGrafiken mit Transparenz, ScreenshotsVerlustfrei, TransparenzGroße Dateien bei Fotos
WebPFotos und GrafikenKleiner als JPEG und PNG bei gleicher Qualität, Transparenz möglichFür sehr alte Browser Rückfall nötig
AVIFFotosSehr kleine Dateien bei guter QualitätErzeugung aufwendiger, Unterstützung prüfen
SVGLogos, Icons, einfache GrafikenBeliebig skalierbar, winzig, per Code anpassbarNicht für Fotos
PDFDokumente, DruckdatenLayout bleibt erhaltenAm Handy unbequem, nicht für Hauptinhalte

Technische Regeln für Bilder auf der Seite

  • Für jeden Einsatz passende Größen vorbereiten, nicht die Originaldatei einbinden.
  • Dateinamen sprechend und ohne Umlaute vergeben: dachfenster-einbau-reihenhaus.jpg statt IMG_3048.jpg.
  • Breite und Höhe im Code angeben, damit der Platz reserviert wird.
  • Nach dem ersten sichtbaren Bereich Bilder nachladen.
  • Metadaten prüfen: Fotos enthalten teils Ortsangaben und Geräteinformationen. Vor der Veröffentlichung entfernen, wenn sie nicht gewünscht sind.
  • Alternativtexte für alle inhaltlichen Bilder, leer für dekorative.

Wie diese Schritte die Ladezeit beeinflussen, zeigt Ladezeit. Eine Schritt-für-Schritt-Anleitung bietet der Beitrag Bilder für die Website optimieren.

Konsistenz in der Bearbeitung

Bilder aus verschiedenen Quellen sollen wie aus einem Guss wirken. Das erreichen Sie nicht durch Filter, sondern durch wenige feste Entscheidungen.

  1. Farbstimmung: Einheitliche Farbtemperatur und Sättigung. Eine Mischung aus kühlen und warmen Bildern wirkt unruhig.
  2. Kontrast und Helligkeit: Gleiche Helligkeit für Bilder, die nebeneinanderstehen.
  3. Zuschnitt: Feste Seitenverhältnisse (zum Beispiel 3:2 für Fotos, 1:1 für Porträts, 16:9 für Titelbilder).
  4. Bildpunkt im Fokus: Wichtige Teile des Motivs mittig oder in einem festen Bereich halten, damit beschnittene Varianten nichts Wesentliches verlieren.
  5. Hintergründe: Bei Produktbildern einheitlicher Hintergrund oder zumindest ähnliche Art.
  6. Schärfe: Moderat nachschärfen, nicht übertreiben.
  7. Dateiverwaltung: Originale getrennt von Webfassungen sichern, mit klarer Benennung.

Ein kleiner Test: Legen Sie zehn Bilder Ihrer Seite nebeneinander, verkleinert auf Briefmarkengröße. Wirken sie wie eine Familie oder wie ein Sammelsurium?

Barrierefreiheit bei Bildern

Bilder müssen für alle nutzbar sein, auch für Menschen, die sie nicht sehen. Das betrifft Alternativtexte, aber auch Text auf Bildern, Kontraste und Bewegung.

  • Jeder inhaltliche Zweck braucht einen Alternativtext, der Aufgabe und Inhalt kurz beschreibt.
  • Text im Bild vermeiden. Wenn nötig, steht derselbe Text zusätzlich als echter Text auf der Seite.
  • Bei Text über einem Foto sorgen Sie für ausreichenden Kontrast, etwa mit einer halbtransparenten Fläche hinter dem Text.
  • Schriften auf Bildern sind am Handy oft zu klein: Prüfen Sie die Darstellung dort.
  • Videos mit Untertiteln und Textfassung anbieten.
  • Animationen auf das Nötige beschränken.

Mehr zu den Anforderungen auf der Seite Barrierefreiheit.

Szenario: Tischlerei bekommt eine Bildsprache (fiktives Beispiel)

Eine kleine Tischlerei (frei erfunden) hat eine Seite mit Stockfotos von Holzbrettern, einem Hammer vor weißem Grund und lächelnden Menschen im Anzug. Kunden sagen am Telefon: „Auf der Seite sieht es aus wie bei jedem.“

Vorgehen

  1. Konzept: Stimmung „handfest, präzise, warm“. Regeln: Hände bei der Arbeit, natürliches Licht, Holz in Nahaufnahme, keine Posen.
  2. Motivliste: zehn Motive, darunter drei fertige Möbel im Einsatz beim Kunden, vier Arbeitsschritte (Aufmaß, Zuschnitt, Verbindung, Oberfläche), die Werkstatt von außen und innen, ein Detail der Maserung.
  3. Umsetzung: ein halber Tag mit einem Fotografen in Werkstatt und bei einem Kunden (mit Einverständnis), danach Auswahl von etwa zwanzig Bildern.
  4. Aufbereitung: je drei Größen, WebP mit JPEG-Rückfall, beschreibende Dateinamen, Alternativtexte, Bildnachweise für den wenigen Stock.
  5. Einsatz: Startseite mit Nahaufnahme einer Verbindung, Leistungsseiten mit jeweils drei Bildern, eine Referenzseite mit vier Projekten.

Das Ergebnis lässt sich nicht in Zahlen versprechen, aber beobachten: Fragen am Telefon verändern sich („Ich habe Ihre Arbeiten gesehen“), und die Seite wirkt unverwechselbar. Genau das ist der Zweck einer Bildsprache.

Mythos gegen Fakt: Irrtümer rund um Bilder

MythosFakt
Je mehr Bilder, desto besserJedes Bild kostet Ladezeit und Aufmerksamkeit. Wenige gute Bilder mit Aufgabe schlagen viele beliebige
Bilder aus der Google-Suche darf man nutzenDie Bildersuche zeigt auch geschützte Bilder. Nutzung ohne Erlaubnis kann teuer werden
Hohe Auflösung ist immer besserZu große Dateien verlangsamen die Seite. Passende Größe zählt
Das Smartphone reicht nicht für gute FotosFür viele Motive reicht es, wenn Licht, Ausschnitt und Hintergrund stimmen
Filter machen Bilder professionellEinheitliche, zurückhaltende Bearbeitung wirkt professionell, auffällige Filter selten
Alt-Texte sind nur für SuchmaschinenSie sind zuerst für Menschen mit Sehbehinderung und für alle, bei denen Bilder nicht laden

Selbsttest in 20 Minuten

  1. Legen Sie die zehn wichtigsten Bilder Ihrer Seite nebeneinander. Gibt es eine erkennbare Linie in Licht, Farbe und Motiv?
  2. Prüfen Sie jedes Bild: Welche Frage des Besuchers beantwortet es? Wenn keine, ist es Dekoration.
  3. Suchen Sie Stockfotos auf Ihrer Seite per umgekehrter Bildersuche. Finden Sie dasselbe Bild auf vielen anderen Seiten?
  4. Sehen Sie nach, ob für jedes Bild Quelle, Lizenz und gegebenenfalls Einwilligung dokumentiert sind.
  5. Messen Sie die Dateigrößen der größten Bilder (Rechtsklick, Eigenschaften, oder Werkzeug im Browser).
  6. Öffnen Sie die Seite ohne geladene Bilder oder mit angezeigten Alt-Texten. Sind die Informationen noch verständlich?
  7. Prüfen Sie am Handy, ob wichtige Bildausschnitte erhalten bleiben.

Wenn Sie mehr als zwei Schwächen finden, lohnt eine gezielte Überarbeitung vor einem neuen Design. Die Seitenaufteilung beschreibt Aufbau einer Firmenwebsite, und die Texte dazu Website-Texte.

Produkte und Räume selbst fotografieren: ein einfacher Aufbau

Nicht jedes Foto braucht ein Studio. Für Produkte, Details und Räume lässt sich mit einfachen Mitteln eine saubere, wiedererkennbare Bildserie aufbauen. Entscheidend ist ein fester Aufbau, der sich wiederholen lässt.

Standort und Licht. Ein Tisch nahe einem großen Fenster, möglichst mit Nordlicht oder bewölktem Himmel, liefert weiches Licht. Direkte Sonne erzeugt harte Schatten. Ein weißes Blatt oder eine Styroporplatte auf der Gegenseite hellt Schatten auf.

Hintergrund. Ein einfarbiger Karton, eine große Fliese oder ein ruhiger Stoff. Für Serien dasselbe Material verwenden.

Kamera und Stativ. Ein Smartphone auf einem Stativ oder einer festen Auflage vermeidet Verwackeln und sorgt für gleiche Abstände. Das Objektiv vorher abwischen.

Perspektive. Immer mit demselben Winkel arbeiten: frontal, leicht von oben oder schräg. Wiederholbarkeit macht Serien ruhig.

Ausschnitt. Das Produkt füllt das Bild, mit etwas Luft zum Rand, damit auch Beschnitte für andere Formate funktionieren.

Details und Maßstab. Eine Aufnahme mit einer Hand, einem Maßband oder einem vertrauten Gegenstand zeigt die Größe. Nahaufnahmen von Material, Verarbeitung und Besonderheiten schaffen Vertrauen.

Bearbeitung. Helligkeit und Weißabgleich angleichen, leicht schärfen, auf feste Maße zuschneiden. Mehr nicht.

Räume werden am besten bei Tageslicht aufgenommen, aufgeräumt und mit eingeschalteten Lichtern, die zum Tageslicht passen. Gerade Linien, eine Aufnahme aus Hüft- bis Augenhöhe und das Fenster im Bild vermeiden oder bewusst einplanen. Mehrere Perspektiven je Raum geben einen besseren Eindruck als ein Weitwinkel-Foto.

Bildarchiv anlegen: Ordnung für Dateien, Rechte und Texte

Mit der Zeit sammeln sich viele Bilder an. Ohne Ordnung weiß niemand, welche Fassung die aktuelle ist, woher sie stammt und ob sie genutzt werden darf. Ein einfaches Bildarchiv löst das.

BausteinUmsetzungNutzen
OrdnerstrukturNach Thema oder Leistung, darunter „Original“, „Web“, „Druck“Schnelles Finden, keine Verwechslung der Fassungen
DateinamenSprechend, ohne Umlaute, mit Datum oder Version bei BedarfWeniger Suchen, bessere Auffindbarkeit im Web
Rechte-ListeTabelle mit Bild, Quelle, Lizenz, Fotograf, Einwilligungen, AblaufdatumNachweis bei Nachfragen, Frist für Löschung
Alt-Texte-ListeTabelle mit Bild und BeschreibungWiederverwendung, Einheitlichkeit
VerwendungslisteAuf welchen Seiten liegt welches Bild?Schneller Austausch bei Änderung
SicherungOriginale zusätzlich an anderem OrtSchutz vor Verlust

Das Archiv muss nicht in einer Spezial-Software liegen. Ein gut benannter Ordner in Ihrer Dateiablage plus eine Tabelle genügt für die meisten Unternehmen. Entscheidend ist, dass eine Person verantwortlich ist und das Archiv bei jeder neuen Bilddatei aktualisiert wird. Was mit Gestaltung und Marke zu tun hat, ist unter Markenstrategie beschrieben.

Begriffe rund um Bilder im Web

Bildsprache
Der einheitliche Stil aller Bilder, Grafiken und Icons einer Marke.
Moodboard
Collage aus Beispielbildern, die Stimmung und Stil einer Gestaltung festhält.
Alternativtext
Beschreibung eines Bildes für Hilfsprogramme und Suchmaschinen.
Vektorgrafik
Grafik aus mathematischen Formen, beliebig skalierbar (SVG).
Rastergrafik
Grafik aus Bildpunkten (JPEG, PNG, WebP).
Lizenz
Vertragliche Erlaubnis, ein Werk unter bestimmten Bedingungen zu nutzen.
Seitenverhältnis
Verhältnis von Breite zu Höhe eines Bildes, zum Beispiel 3:2.
EXIF-Daten
In Fotos gespeicherte Zusatzinformationen wie Kamera, Datum und teils Ort.
Unsere Arbeit

Bildsprache: Was wir für Sie tun.

Bildkonzept entwickeln

Welche Motive, welche Stimmung, welcher Bildausschnitt, welche Farbwirkung passen zu Ihrer Marke?

Fotos planen und auswählen

Wir erstellen eine Liste der nötigen Motive und beraten bei Fotografen, Aufnahmen und Auswahl.

Grafik und Icons

Einheitliche Symbole, Diagramme und Illustrationen, die Inhalte erklären statt zu dekorieren.

Aufbereitung für das Web

Passende Größen, moderne Formate und Alternativtexte, damit Bilder schnell laden und barrierefrei sind.

Rechte klären

Nutzungsrechte, Lizenzquellen und Personenrechte werden dokumentiert, bevor ein Bild online geht.

Qualität

Bildsprache: Woran Sie gute Arbeit erkennen.

  • Es gibt eine klare Linie bei Motiven, Licht und Farbwirkung
  • Die wichtigsten Bilder zeigen Ihre echte Arbeit, nicht nur Symbolfotos
  • Jedes Bild hat eine erkennbare Aufgabe
  • Alle Bilder haben Alternativtexte, dekorative sind als solche gekennzeichnet
  • Dateigrößen sind für Handy und Verbindung angemessen
  • Lizenzen und Bildnachweise sind dokumentiert
  • Personen auf Bildern haben ihr Einverständnis gegeben
  • Es gibt keinen Text im Bild, der nicht auch als Text vorliegt
Kosten

Bildsprache: Was es kostet.

Der Hauptkostenpunkt ist die Beschaffung. Eigene Fotos erfordern Fotografen-Honorar, Vorbereitung und Zeit, lizenzierte Bilder kosten Gebühren je Bild oder als Abo. Die Aufbereitung für das Web ist dagegen im Verhältnis günstig und zahlt sich in Ladezeit und Auffindbarkeit aus.

Die Rechnung dazu: So kalkulieren wir.

Das bestimmt den Preis

  • Zahl der benötigten Motive
  • Eigene Fotografie oder lizenzierte Bilder
  • Illustration und Grafik nach eigenem Stil
  • Aufbereitung und Alternativtexte
  • Nutzungsrechte und Dauer der Lizenz

Das können Sie vorbereiten

  • Eine Liste aller Orte, Produkte und Arbeitsschritte, die sich zeigen lassen
  • Vorhandene Fotos in Originalqualität
  • Beispiele für Bildwelten, die Ihnen gefallen und die nicht
  • Einverständnis-Erklärungen für abgebildete Personen
  • Zugang zu Räumen oder Baustellen für Aufnahmen
Stolpersteine

Bildsprache: Häufige Fehler.

  • Stockfotos mit gestellten Handschlag- und Lächelszenen
  • Gemischte Stile: Foto, Clipart und Illustration auf einer Seite
  • Bilder ohne Alternativtext oder mit Text im Bild
  • Unklare Lizenzen und fehlende Bildnachweise
  • Dateien direkt aus der Kamera, mehrere Megabyte groß
Häufige Fragen

Fragen zu Bildsprache.

Sind Stockfotos grundsätzlich schlecht?

Nein, sie können Lücken füllen, etwa bei abstrakten Themen. Wählen Sie bewusst, vermeiden Sie die häufigsten Motive, und kennzeichnen Sie Lizenzen sauber.

Brauche ich einen Fotografen?

Für die wichtigsten Motive (Ihre Arbeit, Ihr Produkt, Ihre Räume) lohnt es sich fast immer. Wir geben Ihnen eine Motivliste und Hinweise zur Vorbereitung.

Darf ich Bilder aus dem Netz verwenden?

Nur mit ausdrücklicher Erlaubnis oder unter einer Lizenz, die die Nutzung erlaubt. Ein Bild, das im Internet auffindbar ist, ist deshalb nicht frei.

Was ist ein Alternativtext?

Eine kurze Beschreibung des Bildinhalts für Vorlese-Programme und Suchmaschinen. Er beschreibt, was zu sehen ist und warum es relevant ist. Anleitung im Beitrag Alternativtexte für Bilder.

Wie groß sollten Bilder sein?

So groß wie nötig, so klein wie möglich: passend zur Anzeigegröße und in einem modernen, komprimierten Format. Details stehen im Beitrag Bilder optimieren.

Dürfen wir KI-generierte Bilder verwenden?

Rechtlich und gestalterisch ist das ein bewegliches Feld. Prüfen Sie die Lizenzbedingungen des Werkzeugs, kennzeichnen Sie, wo nötig, und setzen Sie sie nicht für Dinge ein, die Echtheit versprechen, etwa Referenzen oder Kundenstimmen.

Wie viele Bilder braucht eine Seite?

So viele, wie nötig sind, um Fragen zu beantworten. Eine Leistungsseite kommt oft mit drei bis fünf gut gewählten aus. Lieber wenige, die etwas zeigen, als viele, die füllen.

Darf ich Fotos von Kundenprojekten zeigen?

Nur mit Zustimmung des Kunden, und unter Beachtung von Rechten Dritter, etwa an Gebäuden oder Personen im Bild. Klären Sie das schriftlich vor der Veröffentlichung.

Wie oft sollten Bilder erneuert werden?

Wenn sich Produkte, Räume oder Ausstattung ändern, und spätestens, wenn Bilder veraltet wirken. Planen Sie alle paar Jahre eine Bestandsprüfung ein.

Wie zeige ich meine Arbeit, wenn Kunden nicht abgebildet werden wollen?

Zeigen Sie das Ergebnis ohne erkennbare Personen und ohne Details, die auf den Kunden schließen lassen, etwa nur den Raum, das Produkt oder die Fassade nach Einverständnis. Beschreiben Sie Ausgangslage und Vorgehen im Text, damit das Bild nicht allein tragen muss.

Welche Bildgröße ist für ein Titelbild sinnvoll?

Das hängt vom Layout ab. Als Orientierung genügt für die Breite meist die doppelte Anzeigebreite (für hochauflösende Bildschirme), nicht mehr. Es lohnt sich, mehrere Größen bereitzustellen und den Browser wählen zu lassen. Dateien in einem modernen Format bleiben dabei deutlich kleiner als klassische JPEG-Dateien.

Brauche ich Bildnachweise auf der Seite?

Das hängt von der Lizenz ab. Manche Lizenzen verlangen eine Namensnennung, andere nicht. Notieren Sie in jedem Fall intern, woher ein Bild stammt, und prüfen Sie den Lizenztext, bevor Sie entscheiden.

Ratgeber

Mehr zum Nachlesen.

Was kostet eine Website? Die Preisfaktoren im ÜberblickWas eine Unternehmenswebsite kostet, hängt von Umfang, Funktionen, Inhalten und Betreuung ab. Diese Faktoren bestimmen den Preis.Weiterlesen →Website-Relaunch ohne Ranking-Verlust: So gehen Sie vorSo gelingt ein Website-Relaunch ohne Verlust bei Google: Bestandsaufnahme, Inhaltsplan, Weiterleitungen, Kontrolle nach dem Start.Weiterlesen →Responsive Webdesign: Was es ist und warum es Pflicht istResponsive Webdesign erklärt: Wie sich Websites an Smartphone, Tablet und Desktop anpassen, warum das für Nutzer und Google zählt und woran Sie es erkennen.Weiterlesen →Barrierefreie Website: Grundlagen und BFSGBarrierefreie Websites erklärt: Warum Barrierefreiheit wichtig ist, was das BFSG regelt, welche Anforderungen gelten (WCAG) und wie Sie anfangen.Weiterlesen →Cookie-Banner und Datenschutz: Das WichtigsteCookie-Banner und Einwilligung: Wann ein Banner nötig ist, welche Dienste Sie meiden können und wie eine datenschutzfreundliche Website aufgebaut ist.Weiterlesen →WordPress oder individuell? So wählen Sie das richtige SystemWordPress, andere Baukasten- oder Redaktionssysteme oder eine individuelle Lösung: Vor- und Nachteile und Kriterien für die Wahl bei Unternehmenswebsites.Weiterlesen →Bilder für die Website optimieren: Format, Größe, LadezeitBilder für Websites optimieren: Die richtigen Formate (WebP, AVIF, JPEG), passende Größen, Kompression und Lazy Loading für schnelle Ladezeiten.Weiterlesen →Website-Texte aus Kundensicht schreiben: So überzeugen SieWebsite-Texte, die verkaufen: Kundensicht statt Selbstbeschreibung, klarer Nutzen, direkte Ansprache und Aufbau von der Überschrift bis zur Handlungsaufforderung.Weiterlesen →Kontaktformular gestalten: Mehr Anfragen, weniger FelderKontaktformular gestalten: Welche Felder nötig sind, wie Sie Hürden senken, Spam abwehren und datenschutzgerecht arbeiten. Praxis für mehr Anfragen.Weiterlesen →Website-Wartung und Sicherheit: Was regelmäßig zu tun istWebsite-Wartung und Sicherheit: Updates, Backups, Passwörter, HTTPS und Überwachung. Die wichtigsten Aufgaben, damit Ihre Website sicher und schnell bleibt.Weiterlesen →

Bildsprache für Ihr Unternehmen klären?

Schreiben Sie uns kurz, wo Sie stehen. Wir sagen Ihnen ehrlich, was bei Bildsprache für Sie sinnvoll ist, und was nicht.

Erstgespräch vereinbaren