Salut

Une autre solution c'est de proposé le webp aux navigateurs qui l'accepte.

Ce que je fais sur mes hébergements dans leur htacess :

RewriteCond %{HTTP_ACCEPT} image/webpRewriteCond %{REQUEST_URI} (?i)(.*)(\.jpe?g|\.png)$RewriteCond %{DOCUMENT_ROOT}%1.webp -fRewriteRule (?i)(.*)(\.jpe?g|\.png)$ %1%2\.webp [L,T=image/webp,R]

Si le navigateur accepte le webp et qu'elle existe on le lui envoie au lieu du png ou jpg. Cela évite de modifier le comportement natif de spip

En complément j'ai un script d'optimisation qui génère périodiquement les webp. (dont les versions modifiée par les filtres images) Entre autre je m'appuie sur une version patchée de https://github.com/VirtuBox/img-optimize

Km

Le 18/05/2020 à 10:03, Arnaud Martin a écrit :
Effectivement, on ne peut pas travailler à partir de WebP, ni le livrer comme 
format d’office, puisque c’est refusé sur iOS notamment.

Ce que je fais de mon côté, c’est que je fabrique les WebP dans image_responsive à 
partir des versions Jpeg (qui restent la norme), ce qui fait qu’ils sont servis dans 
les sources de <picture>. Donc en pratique, je travaille exactement comme avant 
avec les JPEG, et c’est au niveau es squelettes, avec image_responsive, que les WebP 
sont fabriqués automatiquement et livrés sous une forme qui fait qu’ils passent 
nickel sous Chrome et Firefox, et qu’iOS continue avec les JPEG.


                             <picture 
style='padding:0;padding-bottom:66.711229946524%' 
class='conteneur_image_responsive_h'>
                                 <!--[if IE 9]><video style='display: 
none;'><![endif]-->
                                 <source 
srcset='local/cache-responsive/cache-300/ba9d5372068e77f0f1ccdb99f98fa039.png.webp?1589575322
 
1x,local/cache-responsive/cache-600/ba9d5372068e77f0f1ccdb99f98fa039.png.webp?1589575322
 2x' type='image/webp'>
                                 <source 
srcset='local/cache-responsive/cache-300/ba9d5372068e77f0f1ccdb99f98fa039.png?1589575322
 1x,local/cache-responsive/cache-600/ba9d5372068e77f0f1ccdb99f98fa039.png?1589575322 
2x' type='image/jpeg'>
                                 <!--[if IE 9]></video><![endif]-->
                                 <img loading='lazy' lazyload='1' class='image_responsive 
avec_picturefill' alt='' 
src='local/cache-responsive/cache-300/ba9d5372068e77f0f1ccdb99f98fa039.png?1589575322' 
data-src='local/cache-gd2/ef/66e9467473bbb3d76717f4c5ffe7a6.png' data-l='748' data-h='499' 
data-tailles='[\&#034;300\&#034;]'/>
                             </picture>


Un détail pas du tout marrant: j’ai un site qui fabrique énormément d’images, 
et notamment des PNG. Et j’ai constaté que GD2 fabriquait une quantité 
astronomique de fichiers PNG corrompus. En revanche, le code de GD2 qui 
fabrique des WepP n’a produit rigoureusement aucune image corrompue. J’ai 
l’impression qu’il y a une énorme différence de qualité de code entre les deux 
fonctions…

ARNO*



Le 18 mai 2020 à 09:55, Cerdic <ced...@yterium.com> a écrit :

Hello,

est-ce que je me trompe ou bien le problème de base c’est quand même que si on 
utilise des logos en webp les filtres images de fonctionneront pas dessus et 
donc potentiellement les squelettes sont cassés ?

Je pense qu’en effet il serait opportun de commencer à réflechir à introduire 
webp (je suis prudent, car pour info ce n’est toujours pas supporté par Safari 
et donc iOS https://caniuse.com/#search=webp) mais ça suppose de gérer le 
support dans les filtres images pour qu’on puisse l’utiliser comme les autres 
images...

--
Cédric
Le 18 mai 2020 à 08:57 +0200, Bruno Bergot <br...@eliaz.fr>, a écrit :
En effet ça ne peut pas fonctionner en l'état, le sujet a déjà été
abordé ici https://core.spip.net/issues/3958#note-3 et là
https://github.com/seenthis/seenthis_squelettes/issues/13#issuecomment-510776860
pour plus de détails.

Je prépare un ticket dédié à ce sujet dès que j'ai un moment.

++
b_b

Le 18/05/2020 à 01:20, Maïeul Rouquette a écrit :
hum

je sais pas. Chez moi ca marchait pour limiter les logos à svg...
le formatage m'a l'air correct

aucune idée...

_______________________________________________
liste: https://listes.rezo.net/mailman/listinfo/spip-dev
doc: https://www.spip.net/
dev: https://core.spip.net/
irc://irc.freenode.net/spip
_______________________________________________
liste: https://listes.rezo.net/mailman/listinfo/spip-dev
doc: https://www.spip.net/
dev: https://core.spip.net/
irc://irc.freenode.net/spip
_______________________________________________
liste: https://listes.rezo.net/mailman/listinfo/spip-dev
doc: https://www.spip.net/
dev: https://core.spip.net/
irc://irc.freenode.net/spip
_______________________________________________
liste: https://listes.rezo.net/mailman/listinfo/spip-dev
doc: https://www.spip.net/
dev: https://core.spip.net/
irc://irc.freenode.net/spip

Répondre à