WebSite X5Help Center

 
Bertram N.
Bertram N.
User

Unscharfe Produktbilder im Shop  de

Auteur : Bertram N.
Visité 1017, Followers 1, Partagé 0  
Mots-clés :: shop,website x5 pro 17

Schönen Sonntag. Ich bin gerade dran meinen Onlineshop aufzusetzen. Beim einfügen der Produktfotos ist mir aufgefallen das egal was ich mach die Fotos unscharf sind.

Ihr könnt euch hier selber ein bild davon machen: http://test.peter-hof.at/fruchtsaefte.html

Folgendes hab ich schon probiert:

Bildgröße in Photoshop von 3456x4608 auf 810x1080 geändert und für web exportiert.

weiteres hab ich noch probiert in den einzelnen produkten in website X5 die größe auf 810x1080 zu ändern.

Bildformat: .jpeg

Im anhang befindet sich noch eines der verwendeten Bilder

Kennt jemand von euch das Problem bzw. hat jemand n lösungsansatz?

Posté le
16 RéPONSES - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Wenn ich das Bild nehme und auf die größe der angezeigte Ware verkleinere ist bei mir das Bild in Paint genauso wie es Online im Shop angezeigt wird.  

Wenn du Bilder von großer Größe so derart verkleinerst, dann wird das Bild immer etwas pixelig oder leicht verschwommen. Da kannst du nichts machen, denn es ist ja kein Vektorbild!

Lire plus
Posté le de Andreas S.
Bertram N.
Bertram N.
User
Auteur

Macht Sinn ja. Würde es helfen das Bild zu Vektorisieren und dann die Bilder Auf die angezeigt größe zu verkleinern? was könnte ich sonst vornehmen. Will nämlich unbedingt Scharfe bilder haben weil unscharfe bilder auf den Kunden keinen guten eindruck machen :|

Lire plus
Posté le de Bertram N.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Es kommt immer darauf an welches Format WSX5 unterstützt. WSX5 ist nicht aus alle Bilder scharf zu machen sondern zu verkleinern wo es geht um auf mobilen Geräten schneller geladen werden zu können und auch bei Google zu punkten.

Du kannst das Produktbild aber verlinken mit den großen scharfen Bild und es als Popup oder Showbox aufgehen zu lassen.

Lire plus
Posté le de Andreas S.
Bertram N.
Bertram N.
User
Auteur

Am Pc wär der Ansatz gut. Aber meiner Einschätzung nach klick keiner auf dem Handy auf das Bild damit ein Popup aufgeht weil das Bild am Handy ja großgenug dargestellt wird. und da wärs auch wichtig das man das ganze scharf wäre.

Sollte ich es ev. mit nem Anderen Format ausprobieren?

Bei mir wird nichts daran vorbei führen das ich es irgend wie gebacken bekomme das die Bilder scharf angezeigt werden. welcher weg ist mir schlussendlich egal smile

Lire plus
Posté le de Bertram N.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Dann musst du ausprobieren was am besten passt.  Entweder das Bild gleich in dem Format speichert mit den höchsten Werten wie es derzeit angezeigt wird, oder verschiedene Formate austesten (jpeg, jpg, png)

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bertram N.
Macht Sinn ja. Würde es helfen das Bild zu Vektorisieren und dann die Bilder Auf die angezeigt größe zu verkleinern? was könnte ich sonst vornehmen. Will nämlich unbedingt Scharfe bilder haben weil unscharfe bilder auf den Kunden keinen guten eindruck machen :|

(It > De)  ... das Originalbild ist zu groß und zu schwer für das Ziel; ... ein Downsizing würde die Definition erheblich verschlechtern ...
... das ist dein wahres Bild im Netz:
http://test.peter-hof.at/images/Apfel-Johann-0,25---1L-RW2_thumb.jpg
 >>

... 2 > so könnte es sein...

... Sie sollten die Bilder bereits mit der richtigen Größe erstellen, ohne die Größe im Programm zu ändern ...
... im Programm müssen Sie die Option 100% Qualität und mit der BICUBIC-Reduktionsmethode verwenden ...
...
... zur Information:
... für fotografische Bilder müssen JPEG-Bilder verwendet werden; (*)
... damit Bilder mit Details hervorgehoben werden können, müssen sie im PNG-Format verwendet werden. (*)
... für detaillierte LOGOS müssen PNG- oder GIF-Bilder verwendet werden; (*)
... Das SVG-Format kann für detaillierte LOGOS mit hochauflösenden Grafiken verwendet werden, deren Größe ohne Verlust geändert werden kann.
...
... (*) ... Bilder mit zweckmäßigen Maßnahmen
...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Bertram N.
Bertram N.
User
Auteur

