Welches Seitenverhältnis für Vollbild-Webseiten?

[bat2.111]

Werbung

Zu viel Werbung? Hier kostenlos bei DSLR-Forum.de registrieren!

Hallo zusammen.

Ich würde ein 4:3 Foto gerne für einen vollformatigen Slider auf einer Webseite optimieren.
Bei 4:3 habe ich rechts & links schwarze Balken.
16:9 ebenso.

Welches Format müsste ich wählen?

[nighthelper]

Naja, logischerweise das Format, welches keine schwarzen Balken rechts und links besitzt. Da es zahlreiche Monitore mit unterschiedlichsten Seitenverhältnissen gibt, kann es keine Optimierung geben, Du wirst immer irgendwo Balken haben und/oder irgendwo beschneiden müssen (rechts/links oder unten/oben).

[RalphBecker]

Zitat von nighthelper

Da es zahlreiche Monitore mit unterschiedlichsten Seitenverhältnissen gibt, kann es keine Optimierung geben, Du wirst immer irgendwo Balken haben und/oder irgendwo beschneiden müssen (rechts/links oder unten/oben).

Na ja, über sogenanntes Responsive-Design (CSS mit Media Queries) kann zumindest eine Anpassung an die geläufigen Monitorauflösungen erreicht werden.

[bat2.111]

Okay, aber es muß doch eine Art Standard Seitenverhältnis geben, das für die meisten Displays passt.

[bat2.111]

Zitat von RalphBecker

Na ja, über sogenanntes Responsive-Design (CSS mit Media Queries) kann zumindest eine Anpassung an die geläufigen Monitorauflösungen erreicht werden.

Okay, allerdings bin ich da nicht fit drin.

[marc-uwe]

https://screensiz.es/monitor

Und hier kannst du schauen, was am häufigsten genutzt wird:
https://kulturbanause.de/blog/haeufi...triebssysteme/

Wie du sehen wirst: es gibt keine Standards, auch wenn 1920 x 1080 (also 16:9) ganz oben steht.
Bei der Bildgröße musst du noch bedenken, dass der Viewport im Browser (also der sichtbare Bereich) auch noch unterschiedlich groß ist.

Es hilft nichts: du musst entweder die Fläche unterhalb des Bildes in Kauf nehmen oder dass das Bild abgeschnitten wird

[bat2.111]

@marc-uwe
Danke.
Wenn das Bild nur unten oder oben Balken hätte, also wie amerikanische Filme, die wir hier mit Balken sehen, wäre das okay, solange die Balken nicht rechts und links sind. 16 zu neun hatte ich ausprobiert, bei 16 zu ziehen was besser beziehungsweise 20 zu ziehen. Allerdings wird das Bild dann sehr schmal.

[10dency]

Zitat von bat2.111

Okay, aber es muß doch eine Art Standard Seitenverhältnis geben, das für die meisten Displays passt.

Dann wäre es wahrscheinlich ein Hochformat, das noch schmaler als 9:16 ist. Denn die meisten Displays sind inzwischen wahrscheinlich die von Smartphones.

[Henry06]

So ist es, und die o.g. "1920 x 1080" stehen in der Rangliste mit 8,8% nur deshalb oben, weil "Full-HD" ein seit Jaaaahren weltweit anerkannter Standard bei Monitoren/TVs ist, während es bei den mobilen Geräten jedes Jahr immer wieder neue Auflösungen gab, manchmal nur mit ein paar Pixeln Unterschied.

[bat2.111]

Tatsächlich müsste es nur auf Desktop-Displays vollformatig, also ohne Balken dargestellt werden.
Für alle Mobile Devices habe ich ein responsive Design eingerichtet.

Wir sprechen aber jetzt über das Gleiche? Ich meine nicht die Größe der Bilder, ist klar, daß die immer, abhängig vom Dispay, unterschiedlich ist.
Ich meine das Seitenverhältnis – das müsste doch, egal wie groß der Monitor ist, immer gleich dargestellt werden.