Webelemente nur in Firefox und WD Vorschau ohne Unschärfe?! Zoom?

Nina-D schrieb am 14.06.2021 um 16:17 Uhr

Hallo zusammen,

ich habe meine Website mit dem WD erstellt und endlich online gestellt.😃

Leider musste ich erst jetzt vorstellen, dass es zu einer ungenauen Darstellung in der Desktopversion in den meisten Browsern kommt (Chrome,Edge,Opera &Co).

Das betrifft vor allem die Navigationsleiste und wenn man genau hinschaut auch die Grafiken, wie das Logo und Schriftzug.

Problem:
In den oben genannten Browsern erscheint v.a. die Navileiste eher unscharf, und wie "gezoomt".
Dabei ist in allen Browsern der Standardzoom von 100% eingestellt.

Ich habe es an 2 verschiedenen Geräten getestet und habe das gleiche Ergebnis.

Ich kann es mir nicht erklären: Im Firefox UND in der WD-Vorschau habe ich stets eine hochauflösende Anzeige, genau so, wie es meinem Design entspricht. Die restlichen Browser spielen nicht mit...

Es geht um diese Site hier: Klick

Hat hier jemand einen Rat für mich?- Könnte es an irgendeiner Einstellung im WD liegen???

Vielen Dank im Voraus 🌻

Kommentare

BeRo schrieb am 14.06.2021 um 17:04 Uhr

[...] In den oben genannten Browsern erscheint v.a. die Navileiste eher unscharf [...]

Der WD macht beim Upload der Site aus allen gruppierten Objekten Grafiken. Davon sind auch die Buttons der Navigationsleiste betroffen.
Nachteil: Schriften, die in den Gruppen enthalten sind, werden ebenfalls zu Grafiken und verlieren damit ihre "natürliche" Schärfe.

[...] in der WD-Vorschau habe ich stets eine hochauflösende Anzeige [...]

Zu dem Zeitpunkt (Vorschau) zeigt der WD die gruppierten Objekte noch im Originalzustand, also Schrift als Zeichenfont und nicht als Grafik.

[...] Könnte es an irgendeiner Einstellung im WD liegen? [...]

Den Effekt- und damit die unscharfe Darstellung von Schrift in den Nav-Buttons, kannst Du leider nicht ohne aufwendigere Aktionen verhindern.
Andererseits sehe ich den Effekt wirklich nur bei genauerem Hinsehen... 😉

Deutlicher wird der Effekt z. B. in der Tablet Variante. Bei entsprechender Zoom Darstellung wird gruppierte Schrift schon recht "matschig"

Nina-D schrieb am 14.06.2021 um 17:23 Uhr

Hi BeRo,

Achso, danke für den Input 😃

Wenn es nur an den Gruppierungen liegen soll, dann frage ich mich, warum die Website jedoch generell breiter in Chrome, Edge & Co dargestellt wird:

Das die Seite an sich größer und "verzerrter" dargestellt wird, kann man an dem Abstand zu den Seitenrändern erkennen (hier ist der weiße Rand weniger ausgeprägt, als im Firefox)

Im Firefox habe ich deutlich mehr Abstand zu den Seitenrändern...

Oder ist das eine Eigenart von den jeweiligen Browsern?

Ich empfinde die Navigationsleiste als eher verschwommen in den Browsern (außer Firefox).
Wie kompliziert wäre es denn, zumindest nur die Navbar schärfer hinzukriegen.
Je nach Aufwand wäre ich bereit dazu 🤓

marboe schrieb am 14.06.2021 um 18:46 Uhr

Mit mehr Varianten kannst du den Zoom natürlich grundlegend beeinflussen. Gruß Marboe

Nina-D schrieb am 14.06.2021 um 18:56 Uhr

Hi marboe,

danke für den Tipp,... das wäre womöglich auch eine Option, wenn auch wieder ziemlich aufwändig🙃

Vielleicht baue ich mir auf die Schnelle erstmal eine textbasierte Navigationsleiste mit Popup-Ebene und hoffe, dass diese schärfer dargestellt wird.

Die Navileiste habe ich übrigens aus einer Vorlage des WD übernommen und gedacht, dass es schon gut gehen wird😅

Irgendwie schade, dass ich erst jetzt bemerkt habe, dass die Anzeige vom WD und die vom Firefox nicht auf die anderen Broswer übertragbar sind, selbst die Seitenränder...

BeRo schrieb am 14.06.2021 um 19:27 Uhr

[...] Vielleicht baue ich mir auf die Schnelle erstmal eine textbasierte Navigationsleiste mit Popup-Ebene und hoffe, dass diese schärfer dargestellt wird. [...]

Das wird funktionieren, wenn Du die einzelnen Elemente der NavBar nicht gruppierst. Leider verlangt eine "echte" NavBar die Gruppierung. 😕
Eine vergleichbare Navigation auch ohne Gruppierung funktionsfähig zu gestalten, das ist aber machbar...

[...] schade, [...] dass die Anzeige vom WD und die vom Firefox nicht auf die anderen Broswer übertragbar sind, selbst die Seitenränder. [...]

Die Seitenränder sollten bei allen (Desktop) Browsern identisch sein...

Voraussetzung für die identische Darstellung der Seitenränder ist natürlich eine identische Fenstergröße und Zoomeinstellung. 😍

marboe schrieb am 14.06.2021 um 19:29 Uhr

Du hast möglicherweise einen ganz wichtigen Hinweis von BeRo überlesen.

"Andererseits sehe ich den Effekt wirklich nur bei genauerem Hinsehen..."

Das würde ich sofort unterschreiben. 😉 Gruß Marboe

Nina-D schrieb am 14.06.2021 um 20:29 Uhr

Hallo zusammen,

danke für euer Feedback nochmal. Ich habe mir jetzt noch von meinem Umfeld Feedback eingeholt und es scheint wohl so zu sein, wie ihr sagt: Seitenränder gleich breit und kein merklicher Unterschied zu sehen.

Warum bei mir beide Geräte hier im Haushalt ein anderes Bild zeigen, ist mir ein Rätsel.
Ich arbeite mit der höchsten Auflösung und Skalierung ist auch bei 100%. Der Zoom im Browser auch...

Bei mir sieht es nur im Firefox und IE gut aus:

Im Chrome/Opera/Edge zeigt sich dieser merkwürdige Zoom mit Unschärfe und weniger Seitenrand:

Aber gut, wahrscheinlich liegt es dann an meinen Geräten und ich brauche dann auch keine neue Navileiste 😁