ok Ich hab das jetzt mal ausprobiert. hab diese bild genommen: http://test.peter-hof.at/images/Apfel-Johann-0,25---1L-RW2_thumb.jpg

und das orginalbild auf die selbegröße angepasst und auch bei der Methode Bicubic verwendet (in photoshop aber in der WSX5 vorschau kein Besseres ergebnis. habs mit png und jpg ebenfalls probiert...

Entweder bin ich zu doof dafür oder ka. undecided

Lire plus
Posté le de Bertram N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... wie Sie sehen können, ist mein Bild detaillierter und klarer als deins, weil ich es ohne den überschüssigen Teil der Flaschen ausgeschnitten habe, d. h. diese sind etwas größer ...
... in diesen Fällen kann das Wissen, wie man ein eigenes Grafikprogramm verwendet, viel bewirken und bereits qualitativ hochwertige Fotos haben ...
... anstatt drei Produkte/Bilder pro Zeile zu platzieren, versuchen Sie, zwei Produkte/Bilder pro Zeile zu platzieren, damit Sie größere und detailliertere 1/3° Bilder verwenden können ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Bertram N.
Bertram N.
User
Auteur
 ‪ KolAsim ‪ ‪
(It > De) ... wie Sie sehen können, ist mein Bild detaillierter und klarer als deins, weil ich es ohne den überschüssigen Teil der Flaschen ausgeschnitten habe, d. h. diese sind etwas größer ... ... in diesen Fällen kann das Wissen, wie man ein eigenes Grafikprogramm verwendet, viel bewirken und bereits qualitativ hochwertige Fotos haben ... ... anstatt drei Produkte/Bilder pro Zeile zu platzieren, versuchen Sie, zwei Produkte/Bilder pro Zeile zu platzieren, damit Sie größere und detailliertere 1/3° Bilder verwenden können ... .

Grafik kenntnisse sind ausreichend vorhanden ;) ich hab das mim ausschneiden auch gemacht bzw. dein Bild genommen aber es ist trotzdem unscharf. sobald ich das bild impotiere in WSX 5 und das mit 2 produkten in einer reihe statt dreien auch. ich werd mich morgen nochmal dransetzten und probieren. 

Lire plus
Posté le de Bertram N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bertram N.
... ... ... ...  ich werd mich morgen nochmal dransetzten und probieren. 

(It > De)  ... OK, gute Arbeit ...
... Sie setzen Ihr Originalbild hier (810x1080) ...
... wir hoffen, dass einige Experten Ihnen weitere wertvolle Vorschläge machen ...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Bertram N.
Bertram N.
User
Auteur

So Problem gefunden. WSX5 erstellt ja beim einfügen des Produkt Fotos ein _thumb.jpg Bild mit den Maßen 200x300px. (was ja schon ein Stückweit bekannt war)

Hab jetzt mein 810x1080 px bild genommen und nach dem export mit dem _thumb.jpg bild ersetzt. jetzt ist alles scharf.

Danke dennoch für eure Nerven :D

Tipp an INCO: Produktbilder beim Importieren bitte nicht so runterskalieren das Alles Unscharf wird ;)

Lire plus
Posté le de Bertram N.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Es fragt sich aber wie ein 200x300px Bild das angezeigt wird bei der Ware, durch ein 810x1080px Bild ersetzt werden kann und das gleiche anzeigt? Wird hier denn nur ein Ausschnitt angezeigt?

Lire plus
Posté le de Andreas S.
Bertram N.
Bertram N.
User
Auteur

Ausschnitt wird bei beiden der Selbe gezeigt.

Ich kanns dir leider auch nicht erklären warum das so ist dazu müsst man den Code mal durchforsten. Ich bin Froh das das ganze jetzt das macht was ich will :)

Lire plus
Posté le de Bertram N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bertram N.
... ... ...  Tipp an INCO: Produktbilder beim Importieren bitte nicht so runterskalieren das Alles Unscharf wird ;)

(It > De) ... hängt von Ihrer Vorbereitung und Erfahrung ab ...wink
... wie gesagt, verwenden Sie "... (*) ... Bilder mit zweckmäßigen Maßnahmen"...
... Ich habe die Änderung gesehen, die Sie vorgenommen haben, Sie waren gut, es ist bereits ein gutes Ergebnis...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Bertram N.
Bertram N.
User
Auteur
‪ KolAsim ‪ ‪
Ich habe die Änderung gesehen, die Sie vorgenommen haben, Sie waren gut, es ist bereits ein gutes Ergebnis... ciao .

Danke. Kann es sein das ich diese Einstellungen in WSX5 17.1.2 nicht habe? Hab die nämlich bis heute nicht gefunden. Dann muss ich jemfall dringend Updaten. 

Lire plus
Posté le de Bertram N.