-
Fallback file webp
Buongiorno, volendo utilizzare file webp e garantire il più possibile la compatibilità del sito vorrei caricare le immagini con il seguente codice :
Codice HTML:
<picture>
<source media="(min-width:650px)" srcset="uno.webp">
<source media="(min-width:465px)" srcset="due.webp">
<img src="altro.jpg">
</picture>
Da quello che ho capito il file in img src dovrebbe essere caricato se i primi due non
fossero compatibili/disponibili, putroppo non dispongo di dispositivi adatti a provare da solo, qualcuno
può gentilmente confermarmi (o meno) se funziona così ?
Grazie
-
Un modo per provare potrebbe essere puntare i due tag <source> a file che non esistono. Se il fallback funziona, il browser dovrebbe visualizzare la versione jpeg.
Se vuoi fornire formati alternativi, forse però manca l'attributo type?
Vedi: https://web.dev/learn/design/picture...#image_formats
-
Innanzi tutto mi scuso per il ritardo nella risposta, in effetti ho scritto male la domanda, certamente funziona nel caso in cui uno dei files non sia disponibile, ho fatto delle prove esattamente come da te suggerito, type compreso, il mio problema era il seguente, con un dispositivo con un browser non compatibile con WEBP non riuscendo a caricare il file WEBP carica il file JPG ? ho provato con un SAFARI di 8 anni fa, non ricordo la versione ma non è certamente compatibile oon WEBP, funziona... ma non sempre. Il fatto positivo è che i browser ormai sono quasi tutti compatbili con il formato webp. Grazie per la risposta.
-
L'idea di <picture> (e di tutto l'html) è che è retro-compatibile: se il browser...
- supporta <picture> ed il formato definito nell'attributo type, allora considera il file indicato;
- supporta <picture> ma non il formato definito in type, allora salta quel file;
- non supporta <picture>, allora salta le informazioni "moderne" ed usa l'<img> specificato come default.
"Funziona... ma non sempre" è un filo preoccupante :mrgreen: Ma WEBP oggi è ben supportato, quindi come hai scritto puoi assumere sia a posto così.
(Fra parentesi, hai visto il Censimento siti fai-da-te?)
-
Grazie per la cortese risposta, no in realtà funziona sempre :lol:, è sufficiente scrivere la sintassi correttamente, webp è diverso da wepb, e me ne sono accorto dopo lunghe verifiche , oltre all'Alzheimer che temo avvicinarsi mi rendo conto che anche la dislessia potrebbe essere alle porte.
Ho visitato il link, spero presto di poter presentare qualcosa di mio.
Grazie ancora
-
Forse l'umanità sta cercando di battere un record di "ore buttate via alla ricerca di errori piccolissimi". Grazie per il tuo contributo! :mrgreen:
Purtroppo questi errorini sono facilissimi da trovare se qualcun'altro guarda il tuo codice, ma quando si lavora da soli, è assai difficile!
(hai già qualcosa presentare per il censimento, direi!)