Lernziel
Lernziel
Nach diesem Kapitel können Sie:
- Bilder auf Ihrer Website austauschen
- neue Bilder hochladen
- Bilder richtig zuschneiden
- Dateigrößen optimieren
- Alt-Texte hinzufügen
- hochwertige Bilder auswählen
- Ladezeiten verbessern
- Bilder für Desktop und Smartphone kontrollieren
Warum wichtig
Warum sind Bilder so wichtig?
Besucher entscheiden innerhalb weniger Sekunden, ob sie einer Website vertrauen.
Noch bevor der erste Satz gelesen wird, entsteht ein erster Eindruck – und dieser wird hauptsächlich durch die Bilder geprägt.
Professionelle Fotos vermitteln:
Unscharfe oder unpassende Bilder wirken dagegen schnell unprofessionell.
Welche Bilder eignen sich?
Wir empfehlen echte Fotos Ihres Unternehmens.
Zum Beispiel:
- Ihr Geschäft
- Ihr Team
- Ihre Dienstleistungen
- Ihre Produkte
- Ihre Werkstatt
- Ihre Praxis
- Vorher-Nachher-Projekte
- Referenzen
Vermeiden Sie nach Möglichkeit unpersönliche Stockfotos, wenn echte Bilder verfügbar sind.
Schritt für Schritt
Schritt-für-Schritt: Bild austauschen
Melden Sie sich bei Wix Studio an.
Öffnen Sie Ihre Website.
Wix Studio · Dashboard
Dashboard
Die richtige Bildgröße
Große Bilder verlangsamen Ihre Website.
Deshalb empfehlen wir:
Banner
ca. 1920 Pixel Breite
Normale Bilder
ca. 1200 Pixel Breite
Kleine Vorschaubilder
ca. 600 Pixel Breite
Logos
PNG oder SVG
Die richtigen Dateiformate
JPG
Ideal für:
- Fotos
- Mitarbeiter
- Gebäude
- Produkte
PNG
Ideal für:
- Logos
- Grafiken
- Transparenz
SVG
Ideal für:
- Logos
- Icons
Da SVG-Dateien ohne Qualitätsverlust skaliert werden können, eignen sie sich besonders für Logos und einfache Grafiken.
WebP
Empfohlen für moderne Websites.
Vorteile:
Bildqualität
Unscharfe Bilder wirken unprofessionell.
Nutzen Sie möglichst:
Bildausschnitt
Vermeiden Sie:
Ein sauberer Bildausschnitt sorgt für einen professionellen Gesamteindruck.
ALT-Texte
Ein ALT-Text beschreibt den Inhalt eines Bildes.
Er hilft:
- Suchmaschinen
- Screenreadern
- Menschen mit Sehbeeinträchtigungen
Beispiel:
Statt:
Bild1.jpg
Besser:
Friseursalon mit modernem Innenbereich in Innsbruck
Beschreiben Sie das Bild möglichst konkret und natürlich.
Bilder für SEO
Bilder können Ihre Auffindbarkeit verbessern.
Empfehlungen:
Bilder auf Smartphones
Kontrollieren Sie jedes Bild zusätzlich in der mobilen Ansicht.
Achten Sie darauf:
- nichts abgeschnitten
- gute Lesbarkeit
- wichtige Inhalte sichtbar
- keine verzerrten Bilder
Bilder organisieren
Legen Sie Ordnung an.
Empfohlene Ordner:
Bilder
├── Team
├── Produkte
├── Dienstleistungen
├── Referenzen
├── Logo
├── Social Media
├── Blog
So finden Sie Ihre Dateien später schneller wieder.
Aus der Praxis
Praxis aus unserem Agenturalltag
Viele Unternehmen laden Bilder direkt vom Smartphone hoch.
Diese Dateien sind häufig:
- zu groß
- falsch zugeschnitten
- unnötig speicherintensiv
Vor dem Hochladen lohnt es sich, die Bilder zu optimieren. Dadurch lädt die Website schneller und bietet Besuchern ein besseres Nutzungserlebnis.
Häufige Fehler
Häufige Fehler
Bilder direkt aus WhatsApp
Diese Bilder verlieren oft an Qualität.
Nutzen Sie möglichst die Originaldatei.
Zu große Dateien
Sehr große Bilder verlangsamen die Website.
Unterschiedliche Bildstile
Verwenden Sie möglichst einen einheitlichen Stil.
Dunkle Fotos
Helle Bilder wirken meist freundlicher und einladender.
Unscharfe Bilder
Verwenden Sie nur Bilder mit guter Qualität.
Profi-Tipp
Profi-Tipp
Lassen Sie möglichst professionelle Fotos von Ihrem Unternehmen erstellen.
Authentische Bilder schaffen deutlich mehr Vertrauen als austauschbare Stockfotos.
Checkliste
Checkliste
Praxisaufgabe
Praxisaufgabe
Tauschen Sie ein Bild auf Ihrer Startseite aus.
Anschließend:
- ergänzen Sie einen passenden ALT-Text,
- kontrollieren Sie Desktop und Smartphone,
- veröffentlichen Sie die Änderung.
Mini-Projekt
Mini-Projekt
Überlegen Sie:
Welche fünf Bilder würden einem neuen Besucher sofort zeigen, warum Ihr Unternehmen vertrauenswürdig ist?
Erstellen Sie eine Liste und planen Sie, diese Bilder innerhalb der nächsten Wochen aufzunehmen oder auszutauschen.
Wissenscheck
Quiz
Welches Format eignet sich am besten für Fotos?
Warum sind ALT-Texte wichtig?
Sollten Bilder auch auf Smartphones kontrolliert werden?
Welche Bilder schaffen in der Regel mehr Vertrauen?
Zusammenfassung
Kapitelzusammenfassung
Sie wissen jetzt:
- wie Sie Bilder austauschen,
- welche Dateiformate sich eignen,
- wie Sie Bilder suchmaschinenfreundlich vorbereiten,
- warum Bildqualität für Vertrauen und Ladezeit wichtig ist,
- und wie Sie Ihre Medien professionell organisieren.