Ich verhelfe Ihnen zu einem elek­tri­sierenden Hinter­­grund­­bild

mit Keine Kommentare

Online-Marketing-Beitrag zu Back­grounds

Informationen gemäss Stand vom 17.4.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 Thema!

Hintergrund Bildquelle von esudroff auf Pixabay

Inhalts­ver­zeic­hnis: Hinter­­grund­­bilder im Web­design


Wo können Sie die Hintergrundbilder verwenden?

  • 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 Hintergrundbilder

  • Der Code
    So betten Sie eine Hintergrundgrafik in die CSS-Datei ein.
    <body style="background-image:url(background.jpg)">
  • Bezug zum Produkt
    Der Bezug zum Produkt oder der Dienstleistung sollte gegeben sein.
  • Saisonale Hintergründe
    Sollte ein Bezug nicht möglich sein, können Sie eventuell pro Jahreszeit ein anderes Foto verwenden.
  • Nicht dominant
    Die Dominanz der Hintergrundgrafiken darf nicht zu gross sein, sonst können die Besucher den Text im Vordergrund nicht mehr lesen.
  • Bildbearbeitung der Backgrounds
    Oftmals müssen Sie ein Hintergrundbild bearbeiten. So zum Beispiel zuschneiden, aufhellen oder leicht zu ver­schwom­men ändern. Verwenden Sie Ihr bevorzugtes Bildbearbeitungsprogramm 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 Hintergrundbild 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 Website zu langsam. Weitere Informationen unter Per­for­mance der Website.
  • Kontrolle
    Kontrollieren Sie auf Desktops und Mobiles das Ergebnis.
  • Farben
    Falls Sie lieber mit Farben anstatt mit Bildern arbeiten.

Empfohlene Online-Tools für schicke Backgrounds

  • Striped Backgrounds
    Mit diesem Werkzeug erstellen 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 stehen mehrere Auflösungen zur Verfügung.
    Streifenhintergrund
    stripedbgs.com
  • Stripe Generator
    Dieser Streifen-Generator bietet Ihnen noch mehr Möglichkeiten. 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 kostenfreien Herunterladen.
    lowpolygonart.com
  • Animista
    Ein Hintergrundbild wir langsam herangezoomt oder die Hintergrundfarbe verändert 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 Updates und News mehr zu verpassen, 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.