Thumbnails in Fotoshows unscharf

    Hallo,

    ich hatte in einem Artikel "Schrift in Bilderalbum" ein Thema angesprochen, das ich hier erneuern will.

    >>sseiz · 23. Mai 2017, 09:49

    Auf welches Problem beziehen Sie sich genau, bzw. was halten Sie für das "Problem"? Bitte nochmals genau beschreiben, der Artikel hier ist schon so lange und enthält so viele Einzelthemen, dass das schwer zu erkennen ist.<<

    Die Vorschaubilder im Bilderalbum sind fast alle unscharf. Es hieß damals, dass ein Rundungsfehler dafür verantwortlich ist, der in der neuen Version behoben wird. In 14 sind die Vorschaubilder aber immer noch äußerst unscharf! Bitte hier schauen: http://museumsgarten.donnerhuf.de/mai-02.html

    Hier wurde übrigens die Slidshow nicht hochgeladen, obwohl sie in der Vorschau sichtbar ist!

    Gruß

    Norbert

    Hallo Norbert,

    mache mal bitte zur Kontrolle ein neues Projekt mit dem Layout "modern responsive" und füge direkt auf der Startseite die Bilder vom Mai zu. Veröffentliche dann auf dem Testserver von Zeta und poste mal den Link. Ich habe ausreichend Fotos bei uns auf der Homepage und eine Unschärfe ist mir dabei noch nicht aufgefallen. wichtig wäre, wie ich glaube ich schon mal in einem anderen Beitrag erwähnt hatte, dass das Ausgangsmaterial vor dem Import in Zeta auf die selbe Größe (Pixel und Seitenverhältnis gebracht wird und die Vorschaubilder von den Abmessungen her genau einem Teil des Originals entsprechen, also bei 1920 × 1080 sollte das Vorschaubild genau 192 x 108 oder 96 x 54 sein. Wenn Du auf Deiner Seite mal mit "Mausklick rechts" auf "untersuchen" gehst, werden 5 Fehler angezeigt. Da scheint also etwas mit deinem Quelltext nicht zu stimmen, eventuell liegt dort sogar die Ursache für die Unschaärfe. Daher der Vorschlag, dies mit einem frischen Projekt zu testen.

    Hallo,

    ehrich gesagt, fällt es mir schwer, bei diesen winzigen Thumbnaiuls überhaupt Schärfe oder Unschärfe zu erkennen. Meine Augen sind sicher nicht mehr die besten, aber ich denke, man kann hier durchaus ein Problem herbeireden, das in der Praxis evtl. gar nicht existiert.

    Der Rundungsfehler wurde in Version 14 definitiv entfernt, allerdings hat sich das Widget "Bilderalbum" grundlegend geändert. Früher hat das Bilderalbum die Thumbnails immer in 1:1 angezeigt. Das neue Bilderalbum verkleinert nun die Thumbnails ggf. damit eine Reihe Bilder immer komplett und ohne Lücke auf der rechten Seite gefüllt wird.

    Wenn Bilder bei der Thumbnail-Erstelung verkleinert werden, leidet die Qualität ja zwingend schon mal, werden Sie im Browser dann nochmals verkleinert (damit die Reihe schön gefüllt wird), leidet es ggf. noch mal etwas. Aber hier geht es ja um Vorschaubilder!

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

    Uff, Thomas!

    Da ist alles in Ordnung! https://hosting.zeta-producer.com/4780622017/index.html

    Verschiedenen Bildgrößen haben damit also nichts zu tun, was eigentlich nicht anders zu erwarten war.

    Woran kann der Fehler auf meiner HP liegen? Möglicherweise ist der auch dafür verantwortlich, dass die Slideshow nicht funktioniert?

    Viele Grüße

    Norbert

    Ach ja: Auf dem Testserver ist sehr deutlich zu erkennen, dass die Thumbs wesentlich besser sind als auf meiner HP! Damit wäre ich also komplett zufrieden... :)

    Hmm,

    im Testprojekt werden die Thumbnails, bedingt durch die News-Spalte, ja auch viel kleiner dargestellt. Wie soll man das vernünftig vergleichen?

    Hier mal direkte Links zu 2 der Thumbnails zum Vergleich. Ich kann da beim besten Willen keinen Schärfeunterschied feststellen:

    http://museumsgarten.donnerhuf.de/media/images/t…3466-140x80.jpg

    https://hosting.zeta-producer.com/4780622017/med…3466-140x80.jpg

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

    Hallo,

    ich denke schon, dass man das sehr gut vergleichen kann: obwohl die Thumbs zusammengeschoben und kleiner sind, sind sie schärfer als auf meiner HP; und zwar bei allen drei Testgrößen.

    Die Gegenüberstellung der beiden Vorschaubilder zeigt zudem die gleiche Schärfe. Das bedeutet, dass der Verdacht von Thomas richtig sein könnte: Die Unschärfe wird in meinem Projekt erzeugt. Nur: warum und wodurch?

    Viele Grüße

    Norbert

    Hallo Norbert,

    mach doch mal folgendes:

    1: Erstelle eine Kopie deines Projektes

    2: In diesem entferne mal alles was du manuell als CSS eingefügt hast.

    Also sowohl unter Einstellungen > CSS und ggf. auch bei den Attributen.

    3: Danach dann das Projekt erstellen und testen (sollte ja auch schon so in der Vorschau zu sehen sein, oder?).

    Ist zwar ein "radikaler Vorgang", aber zum näheren (schnellen) Eingrenzen, erstmal ganz gut geeignet.

    Ich bin mir ziemlich sicher das dann die Bilder scharf sind.

    Dann kannst du dich (am besten "rückwärts") auf die Suche nach dem verursachenden CSS-Code machen (viel Spaß dabei ;)).

    Evtl. dazu mal die (vielen) Abschnitte mit "Slideshow" genauer "untersuchen".

    Gruß
    Jochen

    Guten Abend, Jochen,

    vielen Dank für dein "Mitdenken"!

    Alles, was ich an CSS eingefügt hatte, betrifft das eigentliche Auftreten der Seite und hat vorderhand nichts mit Bildern zu tun.
    Trotzdem ist deine Idee nicht übel, um herauszufinden, ob hier die Katze im Salz liegt... ;)

    Aufgrund deines Vorschlags, der mir allerdings zu zeitaufwändig erscheint, ist mir die Idee gekommen, das umgekehrt zu machen: ich füge einfach in mein Testprojekt die CSS-Teile nach und nach ein und gucke, ob was passiert! Ich melde mich dann nächsten Monat wieder... :wacko:

    Bis dahin traue ich mich allerdings nicht, meine Page weiter zu aktualisieren.

    Viele Grüße und schönen Papatag!

    Norbert

    Hallo,

    Die beiden oben verlinkten Bilder stammen ja aus Ihren beiden Projekten. Nur dass sie beim direkten öffnen eben nicht auf der Seite gezeigt werden, wo sie ggf. vom Browser nochmals verkleinert werden, damit jede Reihe ohne Lücke (rechts) gefüllt wird.

    Wenn die Isoliert dargestellten Bilder ok sind, dann stimmt alles und es liegt kein behebbarer Fehler vor.

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

    Jochen: Viel Spaß bei der Suche? *grübel... ;)

    Stefan S : Richtig! Es scheint kein Fehler bei ZP zu sein, jedenfalls nicht offenkundig, da andere dieses Problem nicht haben.

    Ob die Bilder in irgendeinem Browser nochmal verkleinert werden, spielt auch keine Rolle: Mein Test dieser Testseite ergab auch bei einem Smartphone ein super Ergebnis. Und: Ob die Thumbs in einer Reihe dargestellt oder ohne "Lücke rechts" werden, ist völlig unerheblich: Eine Seite hat so auszusehen, wie sie gestaltet wurde; egal, ob da (unsichtbare) Spalten drin sind oder nicht: Das hat keine Auswirkung auf die Qualität von Bildern, schon gar nicht von Vorschaubildern, die ja im Testprojekt völlig okay sind.

    Also liegt wahrscheinlich kein Fehler direkt in ZP vor. Aber es muss einen Grund geben für die Unschärfe meiner Vorschaubilder! Ich bin ja nicht der einzige, der dies erkennen kann.
    Ihre frühere Bemerkung dazu, dass man Probleme auch herbeireden kann, obwohl es sie vielleicht gar nicht gibt, empfinde ich als ziemlich schmerzlich: Besucher meiner Seite erkennen diese Unschärfe genauso wie ich; ebenfalls wohl einige User dieses Forum-Themas.

    Guten Abend und viele Grüße

    Norbert

    Jochen

    Hallo! Ich habe deinen Ratschlag befolgt: Jedes CSS einzeln eingefügt, und gleich danach jeweils eine neue Bildershow erstellt.

    Getan hat sich dabei gar nichts, die Thumbs sind immer scharf geblieben...

    Gleiches habe ich auch mit HTML-Erweiterung getan!

    Der Hase scheint doch woanders vergraben zu sein!

    Gruß

    Norbert

    Hallo Norbert,

    ok, an deinem CSS liegt es definitiv nicht!

    Ich eben folgendes mal "nachgebaut":

    Link 1: https://hosting.zeta-producer.com/4784072048/index.html

    Link 2: https://hosting.zeta-producer.com/4784095423/index.html

    Link 3: https://hosting.zeta-producer.com/4784118289/index.html

    Ich schreib bewusst jetzt nicht mehr dazu, sondern schau dir mal alle 3 Links genau an, und schreib dann wo für dich das beste Ergebnis ist,

    bzw. ob du in diesem 3 Projekten "Unterschiede bei der Schärfe" siehst.....

    So das unser Augen mal "synchron" eingestellt sind ;)

    Gruß
    Jochen

    Mensch Jochen,

    vielen Dank für deine Mühe!

    Für mich ist das ziemlich eindeutig:

    "Modern" ist unscharf; "Outdoor 1180" ebenfalls; "Outdoor 980" ist okay!

    Liegt das daran, dass auf der Testseite die Bilderalben zusammengeschoben sind? Wie ich die auf der Normalseite breiter gemacht habe, finde ich nimmer heraus... Auch finde ich nimmer, wie ich die Seitengröße ganz allgemein ändern kann. Unter "Layout" ist nichts dabei.

    Nun habe ich auf der echten Seite den Bildartikel auf die gleiche Größe wie auf der Testseite zusammengeschoben, aber die Quali der Thumbs bessert sich nicht.

    Die Testseite ist offensichtlich genauso breit wie meine Page, nur der Bilderartikel ist kürzer. Was, wenn ich hier den Bilderartikel verbreitern würde (was ich ja nicht herausfinde).

    Aber: obwohl ich dort verschiedene Vorschaugrößen gewählt hatte, haben alle Thumbs die gleiche Größe! Und sie sind alle scharf!

    Ich werde immer verwirrter...

    Viele Grüße

    Norbert

    Hallo Norbert,

    wunderbar, dann sehen unsere Augen das gleiche :)

    Ich kann dir kurz sagen, was mir bei den 3 Projekten dabei aufgefallen ist:

    In allen 3 Layouts wurden die Größe der Vorschaubilder auf 140*80 eingestellt.

    Und das wurde dann daraus in der „normalen Desktopansicht“:

    Layout „Outdoor“ keine Skalierung > Bildmaße 140*80 > Bild scharf

    Layout „Outdoor 1180px“ Skalierung findet statt auf 134*76 > Bild unscharf

    Layout „Modern“ Skalierung findet statt auf 136*78 > Bild unscharf

    Und ich denke das es an dieser automatischen Skalierung des ZPs liegt.

    Und ich meine auch, das dies so nicht unbedingt sein sollte.

    Vielleicht kann Stefan S damit morgen was anfangen?

    So, und das war es auch schon heute von mir, da ich jetzt den schönen Tag genießen werde 8)

    Gruß
    Jochen

    Klasse, Jochen! DAS ist mal 'ne Aussage!

    Den schönen Tag hast du dir redlich verdient... :)

    Jedenfalls kann ich kann ich keine Bilderalben mehr einstellen, weil ich öfter Nachfragen bekomme wegen dieser Unschärfe.

    Viele Grüße und auch noch einen schönen Abend!

    Norbert

    Hallo,

    ich hatte das schon mal bemerkt, das ging aber wahrscheinlich unter:

    Die Bilderalben haben sich in Version 14 grundlegend verändert. Eine Reihe Bilder ragt in Version 14 nun immer vom linken bis zum rechten Rand des Browserfensters. In Version 13 entstand da oft rechts eine Lücke, was unschön aussah (wie im Beispiel Outdoor 980 von Jochen). Um dieses Verhalten zu gewährleisten, müssen wir Bilder manchmal etwas verkleinert im Browser darstellen, damit ein zusätzliches Bild (der eigentl. nächsten Reihe) genutzt werden kann, um diese Reihe lückenlos auszufüllen.

    Dieses Verhalten ist aktuell so. Ggf. die Größe der Vorschaubilder etwas anpassen (trial and error), dass das nicht so ins Gewicht fällt.

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

    Guten Abend,

    dabei verstehe ich nicht, warum im Testprojekt alle Thumbsgrößen scharfe Bilder zeigen.

    Bitte schaut auf die Testseite (auch Unterseite), dort habe ich alles genauer beschrieben: https://hosting.zeta-producer.com/4780622017/index.html

    Das könnte für einen Unbedarften wie mich den Schluss nahelegen, dass es etwas mit diesem "Freiraum" auf der Startseite zu tun hat; also diese rechte Spalte, die ich nicht weg bekomme; aber wohl genau deswegen sind dort alle Vorschaubilder optimal!

    Wenn mir jemand sagt, wie ich diese rechte "Spalte" löschen oder auch nur einzelne Bildartikel verbreitern kann, wäre ein neues Experiment möglich.

    Die Qualität der Vorschaubilder auf der Startseite ist super, in jeder Größe, ob Hoch- oder Querformat, egal welche Zuschnittsformen; so würde ich mir das gerne bei allen Artikeln meiner HP wünschen.

    Viele Grüße

    Norbert

    Hallo zusammen,

    inzwischen weiß ich, dass ich nur die Sichtbarkeit im Navigationsmenü ausschalten muss, um "volle Breitseite" zu bekommen. Auf der Testseite https://hosting.zeta-producer.com/4780622017/index.html ist somit alles in bester Ordnung mit den Vorschaubildern; siehe auch Beitrag #19.

    Jedoch warte ich immer noch auf einen Hinweis, warum die Schärfe der Thumbs in meinem realen Projekt so grauslig ist: das macht einfach keinen Spaß...

    Gutste Grüße

    Norbert

    Sorry, ich kann es nicht besser erklären, als ich es bereits getan habe.

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

    Hallo Norbert,

    mach die Thunbs doch noch kleiner, dann fällt nichts mehr auf :-

    Mal im Ernst, Die Thumbs will doch kein Mensch sehen, Die Bilder, die interessant sind, werden doch eh geöffnet! Und dann sind diese doch scharf!

    Freundliche Grüße

    Andre G. (Zeta Producer-Anwender)

    Wir hier im Schwabenland sagen ja auch gerne mal "nem geschenkten Gaul schaut man nicht ins Maul" ;)

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

    Na ja ...

    Aber ich will doch nur verstehen, warum das so ist! Im Testprojekt ist alles super, auf meiner echten Seite nicht. Dafür muss es doch eine einleuchtende Erklärung geben? Und genau nach dieser Er- und Aufklärung suche ich - mit vielen Bitten :saint:

    Auch wenn ich eine kostenpflichtige GmbH&Co.KG wäre, hätte ich doch sicher das gleiche Problem? Auch ein geschenkter Gaul kann übrigens hübsch aussehen... Selbst im Thumb! ;)

    Nun, dann belasse ich es halt so und erkläre meinen Besuchern, dass es schärfer leider nicht geht; jedenfalls nicht in echt, und verweise sie auf die Testseite, wo es doch geht... 8)

    Netteste Grüße

    Norbert, der Nixversteher

    Ich bin der Meinung, dass ich das bereits erklärt habe. Es geht um die Mechanik, die ZP 14 nutzt, um Reihen immer vollständig vom linken zum rechten Rand zu füllen. Ggf. meine Antworten einzweites mal lesen.

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

    Guten Abend oder guten Tag,

    ich weiß, dass ich nerve! ;)

    Verstanden habe ich natürlich, dass die Mechanik in ZP 14 verändert wurde, und auch aus welchen Gründen.

    Verstanden habe ich aber nicht, dass ich in ZP 14 ein Testprojekt mit super Ergebnissen erstellt habe mit allen möglichen Größen der Vorschaubilder, aber - ebenfalls mit ZP 14 in meinem aus ZP 13 konvertierten Projekt - genau diese tollen Ergebnisse nicht zustande bringe. Das ist der casus knacksus!

    Auch wenn ich in meinem Projekt HAARGENAU so vorgehe wie im Testprojekt, sind die Thumbs unscharf. Und das macht mich natürlich traurig.

    Gruß

    Norbert

    Um das zu verstehen, müssen Sie lediglich im Browser mit den Developer-Tools auf der entsprechenden Seite prüfen, welche Originalgröße die Thumbnails haben und in welcher Größe die Thumbnails dann tatsächlich auf der Seite dargestellt werden. Durch die neue Mechanik in ZP 14 werden die Bilder dann oft verkleinert um eine neue Reihe zu füllen. Beim verkleinern verlieren sie dann oft an Schärfe. Ich bin relativ sicher, dass in Ihren "gut aussehenden" Testprojekten die Bilder entweder nicht verkleinert werden (weil die Faktoren zufällig aufgehen und nicht verkleinert werden muss um eine Reihe zu füllen), oder dass Sie z.B. einfach eine größere Thumbnail-Größe eingestellt haben und es da grundsätzlich besser/schärfer aussieht. Ich persönlich kann zwischen http://museumsgarten.donnerhuf.de/mai-02.html und https://hosting.zeta-producer.com/4780622017/index.html (14_05 (2) keinen Unterschied feststellen.

    Ich kann Ihnen nur raten, die Thumbnails grundsätzlich etwas größer zu machen, damit man überhaupt etwas erkennen kann. Das bringt den Besuchern bestimmt wesentlich mehr als etwas schärfere "mini Vorschaubilder".

    Von unserer Seite ist hierzu bereits alles gesagt und wir können in diese Anfrage keine weitere Zeit mehr investieren. Vielleicht haben ja andere Mitleser noch bessere Ideen.

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

    Okay, danke, ich habe jetzt verstanden!

    Durch herumprobieren habe ich herausgefunden, dass sich die Qualität der Vorschaubilder tatsächlich verändert; je nach Fenstergröße des Browsers!

    Da ich kein Smartphone oder ein ähnlich kleines Gerät habe, habe ich mein sehr großes Fenster mal ganz wild verkleinert und danach beschlossen, die Vorschaubilder zu vergrößern :)
    Ich hatte die Seite ja immer auf dem großen Monitor betrachtet! Danke für den Tipp, dieses Thema ist also abgeschlossen.

    Viele Grüße

    Norbert

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden