Contao
Barrierefreie WebsiteDie Größe der verwendeten Bilder spielt eine wichtige Rolle bei der Ladezeit einer Website. Hier finden Sie Richtlinien und Empfehlungen, um die besten Bildspezifikationen für eine funktionale Website zu erhalten.
Empfohlene Bildgrößen
Hier finden Sie einen Spickzettel mit Standard-Bildgrößen für Webseiten, die am besten für die Desktop als auch die Mobile Darstellung geeignet sind.
| Website Image Type | Image Dimensions (W x H) | Image Aspect Ratio |
| Background Image | 1920 x 1080 pixels | 16:9 |
| Hero Image | 1280 x 720 pixels | 16:9 |
| Website Banner | 250 x 250 pixels | 1:1 |
| Blog Image | 1200 x 630 pixels | 3:2 |
| Logo (Rectangle) | 250 x 100 pixels | 2:3 |
| Logo (Square) | 100 x 100 pixels | 1:1 |
| Favicon | 16 x 16 pixels | 1:1 |
| Social Media Icons | 32 x 32 pixels | 1:1 |
| Lightbox Images (Full Screen) | 1600 x 500 pixels | 16:9 |
| Thumbnail Image | 150 x 150 pixels | 1:1 |
Wichtigste Erkenntnisse
- Die Bildabmessungen sollten sowohl für Desktop- als auch für Mobilgeräte optimiert werden, um ein nahtloses Nutzererlebnis zu gewährleisten.
- Die korrekte Optimierung der Dateigröße von Bildern ist entscheidend für schnelle Ladezeiten der Website und eine bessere Sichtbarkeit in Suchmaschinen.
- Für verschiedene Arten von E-Commerce-Bildern, z. B. Miniaturansichten, mittelgroße Produktfotos und zoombare hochauflösende Bilder, sind spezifische Größenrichtlinien erforderlich.
- Das richtige Gleichgewicht zwischen Bildqualität und Dateigröße ist der Schlüssel zu optisch ansprechenden und schnell ladenden Produktseiten.
- Da immer mehr Menschen über Smartphones und Tablets im Internet surfen, ist ein mobilfreundliches Design unerlässlich.
Impressum
Datenschutz