Hintergrundbilder Design Poster Responsive

  • Hallo,

    ich bin gerade dabei eine Seite im Design "posterresponsive" zu erstellen. Dabei nutze ich paassend zu Design Bilder, die sehr aussagekräftig sind und so kaum Text benötigt wird. In das Bild eingearbeitet ist jeweils auch das Firmenlogo.

    Auf meinem Rechner sieht das auch alles super aus - gucke ich aber auf einem anderen Rechner, mit einer anderen Bildschirmgröße oder Auflösung, wirken die Bilder unscharf, das Logo verschwindet z.T. im Rand (je nachdem wo es positioniert war) oder liegt auf einmal unter dem Menü (je nachdem wo es positioniert war). Das Bild ist dann auch nicht mehr in der vollen Größe zu sehen, sondern teilweise abgeschnitten und wird größer dargestellt, was vermutlich auch zur Unschärfe führt.

    Gibt es einen Trick die Bilder und die Seite für alle Auflösungen und Bildschirme zu optimieren? So kann man das ja keinem zeigen und das Design wäre damit für mich unbrauchbar.

  • Hallo,

    in diesem Layout werden die Bilder immer so skaliert, dass das gesamte Browserfenster ausgefüllt wird. Da die Größe des Browserfenster nicht bekannt ist, kann man hier auf keine genaue Größe optimieren und muss einen gangbaren Kompromiss nutzen, gerade auch was die Dateigröße anbelangt.
    In den Layouteinstellungen unter "Kopfgrafik" können Sie die Maximalgrößen einstellen und sich so an eine gute Bildqualität heran tasten. Da das Bild so skaliert wird, dass das Fenster ausgefüllt wird und das Seitenverhältnis des Bild nicht gleich dem Seitenverhältnis des Browserfenster sein muss, wird das Bild evtl. entsprechend verschoben / beschnitten daran kann man nichts ändern. Das liegt in der Natur der Sache, wenn man ein Layout mit einem Formatfüllenden Bild haben möchte.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!