Bildgröße/-auflösung Header Flat Responsive

Moin.

Wir basteln momentan an einer Website mit dem "Flat Responsive"-Layout und haben im Header, welcher ein Slider mit verschiedenen Bannern ist, Bilder eingefügt, welche alle die vorgegebene Optimalgröße 1100x380 px haben. Sobald man diese allerdings einfügt, fällt sofort auf, dass sie unscharf werden, in der Browser Vorschau erst recht. Wie groß müssen die Bilder also tatsächlich sein, um gut auszusehen und um hochauflösen zu sein?

Danke im Voraus für Antworten.

LG leildermann

Zitat von Stefan S

Hallo,

da müssten wir die URL der Website haben, weil das oft von individuellen Einstellungen abhängt. Mit ist auch nicht ganz klar, ob Sie den vom Layout vorgegebenen Header (Kopfgrafiken) nutzen, oder manuell ein Slider-Widget eingefügt haben?

Moin,

die Website ist noch nicht live - wie komme ich an die URL? Und ja, wir nutzen den vorgegebenen Header.

LG

Zitat von Stefan S

Hallo,

eine URL hat die Website natürlich erst, wenn sie mal veröffentlicht wurde. Ich vermute, das ist bei Ihnen nicht der Fall?

Moin, nein, das ist noch nicht der Fall. Wir befinden uns noch in der Bauphase...

Zitat von Stefan S

Generell ist es im Layout Flat-Responsive so, dass Sie in den Layout-Einstellungen unter "Kopfgrafik" die Breite und Höhe eingeben auf die das Bild nach dem import skaliert wird.

Eine Kopfgrafik in Flat-Responsive wird aber immer auf volle Fensterbreite skaliert. Das heißt, das Bild wird u.U. auch mal vergrößert dargestellt.

Hier empfiehlt es sich also die Bildgröße, die man in den Layout-Einstellungen eingibt so zu wählen, dass die Qualität in den meisten Fällen (durchschnittlich verwendete Fensterbreite) OK ist und die Datei nicht zu groß wird und das laden der Seite verlangsamt. Als Vorgabe wird im Layout daher eine Breite von 1100px genutzt, was sich als guter Kompromiss herausgestellt hat.

Die Einstellung hat schon ein ganzes Stück weitergeholfen, dankeschön.