Unscharfe Produktbilder im Shop 
Autor: Bertram N.
Besucht 744,
Followers 1,
Geteilt 0
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?
Gepostet am
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!
Autor
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 :|
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.
Autor
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
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)
(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
...
Autor
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.
(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 ...
.
Autor
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.
(It > De) ... OK, gute Arbeit ...
... Sie setzen Ihr Originalbild hier (810x1080) ...
... wir hoffen, dass einige Experten Ihnen weitere wertvolle Vorschläge machen ...
ciao
.
Autor
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 ;)
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?
Autor
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 :)
(It > De) ... hängt von Ihrer Vorbereitung und Erfahrung ab ...
Ich habe die Änderung gesehen, die Sie vorgenommen haben, Sie waren gut, es ist bereits ein gutes Ergebnis...
... wie gesagt, verwenden Sie "... (*) ... Bilder mit zweckmäßigen Maßnahmen"...
...
ciao
.
Autor
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.
... >> v.17 BICUBIC ...
...