Compatibilidad con imágenes Retina de WooCommerce: no incluido en srcset

2 minutos de lectura

avatar de usuario
Avishai

he instalado recientemente WP Retina 2xy genera la @2x imágenes en mi servidor. Sin embargo, al usar los métodos PictureFill o WordPress Responsive, el srcset no incluye ninguno @2x imágenes o 2x declaraciones:

retina @2x imágenes no incluidas en srcset

También debo mencionar que mis medios se almacenan en Amazon S3 utilizando el complemento S3 Offload Lite. Mientras que la generada @2x las imágenes se cargan en S3, el complemento de retina no puede detectarlas, incluso utilizando la función “Comprobación a través de HTTP” de la versión pro.

¿Alguien sabe por qué es eso, o cómo solucionarlo?

  • Verifique y pegue “Mostrar registro de errores” en el Panel para que podamos tener una idea clara de lo que está sucediendo.

    – Mason Chase

    17 de junio de 2017 a las 20:29


  • No estoy completamente seguro de cómo funciona WP Retina 2x, pero asumo que registra un par de nuevos tamaños de imagen que son compatibles con pantallas retina. Cuando se registra un nuevo tamaño de imagen en WordPress, no no genera las imágenes inmediatamente, solo genera las imágenes cuando se carga la imagen. Para forzar la regeneración de sus imágenes (incluidas las imágenes del tamaño de una retina), generalmente instalo y ejecuto [this plugin][1]. [1]: wordpress.org/plugins/regenerar-miniaturas

    – Alex Stanford

    27 de febrero de 2018 a las 13:41

  • ¿Sigue activo este tema? ¿Has probado a actualizar tu wordpress y regenerar las miniaturas de nuevo? tal vez no llame porque las imágenes aún no existen en la base de datos generada

    –Kelvin Mariano

    26 oct 2019 a las 19:13

avatar de usuario
Iván Frólov

@2x código en srcset ya no necesita en WordPress.

Cómo funciona el atributo srcset ahora en WordPress: navegadores que deciden qué resolución de imagen cargar de la matriz (srcset atributo) usando sizes atributo y pantalla ppi (densidad de pantalla).

Entonces, todo lo que necesitas – es para configurar el atributo de tamaños correctos. Y no necesita ningún complemento que haga @2… soporte de wordpress y woocommerce srcset y sizes atributos

Ejemplo de un sitio real en woocommerce: el iPhone 7/8 tiene una proporción de píxeles de dispositivo de 2x, pero el iPhone X tiene una proporción de píxeles de dispositivo de 3x: para cada dispositivo carga imágenes con una resolución diferente
ingrese la descripción de la imagen aquí

¿Ha sido útil esta solución?