Bildergalerie verpixelt

Zitat von Time-O

Die Produktbilder auf meiner Website sind scharf, wenn ich dann allerdings mit der Maus drüber hover, womit mir das erste Bild in der Galerie angezeigt wird (welches immer das gleiche wie das Produktbild ist) ist dieses völlig verpixelt.

Ich komm nicht drauf wiso, denn es ist das genau gleiche Bild. Dazu muss ich eventuell noch sagen, dass die Bilder aus dem Internet heruntergeladen sind, da mir die ursprünglichen Firmen die Bilder nicht geben konnten.
Mind. Auflösung ist 1000x1000 Pixel.

Beispiel
Das Original Bild ist 1000 x 1000 Pixel und ... erkennbar.
https://frameshop.ch/wp-content/upl…2b6a9afbe9.jpeg

Bei der Veröffentlichung wird dein Bild dann verkleinert (300 x 300 px) und 'optimiert'
Das Ergebnis ist dann ein Bild mit Kompressionsartefakten
https://frameshop.ch/wp-content/upl…0x300-lqip.jpeg

Erklärung von Kompressionsartefakten https://de.wikipedia.org/wiki/Kompressionsartefakt

Zitat von Time-O

2. Bei mir ist Wordpress total langsam. Wenn ich ein Produkt erstellen/bearbeiten möchte, dauert es jedesmal ca. 10 Sek. bis ich in resp. aus dem Bearbeitungsmodus des Produktes bin. Dazu kommt noch das jedesmal ca. 2-3 Mal "Error 503 Service not available" kommt.

Dein von WordPress erstelltes 300 x 300 Bild ist ... wie das Original Bild... erkennbar
https://frameshop.ch/wp-content/upl…e9-300x300.jpeg

Am Dateinname kann man erkennen, dass du ein Bild optimierer verwendest.
11_[COLOR=#bfbfbf]nicht_seo_optimierter_blödsinn[/COLOR]_fbe9--[COLOR=#ff99cc]gefolgt-von-datei-größe[/COLOR]-300x300[COLOR=#ff0000]-lqip[/COLOR].jpeg

Dieser wird vermutlich die lange Zeit benötigen.

Zitat von Time-O

Ist die Schlussfolgerung davon, dass ich die Bilder mit einer Grösse von 300x300px hochladen soll?
Oder muss ich irgendwo die Bildverkleinerung und Optimierung anpassen?

Ich würde auf die Bildoptimierung verzichten oder, wenn möglich, sinnvolles verwenden.
hier eine Übersicht von WordPress Plugins.
https://fastwp.de/magazin/bilder-in-wordpress-optimieren/

Ich verwende auf meinem System -
https://github.com/google/guetzli
oder
https://github.com/mozilla/mozjpeg/

Zitat von Time-O

Eine Info am Rande, die Bilder waren vor dem Bild optimierer schon von Kompressionsartefakten geprägt.

eine original Datei hatte ich ja verlinkt... Das Bild ist unscharf! es wurde nur verkleinert ohne zu schärfen... ein typischer Fehler von PHP Umgebungen, die mit der gd-lib arbeiten. Per se ist das Bild mit den Schärfeverlauf nicht optimal. Da Bilder für die Kaufentscheidung sehr wichtig ist - würde die Bilder neu rendern oder eben neu fotografieren (lassen).

Zitat von Time-O

Dadurch und WPoptimize wurden die Ladezeiten meiner Website erheblich kürzer. Jedoch hatte dies keinen Effekt auf das "Admin-Tool" wenn man dem so sagen kann. Die Ladezeiten im Tool wurden allerdings auch nicht markant länger.

WPoptimize kenne ich nicht und verwende ich nicht
https://kinsta.com/de/blog/optimiert-bilder-fur-web/

Vielleicht bringt es was die Version zu aktualiesieren??

Also ich habe mir das auch angesehen und meinen Lösungsansatz solltest du einmal versuchen ;-)

Nachfolgenen Code in die Zusätzlichen CSS eingeben (im Dashboard unter Design > Customizer > Zusätzliche CSS)

.woocommerce .products .product:hover .product_second_img {
    opacity: 0;
}

Zitat von Time-O

Habe ich einfach etwas falsch verstanden oder bin ich komplett veblödet?

Änderungen an "Bildoptimierer" haben keine Auswirkungen auf bestehende Bilder sondern nur an zukünftigen Bildern. Deine bestehenden / vorhandenen Bilder mit der Endung '300x300-lqip.jpeg' sind halt Schrott
https://frameshop.ch/wp-content/upl…0x300-lqip.jpeg

Da hilft nur austauschen, neu generieren... oder auf diese Version verzichten! Die WordPress Version ohne die lqip.jpeg Endung
https://frameshop.ch/wp-content/upl…e9-300x300.jpeg

ist ja vorhanden.

Zitat von r23

Deine bestehenden / vorhandenen Bilder mit der Endung '300x300-lqip.jpeg' sind halt Schrott

Das wird ab einer Browserbreite von weniger als 1270px erst richtig unschön! Da werden die Bilder mit 300px auf 566,35px hochscaliert, das ist natürlich kein Vorteil!
Hochwertige Kopter-Frames und grottige Bilder, bei den ersten 8 Bildern 6 abgeschnitten .... und das auf der Startseite - deine Geschäftsauslage!