Note del team su artigianato, formati e le piccole decisioni dietro un buon risultato.
Perché l'AVIF batte il PNG così nettamente sulla dimensione
L'AVIF è costruito sul formato immagine moderno, progettato per l'efficienza percettiva più che per la fedeltà senza perdita. Il PNG usa DEFLATE sui dettaglio grezzi, una scelta senza perdita che però lascia intatta un'enorme ridondanza nei contenuti fotografici. L'AVIF sostituisce quella ridondanza con la predizione a blocchi presa in prestito dal video, scartando l'informazione che il sistema visivo umano non nota. Il risultato è netto. Una foto da 116 kilobyte si converte in circa 16 kilobyte come AVIF a qualità 85, e un PNG trasparente di solito si riduce dal 30 al 50 percento rispetto a un WebP equivalente. Il divario si allarga con le fotografie ad alta risoluzione e si restringe sulle grafiche semplici. Per qualsiasi sito che serve immagini trasparenti a un pubblico moderno, il risparmio di banda si traduce direttamente in caricamenti più rapidi e costi di traffico più bassi.
La storia del canale alfa nel dettaglio
Sia il PNG sia l'AVIF memorizzano la trasparenza come un piano trasparenza separato accanto ai dati di colore. Quando questa coppia elabora il tuo PNG, il decodificatore estrae i dettaglio di colore e la maschera trasparenza in modo indipendente. La conversione AVIF scrive poi un nuovo file con la propria traccia trasparenza, usando la codifica intra-fotogramma del formato moderno per comprimere entrambi i piani a qualità 85. L'alfa non viene fuso nel colore e non viene sostituito da un riempimento di sfondo. Ombre morbide, bordi sfumati e gradienti parzialmente trasparenti sono tutti resi fedelmente. L'unica degradazione che l'AVIF aggiunge è la compressione con perdita sullo stesso piano trasparenza, che può creare una frangia appena percettibile attorno ai bordi molto duri a uno zoom estremo. Alle normali dimensioni di visualizzazione e a qualità 85 la differenza non è visibile. Per il lavoro su icone dettaglio-perfect a dimensioni minuscole, tieni il PNG.
La velocità di conversione nella pratica, browser per browser
La conversione AVIF si prepara una volta per sessione del browser, circa 800 millisecondi per il recupero più 300 per l'inizializzazione, quindi la prima conversione porta con sé circa un secondo di riscaldamento. Le conversioni a caldo lo saltano del tutto. Su Chrome desktop, 0,12 megapixel impiegano circa 40 millisecondi, un megapixel intorno a 250 millisecondi e otto megapixel all'incirca 2,8 secondi. Firefox è l'eccezione, lavora circa quattro volte più lentamente, quindi una foto in 4K può richiedere lì 30 secondi o più. WebKit su Safari si colloca tra i due, più vicino a Chrome. Su hardware mobile di fascia media i numeri vanno da tre a cinque volte peggio rispetto a Chrome desktop. Se converti file grandi spesso, Chrome su un desktop o un portatile offre la resa migliore.
Quando tenere il PNG invece di convertire
Il PNG resta la scelta giusta in vari casi anche quando la dimensione del file conta. Primo, le grafiche con testo nitido a dimensioni ridotte, come etichette, distintivi o icone in scala da favicon, possono mostrare in AVIF artefatti inaccettabili alle distanze di visualizzazione tipiche. Secondo, i file di riferimento usati per ulteriori modifiche dovrebbero restare PNG, dato che ogni passaggio attraverso un formato con perdita accumula perdita di qualità. Terzo, gli ambienti che rifiutano l'AVIF, compresi alcuni editor di documenti, strumenti di design più datati e client di posta, hanno bisogno del PNG per l'interoperabilità. Infine, l'animazione oltre il primo fotogramma non viene preservata, dato che questa coppia gestisce un singolo fotogramma. Per tutto il resto, fotografie trasparenti e risorse grafiche dirette alla distribuzione web moderna, PNG in AVIF è la scelta giusta.
Core Web Vitals e l'argomento della banda
Il Largest Contentful Paint, la principale metrica di caricamento, è influenzato direttamente dalla dimensione dell'immagine più grande di una pagina. Ridurre quell'immagine da 116 kilobyte a 16 kilobyte, come misurato su una foto in 4K in sviluppo, taglia il tempo di trasferimento su una connessione da 10 Mbps da circa 93 millisecondi a circa 13 per quel solo elemento. Moltiplicalo su una griglia di prodotti, un carosello di hero o un'interfaccia piena di icone trasparenti e il risparmio cumulativo spinge l'LCP ben sotto la soglia di 2,5 secondi che Google considera buona. L'adozione dell'AVIF è accelerata proprio perché l'argomento si può sostenere con numeri concreti. A circa il 94,3 percento di copertura dei browser, il caso di ricaduta è abbastanza piccolo da far sì che il guadagno di banda superi il markup aggiuntivo dell'elemento picture.
In cosa si differenzia da un convertitore online comune
La maggior parte dei convertitori AVIF online carica il tuo PNG su macchine che non controlli, lo elabora lì e lo conserva secondo la politica di retention decisa da quel fornitore, spesso vaga. RoundCut è diretto sul proprio flusso. Poiché l'AVIF è impegnativo, la conversione gira sul nostro server per il risultato migliore, con un codificatore nel browser come ripiego automatico quando il server non è disponibile. Quando il tuo file ci viene inviato, viene convertito e poi rimosso in circa 2 ore, senza account e senza alcun uso oltre la conversione richiesta. Non c'è archiviazione permanente né condivisione della tua immagine. Per chi lavora con documenti dei clienti, fotografia di prodotto propria o contenuti degli utenti, la versione onesta dello scambio è questa: il file può passare dal nostro server, viene trattato solo per produrre il tuo AVIF e non resta lì.
