Ich verhel­fe Ihnen zu einem elek­tri­sier­en­den Hin­ter­­grund­­bild

mit Keine Kommentare

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

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!

Informationen gemäss Stand vom 12.5.2022

Hintergrund Quelle: esudroff auf Pixabay.com

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 Be­sucher 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, auf­hel­len oder leicht zu ver­schwom­men ändern. Verwen­den Sie Ihr bevorzugtes Bild­be­ar­bei­tungs­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 un­ten wiederholt.
  • Auflösung
    Ich empfehle Ihnen ein Hinter­grund­bild um die 2’000 Pixeln, damit Sie bei grösseren Bild­schirmen auf der sicheren Seite sind.
  • Komprimieren der Dateien
    Komprimieren Sie die Bilder unbedingt, sonst wird die Web­site zu langsam. Weitere In­for­mationen 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 Ran­do­mize!‘ können Sie sich Vor­schläge unterbreiten las­sen. Es ste­hen mehrere Auf­lösungen zur Verfügung.
    Streifenhintergrund
    stripedbgs.com
  • Stripe Generator
    Dieser Streifen-Generator bietet Ihnen noch mehr Mög­lich­keiten. Laden Sie das Er­gebnis als PNG-Datei herunter. Greifen Sie auf Streifen zu, die von anderen Per­sonen generiert wurden.
    Streifenhintergrund Quelle: stripegenerator.com
  • SVG Patterns Gallery
    Diese Galerie bietet Ihnen Mus­ter 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 lang­sam 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 kos­ten­frei 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- / Me­dienprojekten zu hel­fen. 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 kos­tenfrei abonnieren können.“

Autor: Walter B. Walser, kundennutzen.ch

Verfolgen Walter B. Walser:

Online-Mar­ke­ting-Mana­ger

Walser arbeitet seit 1995 mit dem In­ter­net. Er ist Gründer des pra­xis­na­hen On­li­ne-Mar­ke­ting- und Online-Tools-Ma­ga­zins kundennutzen.ch, Autor und Online-Marketing-Manager. Er half frü­her als Agenturleiter Un­ter­neh­mern 100% mehr aus Ihrer Web­site heraus­zu­holen. 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. Spezielle Interessen: Umweltschutz und Geopolitik.