Ti trovi qui:
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=80quando 80 è già l'impostazione predefinita nell'uso, per evitare unaqnon 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
OIMGerrato, a coppiesw=/sh=non valide o a un URL di overlay noncodificato in URL. Consultate Risoluzione dei problemi e migrazione .

