Gli ottimizzatori immagini riducono le dimensioni dei file immagine, facendo in modo che le immagini siano ottimizzate per Internet e possano caricarsi velocemente.
Dopo aver letto questo articolo sarai in grado di:
Argomenti correlati
COMPRESSIONE IMMAGINE
Testare la velocità di un sito
Come rendere un sito Web mobile friendly
Prestazioni e tassi di conversione
Cos'è la latenza?
Abbonati a theNET, il riepilogo mensile di Cloudflare sulle tematiche più discusse in Internet.
Copia link dell'articolo
Un ottimizzatore immagini è un servizio, un prodotto o una libreria che riduce le dimensioni dei file immagine. In genere, esso riduce le dimensioni del file di un'immagine comprimendola e ridimensionandola, senza comprometterne eccessivamente la la qualità. Questo ottimizza le immagini per il web, dato che impiegheranno meno tempo a caricarsi nel browser di un utente, aumentando la velocità del sito web e le prestazioni.
Tutte le immagini che compaiono in una pagina web devono essere scaricate dal browser dell'utente prima di poter essere visualizzate. Più grande è un'immagine (in termini di dimensioni del file, non di dimensioni), più tempo impiega a essere scaricata e maggiore è la larghezza di banda che occuperà. Se gli utenti utilizzano un dispositivo mobile, il download di images di grandi dimensioni consumerà una notevole quantità di dati.
Pertanto, mantenere contenute le dimensioni delle immagini è fondamentale per le prestazioni di un sito web. Le prestazioni, a loro volta, sono molto importanti per la SEO e per mantenere alto l'interesse degli utenti. Google dà la priorità ai siti che si caricano rapidamente, e gli utenti hanno maggiori probabilità abbandonare il sito e meno probabilità di trasformarsi in clienti se una pagina web impiega molto tempo per caricarsi.
Il primo passo per ridurre le dimensioni di un file immagine consiste nel ridurre le dimensioni dell'immagine stessa. Ad esempio, un tipico sito web non necessita di immagini più larghe di 3.000 pixel (In effetti, la maggior parte dei display desktop ha una larghezza di 1.920 pixel o inferiore). Le modifiche alle dimensioni di un'immagine devono ridurre le dimensioni del file senza comprometterne la qualità.
Anche le immagini possono essere compresse. I compressori di immagini (come la funzione 'Salva per il Web' di Photoshop) possono ridurre i file JPEG a un livello di risoluzione molto più basso, e le immagini appariranno sostanzialmente identiche. Tuttavia, le immagini devono comunque avere un aspetto professionale e non essere pixelate. Esiste una soglia critica in cui la risoluzione diventa talmente bassa che i miglioramenti di performance che ne derivano non valgono la pena. La fase di test è fondamentale; le immagini devono apparire professionali sia su monitor di grandi dimensioni che su schermi di smartphone di piccole dimensioni.
Il formato di file utilizzato per un'immagine influisce sulle dimensioni del relativo file. La maggior parte delle immagini per il web dovrebbe essere in formato JPEG, non in formato PNG o GIF. Questo perché con i file JPEG è più semplice regolare la qualità (che influisce sulle dimensioni del file). I file JPEG sono di tipo lossy, il che significa che perdono informazioni visive quando vengono compressi. Di conseguenza, la compressione può ridurre questi a una frazione delle loro dimensioni originali, cosa che di solito non è possibile con i file GIF e PNG (entrambi di tipo lossless).
Una CDN, o rete di distribuzione dei contenuti, è un gruppo di server distribuiti in tutto il mondo che archiviano e distribuiscono contenuti, incluse le immagini, agli utenti finali. I server CDN sono ottimizzati per la velocità e si trovano più vicini agli utenti finali rispetto ai server di origine, riducendo la latenza e accelerando i tempi di caricamento di immagini, video e altri contenuti distribuiti su Internet. Scopri di più sulla CDN di Cloudflare.
L'ottimizzazione per i motori di ricerca delle immagini e l'ottimizzazione delle immagini sono due cose distinte, ma correlate. Ridurre le dimensioni dei file immagine aiuta a ottimizzare le immagini per la ricerca, diminuendo i tempi di caricamento. Google invita gli sviluppatori a comprimere le immagini, quando possibile.
Tuttavia, affinché un'immagine sia veramente ottimizzata per la ricerca, gli sviluppatori devono: