Loading
Guida introduttiva a B2C Commerce
Sommario
Seleziona filtri

          Nessun risultato
          Nessun risultato
          Ecco alcuni suggerimenti per la ricerca

          Controlla l'ortografia delle parole chiave.
          Usa termini di ricerca più generici.
          Seleziona meno filtri per ampliare la tua ricerca.

          Cerca in tutta la Guida di Salesforce
          Immagini reattive e formati di immagine moderni (AVIF e WebP)

          Immagini reattive e formati di immagine moderni (AVIF e WebP)

          Carica AVIF e WebP per file di dimensioni inferiori con i browser moderni e usa JPEG (o PNG per lossless o trasparenza) come fallback. I formati di output, la qualità e le regole URLUtils e MediaFile per DIS sono disponibili nell'argomento Dynamic Imaging Service.

          La tabella Trasformazioni supportate contiene i dettagli completi relativi al formato, all'estensione e alla qualità. In questo argomento viene descritto quando utilizzare ciascun formato nel markup e in che modo l'immagine HTML e gli elementi di origine possono fare riferimento agli URL DIS.

          Quando usare ciascun formato

          Formato Uso tipico Note
          AVIF Fotografia di prodotti ad alta compressione quando il browser lo supporta Spesso i più piccoli; Il supporto dipende dal browser e dalla versione dell'acquirente.
          WebP Dimensioni equilibrate e supporto per i clienti moderni Supporto più ampio rispetto all'AVIF; Ancora non universale su client molto vecchi.
          JPEG / PNG Predefinito, fallback img o trasparenza tramite PNG Allinea l'estensione del file nell'URL con il formato di cui hai bisogno.

          Miglioramento progressivo con l'immagine

          Offri prima AVIF o WebP, poi un'immagine di base. Gli URL DIS esatti (estensioni e valori sfrm ) devono seguire la tabella Trasformazioni supportate e le chiamate URLUtils o MediaFile. Esempio di modello (indipendente da Internet Store Markup Language (ISML)):

          <fonte immagine>
          <srcset="<il tuo URL> DIS AVIF" type="image/avif" /><
          source srcset="<il tuo URL> DIS WebP" type="image/webp" />
          <img src="<il tuo URL> DIS JPEG" alt="..." />
          </immagine      >

          In pratica, si genera ogni URL in script dallo stesso viewType o percorso con formato / estensione file e si trasformano gli oggetti per il sito, invece di codificare le stringhe sw= nel codice HTML.

          Prestazioni e igiene della cache

          • Mantenere stabili e ridotti al minimo i parametri di trasformazione: dimensioni e parametri logici identici vengono mappati a una singola chiave di cache, il che può migliorare le percentuali di riscontri nella CDN. Vedere Linee guida per le immagini e Memorizzazione nella cache di Dynamic Imaging in Dynamic Imaging Service .
          • Omettere q=80 quando 80 è già l'impostazione predefinita nell'uso, per evitare una q non necessaria nella stringa quando la documentazione indica già l'impostazione predefinita.
          • Monitora il peso dell'immagine e le velocità 4xx; I picchi sono spesso correlati a un valore OIMG errato, a coppie sw= / sh= non valide o a un URL di overlay non codificato in URL. Consultate Risoluzione dei problemi e migrazione .
           
          Caricamento
          Salesforce Help | Article