Visualizzazione risultati 1 fino 6 di 6

Discussione: Fallback file webp

  1. #1
    kairos2020 non è connesso Utente giovane
    Data registrazione
    16-04-2020
    Residenza
    Castegnato (BS)
    Messaggi
    47

    Predefinito 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
    Ultima modifica di kairos2020 : 14-02-2024 alle ore 13.16.59

  2. #2
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,258

    Predefinito

    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

  3. #3
    kairos2020 non è connesso Utente giovane
    Data registrazione
    16-04-2020
    Residenza
    Castegnato (BS)
    Messaggi
    47

    Predefinito

    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.

  4. #4
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,258

    Predefinito

    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 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?)

  5. #5
    kairos2020 non è connesso Utente giovane
    Data registrazione
    16-04-2020
    Residenza
    Castegnato (BS)
    Messaggi
    47

    Predefinito

    Grazie per la cortese risposta, no in realtà funziona sempre , è 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

  6. #6
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,258

    Predefinito

    Forse l'umanità sta cercando di battere un record di "ore buttate via alla ricerca di errori piccolissimi". Grazie per il tuo contributo!

    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!)

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •