¿Cómo mostrar imágenes webP en WordPress con fallback para Firefox?

ramonjosegn · 1 Oct 2016

Hola, chicos.

Acá otra vez peleando con el elemento <picture> para poder mostrar imágenes webP en WordPress.

Por ahora estoy experimentando con este código

<a target="_blank" href="http://webimagen/miimagen.webp">
<picture>
<source srcset="http://mywebsite.com/ruta/maparuta4.webp" type="image/webp">

<img src="http://mywebsite.com/ruta/maparuta4.jpg"" alt="The Map">

</picture>
</a>

Esto abriría a través del enlace la imagen webP pero si el navegador es Firefox el usuario no va a poder ver nada....

Entonces ¿hay alguna forma de que en caso de que el navegador sea Firefox abra el archivo JPG alternativo?

Gracias.

macopi · 1 Oct 2016

Si puedes utilizar PHP busca información del user-agent

CÃ³digo de PHP - Detectar el sistema operativo, navegador y versiÃ³n del cliente

Puedes usar esto de base y con (IF - ELSE).

ramonjosegn · 8 Oct 2016

Hola [MENTION=23948]macopi[/MENTION]

Gracias por la recomendación. Estuve hablando con los desarrolladores de Cache Enabler y me comentan que con su plugin se puede hacer de forma semi-automática, el mostrar archivos webP, así que supongo que esa será la opción que maneje.

¿Cómo mostrar imágenes webP en WordPress con fallback para Firefox?

ramonjosegn

macopi

ramonjosegn

Temas similares