Ich verhel­fe Ihnen zu einem elek­tri­sier­enden Hinter­­grund­­bild

mit Keine Kommentare

Online-Marke­ting-Bei­trag zu Back­grounds

Informationen gemäss Stand vom 15.9.2021

Der Hintergrund einer Website hat einen enormen Einfluss auf das Design. Es zieht sofort den Blick auf sich und ent­scheidet so massgeblich, ob jemand auf Ihrem Webauftritt bleibt oder weiterzieht. Entdecken Sie jetzt Tipps zu die­sem wichtigen The­ma!

Hintergrund Bildquelle von esudroff auf Pixabay

Inhalts­ver­zeic­h­nis: Hinter­­­grund­­­bilder im Web­­design


Wo können Sie die Hintergrundbilder ver­wenden?

  • Desktop Wallpaper
    Auf Ihrem Bildschirm.
  • Mobiles
    Auf Ihrem Smartphone und Tablet.
  • E-Mail-Programm
    wie beispielsweise Google Mail.
  • Website
    Als Seitenhintergrund für Ihre Website.
  • Video
    Beispielsweise als Bild hinter einem Sprecher.

Wichtige Tipps für passende Hinter­grund­bilder

  • Der Code
    So betten Sie eine Hinter­grund­grafik in die CSS-Datei ein.
    <body style="background-image:url(background.jpg)">
  • Bezug zum Produkt
    Der Bezug zum Produkt oder der Dienstleistung sollte gege­ben sein.
  • Saisonale Hintergründe
    Sollte ein Bezug nicht mög­lich sein, können Sie even­tuell pro Jahreszeit ein anderes Foto verwenden.
  • Nicht dominant
    Die Dominanz der Hinter­grund­grafiken darf nicht zu gross sein, sonst können die Besucher den Text im Vorder­grund nicht mehr lesen.
  • Bildbearbeitung der Back­grounds
    Oftmals müssen Sie ein Hinter­grund­bild bearbeiten. So zum Beispiel zuschneiden, aufhellen oder leicht zu ver­schwom­men ändern. Verwen­den Sie Ihr bevorzugtes Bild­bear­beitungs­pro­gramm oder nutzen Sie kostenfreie On­li­ne-Tools.
  • Muster
    Ist das Hintergrundbild ein Muster, verwenden Sie ein sehr kleines Bild. Dieses Bild wird auf der Website auto­ma­tisch nach rechts und nach unten wiederholt.
  • Auflösung
    Ich empfehle Ihnen ein Hinter­grund­bild um die 2’000 Pixeln, damit Sie bei grösseren Bildschirmen auf der sicheren Seite sind.
  • Komprimieren der Dateien
    Komprimieren Sie die Bilder unbedingt, sonst wird die Web­site zu langsam. Weitere Informationen unter Per­for­mance der Website.
  • Kontrolle
    Kontrollieren Sie auf Desk­tops und Mobiles das Er­geb­nis.
  • Farben
    Falls Sie lieber mit Farben anstatt mit Bildern arbeiten.

Empfohlene Online-Tools für schicke Back­grounds

  • Striped Backgrounds
    Mit diesem Werkzeug erstel­len Sie einen Hintergrund mit Streifen. Sie erhalten beim Herunterladen eine Grafik im PNG-Format. Mit dem ‚Color Picker‘ suchen Sie nach einer bestimmten Farbe. ‚Per Randomize!‘ können Sie sich Vorschläge unterbreiten lassen. Es ste­hen mehrere Auflösungen zur Verfügung.
    Streifenhintergrund
    stripedbgs.com
  • Stripe Generator
    Dieser Streifen-Generator bietet Ihnen noch mehr Mög­lich­keiten. Laden Sie das Ergebnis als PNG-Datei herunter. Greifen Sie auf Streifen zu, die von anderen Personen generiert wurden.
    Streifenhintergrund Quelle: stripegenerator.com
  • SVG Patterns Gallery
    Diese Galerie bietet Ihnen Muster im SVG-Format. Warum SVG? SVG-Bilder sind typischerweise kleiner als Bit­map-Bil­der und bleiben auf High-Dpi-Bildschirmen scharf.
    philiprogers.com/svgpatterns/
  • Low Polygon Art
    Grosse Auswahl zum kosten­freien Herunterladen.
    lowpolygonart.com
  • Animista
    Ein Hintergrundbild wir langsam herangezoomt oder die Hintergrundfarbe ver­än­dert sich im Laufe der Zeit.
    snip.ly/1oo3eu
  • Brusher
    Der Hintergrund dieser Seite wurde automatisch erstellt. Bewegen Sie Ihre Maus, um es in Aktion zu sehen. Alles, was Sie brauchen, ist ein Bild. Der Code zeigt, wie die Webseite initialisiert wurde.
    kamranahmed.info/brusher/
  • Trianglify
    Hintergrundgenerator mit Farbverlauf.
    Trianglify
    qrohlf.com/trianglify/
  • Unsplash für Ihren Download
    Mögen Sie lieber Fotos als Hintergrund? Auch damit wird Ihnen geholfen. Laden Sie die benötigten Bilder herunter.
    snip.ly/0uur5z
  • Givemefreeat
    Free Art überzeugt durch seine hübschen Video-Backgrounds. Die ganze Kunst hier ist kostenfrei für Sie zur Ver­wendung in Ihren eigenen Projekten. Der Zweck dieser Website ist es, der Öffentlichkeit eine wertvolle Res­sour­ce für hochwertige Kunst ohne Auflagen zu bieten und Ihnen bei Ihren Video-/Medienprojekten zu helfen. Nicht nur, dass Sie alle möglichen Tricks und Tipps von den Profis erfahren.
    givemefreeart.com

P.S.

„Eine weitere wichtige Sache: Ich bleibe dran und halte Sie auf dem Laufenden. Um keine Up­dates und News mehr zu ver­passen, empfehle ich Ihnen das NewsAbo, welches Sie hier kostenfrei abonnieren können.“

Autor: Walter B. Walser, kundennutzen.ch

Verfolgen Walter B. Walser:

Gründer des pra­xis­na­hen On­li­ne-Mar­ke­ting Ma­ga­zins kundennutzen.ch, Autor und Online-Marketing Manager. Er half frü­her Un­ter­neh­mern 100% mehr aus Ihrer Web­site he­r­au­­s­zu­­­ho­len. Er hat KMU in Bezug auf deren Web­auf­tritt be­raten und sich auf die Web­si­te-Pfle­ge, Web­si­te-Opti­mie­rung und das On­li­ne-Mar­ke­ting mit On­li­ne-Tools spe­zia­li­siert.