WooCommerce Retina Image Support – Nicht im srcset enthalten

Lesezeit: 2 Minuten

Avishais Benutzeravatar
Avishai

Ich habe vor kurzem installiert WP Netzhaut 2xund es erzeugt die @2x Bilder auf meinem Server. Wenn Sie jedoch die Methoden PictureFill oder WordPress Responsive verwenden, wird die srcset enthält keine @2x Bilder bzw 2x Erklärungen:

Retina @2x-Bilder nicht in srcset enthalten

Ich sollte auch erwähnen, dass meine Medien auf gespeichert sind Amazon S3 mit dem S3 Offload Lite-Plugin. Während die generiert @2x Bilder auf S3 hochgeladen werden, kann das Retina-Plugin sie nicht erkennen, selbst wenn die Funktion „Over HTTP Check“ der Pro-Version verwendet wird.

Weiß jemand warum das so ist oder wie man das beheben kann?

  • Bitte überprüfen und fügen Sie “Fehlerprotokoll anzeigen” unter Dashboard ein, damit wir uns ein klares Bild davon machen können, was passiert

    – Mason.Chase

    17. Juni 2017 um 20:29 Uhr


  • Ich bin mir nicht ganz sicher, wie WP Retina 2x funktioniert, aber ich gehe davon aus, dass es ein paar neue Bildgrößen registriert, die mit Retina-Displays kompatibel sind. Wenn eine neue Bildgröße in WordPress registriert wird, tut es das nicht generiert die Bilder sofort, es generiert die Bilder erst, wenn das Bild hochgeladen wird. Um zu erzwingen, dass Ihre Bilder neu generiert werden (einschließlich der Bilder in Netzhautgröße), installiere ich normalerweise und führe sie aus [this plugin][1]. [1]: wordpress.org/plugins/regenerate-thumbnails

    – Alex Standford

    27. Februar 2018 um 13:41 Uhr

  • Ist dieses Thema noch aktiv? Haben Sie versucht, Ihre WordPress-Datei zu aktualisieren und die Miniaturansichten erneut zu erstellen? möglicherweise wird es nicht aufgerufen, weil die Bilder noch nicht in der generierten Datenbank vorhanden sind

    – Kelvin Mariano

    26. Oktober 2019 um 19:13 Uhr

Benutzeravatar von Ivan Frolov
Iwan Frolow

@2x Code im Quellensatz braucht nicht mehr bei WordPress.

So funktioniert das srcset-Attribut jetzt in WordPress: Browser entscheiden, welche Bildauflösung geladen werden soll aus Array (srcset Attribut) verwenden sizes Attribut und Bildschirm ppi (Bildschirmdichte).

Also alles was man braucht – it’s um das richtige Größenattribut einzurichten. Und Sie brauchen kein Plugin, das macht @2… WordPress- und Woocommerce-Unterstützung srcset und sizes Attribute.

Beispiel von einer realen Website auf WooCommerce: iPhone 7/8 hat eine 2-fache Geräte-Pixel-Ration, aber iPhone X hat eine 3-fache Geräte-Pixel-Ration – für jedes Gerät werden Bilder mit unterschiedlicher Auflösung geladen
Geben Sie hier die Bildbeschreibung ein

1404810cookie-checkWooCommerce Retina Image Support – Nicht im srcset enthalten

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy