Una spiegazione completa della compressione delle immagini è probabilmente più adatta per StackOverflow, ma dal momento che l'hai correlata ad Apple, darò una panoramica qui.
L'immagine stessa determina in realtà la dimensione del suo file. Con ciò, è possibile comprimere alcune immagini più di altre senza perdere molta apparente qualità. Ad esempio, l'algoritmo di compressione delle immagini JPEG gestisce male i rossi. Di conseguenza, se hai una foto con più rosso, probabilmente dovrai mantenere la qualità JPEG più alta per non notare una differenza. Ci sono altre stranezze con diversi formati di compressione delle immagini che possono avere un impatto anche sulla dimensione del file.
Il secondo è il modo in cui si salva il file. Photoshop ha una funzione Salva per Web che consente di avere un controllo più granulare sulla qualità di salvataggio dell'immagine. È possibile regolare la percentuale di qualità (dell'originale) e vedere immediatamente gli effetti sulla fotografia. Un commentatore ha notato che si trattava di una qualità dell'immagine del 58%. Ciò non significa che sia il 58% delle dimensioni del file originale, ma è il numero associato all'algoritmo. È probabile che solo questo sia inferiore al 58% della dimensione originale della foto. Puoi facilmente vedere cosa hanno descritto salvando una foto in Photoshop usando Salva per Web e impostandola nel formato JPEG e impostando la qualità al 58%.
Dopo che la foto è stata salvata, c'è ancora un altro livello di compressione che può essere fatto - in realtà ce ne sono più di uno. Il più semplice, forse, è eseguirlo attraverso un compressore d'immagine. Ci sono molti là fuori e l'app stand-alone che viene in mente è JPEG-Mini. Questi possono ridurre la dimensione del file in modo significativo in alcuni casi (anche se non tutti). È inoltre possibile configurare il server per fornire una versione compressa con gzip dell'immagine che riduce ulteriormente le dimensioni. (Puoi determinare se quella foto è stata compressa con gzip guardando le intestazioni per quella richiesta / risposta di immagine.)
La compressione delle immagini è estremamente importante, ma sfortunatamente viene trascurata troppo spesso . Apprezzo i siti che mostrano che i loro sviluppatori hanno fatto il possibile per ridurre le dimensioni dell'immagine in modo che tutti i loro utenti possano godere di un tempo di caricamento più veloce. Su questo argomento, le immagini reattive stanno rapidamente diventando supportate e sicuramente porteranno a una UX ancora migliore man mano che serviremo ai browser contenuti più specifici.
