Hintergrundbilder
Ein Bild hinter Text sieht auf dem Entwurf gut aus und wird auf dem Telefon zum Problem. Es gibt zwei Wege, das zu verhindern — und einen, es zu lassen.
DAS GRUNDPROBLEM
Der Text muss lesbar bleiben
Ein Hintergrundbild ist der einzige Bildeinsatz, bei dem das Bild dem Text im Weg steht. Genau daran scheitert es meistens.
01
Warum es auf dem Entwurf funktioniert
Am Rechner, mit einem sorgfältig gewählten Ausschnitt, sitzt die Überschrift genau in der dunklen Ecke des Motivs. Auf dem Telefon ist der Ausschnitt ein anderer — das Bild wird beschnitten, und die Überschrift landet im hellen Himmel.
02
Was daraus folgt
Ein Hintergrundbild muss auf jedem Ausschnitt funktionieren, nicht auf einem. Das gelingt zuverlässig nur mit einer Abdunklung über dem ganzen Bild — oder indem der Text nicht auf dem Bild steht, sondern daneben oder darunter.
Hinweis aus der Praxis
Ein Bereich, der drei Monate nach Veröffentlichung keine Zugriffe bekommt, hat meist kein Textproblem, sondern ein Nachfrageproblem: Nach dem Thema wird in dieser Region nicht gesucht. Deshalb steht bei uns die Recherche vor dem ersten Satz.
„Wir haben zwei Jahre eine schöne Seite gehabt und nicht einen einzigen Anruf darüber bekommen. Niemand hat uns gesagt, dass die Struktur fehlt.“
Inhaber eines Sanitärbetriebs, 14 Mitarbeiter, Rhein-Kreis Neuss
Zusammengefasst: Sichtbarkeit entsteht nicht aus Gestaltung, sondern aus Abdeckung. Wer viele Fragen vollständig beantwortet, wird oft gefunden — wer eine Seite hat, einmal.
Zwei Finger zum Zoomen, Nummer nicht antippbar. Der Kunde ist weg, bevor er Ihren Namen gelesen hat.
Gekaufte Fotos von fremden Baustellen wirken wie eine Briefkastenfirma. Ihre eigenen Arbeiten wirken wie Handwerk.
Wer in Kaarst sucht, sucht nach Kaarst. Steht der Ort nicht auf der Seite, taucht sie nicht auf.
Der Neffe hat sie 2016 gebaut und wohnt jetzt in Hamburg. Seither steht dort ein Mitarbeiter, der längst gekündigt hat.
DER TEXT
Lesbar schlägt eindrucksvoll
Wenn die Überschrift auf dem Motiv nicht ohne Anstrengung lesbar ist, war das Bild die falsche Wahl. Kein Verlauf und keine Schrift rettet ein Motiv, das an dieser Stelle zu unruhig ist.
Mit und ohne Abdunklung vergleichen.
DASSELBE MOTIV, ZWEIMAL
Mit und ohne Abdunklung
Links das Bild, wie es aus der Kamera kommt, mit Text darüber. Rechts dasselbe Motiv mit einer gleichmäßigen Abdunklung darunter.
OHNE
Funktioniert an einer Stelle des Bildes und an keiner anderen.
MIT
Funktioniert auf jedem Ausschnitt und auf jedem Gerät.
Woran der Unterschied hängt
An einer halbdurchsichtigen Fläche zwischen Bild und Text — technisch trivial, wirkungsvoll und beim Bau in einer Minute erledigt. Das Motiv verliert dabei an Leuchtkraft, und das ist der Punkt: Ein Hintergrundbild soll nicht leuchten, sondern tragen.
DAS RICHTIGE MOTIV
Vier Eigenschaften
Nicht jedes gute Bild taugt als Hintergrund — und die tauglichsten Hintergrundmotive wären als Einzelbild langweilig.
| Eigenschaft | Warum | Gegenbeispiel |
|---|---|---|
| Ruhig, ohne viele Details | Text braucht eine Fläche, keine Konkurrenz. Eine Wand, ein Himmel, eine Werkbank von oben. | Ein Gruppenbild — Gesichter ziehen den Blick vom Text weg. |
| Kein Motiv am Rand | Ränder werden je nach Gerät abgeschnitten. Was wichtig ist, gehört in die Mitte. | Das Firmenschild links außen — auf dem Telefon nicht mehr im Bild. |
| Gleichmäßig hell oder dunkel | Starke Kontraste im Bild machen Text stellenweise unlesbar. | Fenster im Hintergrund — die hellste Stelle liegt oft dort, wo die Überschrift sitzt. |
| Ohne Aussage | Ein Hintergrundbild wird nicht angesehen, sondern nur wahrgenommen. Für Belege ist es der falsche Platz. | Die frisch sanierte Fassade als Hintergrund — dort sieht sie niemand richtig an. |
Ihre besten Arbeitsbilder gehören nicht in den Hintergrund. Dort verschenken Sie sie.
Zwei Wörter im Telefon. Wer steht oben?
Wir bauen Websites für Handwerksbetriebe so, dass sie bei genau dieser Suche auftauchen: Gewerk, Ort, Anliegen — auf eigenen Seiten, in klaren Sätzen, mit der Nummer ganz oben.
VIER EIGENSCHAFTEN
Ein Hintergrundbild braucht eine ruhige Seite
Dort liegt der Text. Ein Motiv mit unruhiger Mitte lässt sich nicht retten — auch nicht durch eine dunkle Schicht darüber, die dann alles zudeckt.
Das erste Bild wiegt am meisten.
WAS SCHIEFGEHT
Vier Fehler mit Hintergrundbildern
Die ersten beiden kosten Lesbarkeit, der dritte Ladezeit — und der vierte ein gutes Bild.
01
Text ohne Abdunklung
Der häufigste Fall. Am Rechner passt es, auf dem Telefon nicht mehr. Eine gleichmäßige Abdunklung löst es in einer Minute.
02
Zu unruhiges Motiv
Ein detailreiches Bild mit Menschen, Werkzeug und Schrift. Der Blick sucht das Bild ab statt den Text zu lesen — und beides geht verloren.
03
Riesige Datei
Hintergrundbilder sind groß und stehen ganz oben — sie werden also als Erstes geladen. Ein unverkleinertes Motiv verzögert den ersten Eindruck um Sekunden. Auf dem Mobilfunknetz ist das teuer.
04
Das tauglichste Bild verschenkt
Die gelungenste Aufnahme als Hintergrund, halb abgedunkelt und von Text überdeckt. Sie gehört auf die Leistungsseite, wo man sie ansieht — für den Hintergrund tut es ein ruhigeres Motiv.
Überfüllte Pinnwand — zu unruhig für Text darüber.
Überfüllte Pinnwand — zu unruhig für Text darüber.
Gewerk, Ort, Nummer, ein Bild von echter Arbeit. Kein Karussell, kein Ladebalken, keine Suche nach dem Anrufknopf.
Preise, Urlaubszeiten, Stellenanzeige, neue Referenz. Vier Felder, ein Knopf, kein Handbuch. Alles andere übernehmen wir.
DER DRITTE WEG
Gar kein Hintergrundbild
Die Variante, die am seltensten erwogen wird und häufig die tauglichste ist.
Was stattdessen geht
Eine ruhige Farbfläche, dazu Überschrift, ein Satz, die Rufnummer. Der Einstieg lädt sofort, ist auf jedem Gerät lesbar und sagt in drei Sekunden, worum es geht. Was fehlt, ist Atmosphäre — und die ist der einzige Nachteil.
Wann das die richtige Wahl ist
Wenn kein ruhiges Motiv da ist, wenn die Ladezeit ohnehin knapp ist, oder wenn die vorhandenen Bilder alle zu gut sind, um sie unter Text zu legen. In allen drei Fällen ist eine saubere Farbfläche besser als ein Bild, das nicht trägt.
DIE HÄUFIGSTE SORGE
Wirkt das nicht kahl? Weniger, als man denkt — vorausgesetzt, die Angaben stimmen. Ein Einstieg mit Gewerk, Ort und Rufnummer auf ruhigem Grund wirkt sachlich. Ein Einstieg mit Bild und ohne diese Angaben wirkt hübsch und leer.
„Eine Stadtseite ohne eigene Inhalte ist eine Behauptung. Mit eigenen Inhalten ist sie ein Nachweis.“
Aus unserem Bauplan-Leitfaden, Abschnitt „Regionale Bereiche“
Was rechtlich zu Bildern gehört, steht auf der letzten Seite dieser Rubrik.
DIE LADEZEIT
Das erste Bild wiegt am meisten
Ein Hintergrundbild steht ganz oben und wird deshalb als Erstes geladen — bevor irgendetwas zu sehen ist.
3
Sekunden Geduld
So lange wartet ein Besucher im Mobilfunknetz ungefähr, bevor er zurückgeht. Ein unverkleinertes Motiv aus der Kamera braucht davon einen guten Teil allein für sich — und der Text erscheint erst danach.
Praktisch heißt das: Hintergrundbilder gehören stärker verkleinert als alle anderen. Beim Bau übernimmt das System das; wenn Sie selbst ein Motiv austauschen, achten Sie darauf. Ein Hintergrund von zwei Megabyte ist der teuerste Fehler in diesem Bereich.
Daumen am unteren Displayrand — im Mobilfunknetz zählt jede Sekunde.
DAS GEWICHT
Das erste Bild lädt zuerst
Ein Hintergrundmotiv im Einstieg wird immer geladen, auch auf dem Telefon im Mobilfunknetz. Zwei Megabyte dort kosten Sekunden — und drei sind die Grenze.
Unter 300 Kilobyte ist machbar.
Wer ein Dach, eine Heizung oder einen Elektriker braucht, tippt zwei Wörter ins Telefon und ruft den ersten Betrieb an, der seriös aussieht und eine Nummer zeigt. Empfehlung bringt weiter Arbeit. Sie bringt nur keine neuen Kunden nach.
der Anfragen an Handwerksbetriebe kommen vom Mobiltelefon. Wer dort nicht lesbar ist, wird nicht angerufen.
entscheiden, ob jemand bleibt oder zurück zur Trefferliste geht. Danach ist er beim Nachbarbetrieb.
HALTUNG
Wie ich es baue
Vier Festlegungen, die für jedes Projekt gelten — auch wenn ein Kunde es anders wünscht.
×
Keine Bilder ohne Abdunklung unter Text
Wo Text auf einem Bild steht, kommt eine Abdunklung darunter. Das ist keine Geschmacksfrage, sondern Lesbarkeit — und im Preis nicht enthalten ist die Alternative auch nicht, weil ich sie nicht baue.
×
Keine unverkleinerten Hintergründe
Jedes Hintergrundmotiv wird für die Ladezeit aufbereitet, bevor es eingebaut wird. Auch wenn es dadurch etwas an Schärfe verliert.
×
Keine bewegten Hintergründe als Standard
Videos im Einstieg kosten Ladezeit und Datenvolumen. Wo sie gewünscht sind, bauen wir sie — aber nicht, weil es modern aussieht.
×
Keine Aussage im Hintergrund
Referenzen, Preise, wichtige Angaben stehen nie als Hintergrundbild. Dort werden sie nicht gelesen und von Vorleseprogrammen gar nicht erfasst.
HÄUFIGE FRAGEN
Was Betriebe an dieser Stelle fragen
Wird das Bild durch die Abdunklung nicht hässlich?
–
Es verliert an Leuchtkraft — und das ist die Absicht. Ein Hintergrundbild soll nicht angesehen, sondern wahrgenommen werden. Wenn Ihnen das Motiv zu schade dafür ist, gehört es auf eine Leistungsseite, wo man es tatsächlich ansieht.
Braucht ein Hintergrundbild eine Bildbeschreibung?
+
Kann ich ein Video statt eines Bildes nehmen?
+
Wie groß muss die Datei sein?
+
Mein Einstieg wirkt ohne Bild leer.
+
Eine Stunde. Was Sie machen, wer anruft, was fehlt. Danach steht der Preis.
Sie sehen die Startseite fertig gestaltet, mit Ihren Texten, nicht mit Blindtext.
Alle Seiten, Bilder, Formular. Zwei Korrekturrunden sind eingerechnet.
Online, Zugänge in Ihrer Hand, Einweisung am Telefon. Rechnung danach.
AUTOR UND QUELLEN
Christof Oppermann
Inhaber 12web, Neuss · Über mich
Baut seit 15 Jahren Websites, seit 2018 mit Schwerpunkt auf Handwerks- und Mittelstandsbetrieben in Nordrhein-Westfalen. Die Angaben stammen aus gebauten Seiten, nicht aus Fachliteratur.
Geprüft am 26.08.2026
01
Eigene Suchbegriff-Recherche 12web
35 dokumentierte Bausteine mit 471 benannten Feldern — Grundlage der Aussagen zum Seitenaufbau
02
Bauteil-Bibliothek 12web
Offen einsehbar unter /kalkulator/ — Grundlage der genannten Preise und Umfänge
03
Handwerkskammer Düsseldorf — Konjunkturbericht Handwerk
Preisrechner auf 12web.de
OHNE ANFRAGE
Was Ihre Website kosten würde
Wenn Sie beim Lesen an den eigenen Betrieb denken: Fünf Entscheidungen, ein Preis. Sie sehen die Zahl, bevor Sie Ihre Adresse angeben.
Feste Preise
Keine Anfrage nötig
Kein Newsletter
Dauert etwa drei Minuten. Vorher nachlesen: Leitfaden
Struktur entsteht
/leitfaden/
/leitfaden/aufbau/
/leitfaden/betreiben/
/leitfaden/bilder/
/leitfaden/gefunden-werden/
Ihre Kunden suchen mit dem Telefon zwischen zwei Terminen. Wir bauen die Seite, die sie überzeugt, bevor sie weiterscrollen: Festpreis je Posten, ein Ansprechpartner, Zugänge in Ihrer Hand.
Erst reden,
dann rechnen.
Das erste Gespräch kostet nichts und verpflichtet zu nichts. Wenn wir die Falschen sind, sagen wir es im Telefonat.
Sie schicken das Formular oder rufen an.
Antwort am selben Werktag, bis 18 Uhr.
Telefonat, eine Stunde, zum Wunschtermin.
Festpreisangebot auf einer Seite, schriftlich.
In zwei Minuten ausgefüllt
Ihre Angaben gehen verschlüsselt direkt an uns und werden nicht weitergegeben.
