Welches Format muss ein Headerbild haben?
- Format: jpg/jpeg (ideal für Fotos und Bilder mit vielen Farben in kleinerer Dateigröße)
- Bildgröße/Breite: mindestens 1350 Pixel
- Bildgröße/Höhe: ca. 392 Pixel (wenn das Bild nicht den gesamten Bildschirm ausfüllen soll)
- Auflösung: 72 DPI (ausreichend für die scharfe und klare Anzeige im Web, auf Bildschirmen und mobilen Geräten. Eine höhere Auflösungen führen nicht unbedingt zu schärferen Bildern und verlangsamen die Ladezeit der Website)
- Dateigröße: 100 bis 250 KB (mit Bildern in kleiner Dateigröße laden die Seiten schneller und werden in Suchergebnissen höher platziert)
- Seitenverhältnis: 3.45:1
Do's and Dont's
Besonders im mobilen Bereich lösen die Displays höher auf als herkömmliche Desktop-Monitore. Ein gutes Smartphone-Display löst heutzutage umgerechnet auf bis zu 4k auf. Dementsprechend wirkt ein normal aufgelöstes Bild hochskaliert schnell unscharf.
Hier gilt die Faustregel:
Fotos oder Bilder mit der 2-fachen Größe (also Höhe und Breite x 2) für das Web exportieren. Dies gewährleistet eine saubere und scharfe Darstellung auf mobilen Geräten.
Bitte beachten:
- Bilder als jpg-Dateien hochladen, da diese im Vergleich zu png-Dateien sehr viel kleiner sind
- PNG-Dateien eignen sich für Grafiken mit transparenten Hintergründen (z.B. Logos) oder großen Farbflächen.
- Bilder bereits komprimiert hochladen (auf tinypng.com können jpg wie auch png Dateien komprimiert werden)
- Keine niedrig aufgelösten Bilder verwenden oder hoch skalieren
- Wählen Sie einen Datenamen, der einen Schlüsselbegriff enthält
- Zum Bild gehören immer Fotograf/Quelle (Urheberrecht!) und eine kurze, präzise Bildbeschreibung (Barrierefreiheit!)