Pregunta sobre WebP Express de Wordpress:

1 imagen no mostrada con WebP habilitado

Un usuario preguntó 👇

Hola,

La primera imagen no se muestra en el control deslizante superior, las imágenes se muestran en las diapositivas siguientes. Puedo hacer clic derecho y abrir en una nueva ventana y obtener la versión WebP. No veo ninguna diferencia entre la primera diapositiva y la siguiente.

¿Alguna idea de por qué esa imagen por sí sola no muestra eso?

Gracias JP

Lanzador de hilos

(@jpnl)

Hace 1 año, 9 meses

¿Alguna idea sobre este?

(@roselldk)

Hace 1 año, 9 meses

Si abre DevTools en Google Chrome y selecciona la pestaña Red, y luego filtra para que solo vea las imágenes, verá que todas las respuestas de imagen son webp o png. Supongo que los PNG deben estar allí porque no habilitó los PNG. ¡Así que todo está bien!

Veo que algunas URL de la imagen terminan con «.jpg» y otras con «.jpg.webp». Como los que terminan en «.jpg» se restauran como «.webp», puedo concluir que se está ejecutando en el modo «Varios pisos de imágenes».

Como algunas de las imágenes terminan con «.jpg.webp», puedo decir que tiene Alter HTML habilitado. Puedo ver en el HTML que seleccionó la sintaxis de las etiquetas de imagen.

Puedo ver que algunas de las imágenes se envían usando CSS en línea (como imágenes de fondo). Si selecciona «URL de imagen» en lugar de etiquetas de imagen en la edición HTML, también las obtendrá como «.jpg.webp».

También veo en DevTools que algunas de las solicitudes de imágenes se iniciaron con javascript (jquery.js).

Lanzador de hilos

(@jpnl)

Hace 1 año, 9 meses

Gracias. No estoy seguro de si miras en el lugar correcto. Esta página es: Esta página: https://www.eetsalonmarktzicht.nl/assortiment/
Y luego las imágenes en el control deslizante en la parte superior (no en la ventana emergente).

Aquí hay un breve video en el que te mostraré a qué me refiero.
https://drive.google.com/open?id=1UKHBWvSC-Ww_2KuVqEHD48tt1IJxVBws

Todas las imágenes de esa presentación de diapositivas son archivos jpg originales. Aquí está el primero que no aparece:
https://www.eetsalonmarktzicht.nl/wordpress/wp-content/webp-express/webp-images/doc-root/wordpress/wp-content/uploads/4-soorten-friet-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x692.jpg.webp

Este es el elemento en el inspector de cromo.
<div class="et_pb_slide_image" style="margin-top: -170.5px;"><picture><source srcset="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/webp-express/webp-images/doc-root/wordpress/wp-content/uploads/4-soorten-friet-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x692.jpg.webp" type="image/webp"><img src="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/uploads/4-soorten-friet-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x692.jpg" alt="4 soorten friet bij Cafetaria Eetsalon Marktzicht in Beusichem" class="webpexpress-processed" style="max-height: 352px;"></picture></div>

Aquí está el segundo que se muestra.
<div class="et_pb_slide_image" style="margin-top: -170.5px;"><picture><source srcset="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/webp-express/webp-images/doc-root/wordpress/wp-content/uploads/Black-Angus-Marktzicht-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x683.jpg.webp" type="image/webp"><img src="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/uploads/Black-Angus-Marktzicht-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x683.jpg" alt="Black Angus Marktzicht bij Cafetaria Eetsalon Marktzicht in Beusichem" class="webpexpress-processed" style="max-height: 352px;"></picture></div>

Aparte del nombre del archivo / artículo, no veo ninguna diferencia. ¿Eres tú?

¡Gracias! JP

Esta respuesta fue modificada hace 1 año, 9 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *