Al giorno d’oggi, sono più le persone che navigano su Internet da un dispositivo mobile che da un computer desktop. Con la grande varietà di formati degli schermi in uso, è indispensabile che tu scelga bene le dimensioni delle immagini per il tuo sito web per garantire a tutti i visitatori una buona user experience, a prescindere dal dispositivo utilizzato.
Se non ottimizzi le tue immagini, i visitatori del tuo sito web potrebbero vederle troppo piccole e sfocate oppure troppo grandi, con un aumento dei tempi di caricamento e la necessità di scorrere e zoomare inutilmente.
La buona notizia è che è facilissimo fare in modo che le tue immagini siano compatibili con vari dispositivi. Scegliendo le giuste dimensioni delle immagini, riducendo al minimo le dimensioni dei file e utilizzando un design responsivo per il sito web, potrai offrire un’esperienza di navigazione di altissimo livello.
Segui il tutorial in basso per ottimizzare le tue immagini per dispositivi mobili e desktop.
Le migliori dimensioni delle immagini per siti web
Larghezza in pixel: nella maggior parte dei casi, 2.500 pixel sono perfetti per la visualizzazione a schermo intero su un browser. Le immagini più piccole potrebbero essere tagliate o apparire sfocate se devono riempire tutta la larghezza del browser.
Dimensione delle immagini: la migliore dimensione complessiva (in pixel) delle immagini dipende dal caso d’uso, es. le immagini di sfondo devono essere più grandi di un’immagine per un articolo di blog.
Dimensione del file: l’uso di immagini di dimensioni superiori a 20 megabyte può compromettere drasticamente la velocità del tuo sito web. Nella maggior parte dei casi è meglio utilizzare immagini di dimensioni più piccole (fino a due megabyte di dimensione, ma meglio intorno ai 500 kilobyte).
Attributo dell’immagine: gli attributi delle immagini (alt text o alt tag) sono basati sul testo e non incidono sulle prestazioni del tuo sito web. Vengono però utilizzati per interpretare le immagini attraverso i software di lettura dello schermo, quindi è bene che il testo degli attributi sia breve e conciso.
Le migliori dimensioni delle immagini per dispositivi mobili e desktop
Nella tabella seguente sono riportate le dimensioni consigliate per le immagini dei siti web sia per desktop che per mobile:
|
Tipo di immagine del sito web |
Dimensioni delle immagini per desktop (L x A) |
Dimensioni delle immagini per mobile (L x A) |
Rapporto di aspetto consigliato |
|
Immagine di sfondo |
2.560 x 1.400 pixel |
360 x 640 pixel |
16:9 |
|
Hero image |
1.280 x 720 pixel |
360 x 200 pixel |
16:9 |
|
Banner di sito web |
1.200 x 400 pixel |
360 x 120 pixel |
3:1 |
|
Immagine di blog |
1.200 x 800 pixel |
360 x 240 pixel |
3:2 |
|
Logo (rettangolare) |
400 x 100 pixel |
160 x 40 pixel |
4:1 |
|
Logo (quadrato) |
100 x 100 pixel |
60 x 60 pixel |
1:1 |
|
Favicon |
16 x 16 pixel |
16 x 16 pixel |
1:1 |
|
Icone di social media |
32 x 32 pixel |
48 x 48 pixel |
1:1 |
|
Immagini Lightbox (schermo intero) |
1.920 x 1.080 pixel |
360 x 640 pixel |
16:9 |
|
Thumbnail |
300 x 300 pixel |
90 x 90 pixel |
1:1 |
Si tratta di dimensioni consigliate che potrebbero dover essere modificate a seconda che si utilizzi o meno un design responsivo del sito web.
È quasi sempre una buona idea che le dimensioni di rendering delle tue immagini siano inferiori a quelle di upload.
Perché la dimensione delle immagini è così importante per i siti web
Sono tre le ragioni principali per cui la dimensione delle immagini è importante per i siti web:
- Crea una miglior user experience.
- Favorisce la velocità delle pagine del sito web.
- Contribuisce positivamente al ranking del sito web.
Effettuare scelte sbagliate in fatto di dimensioni delle immagini possono ripercuotersi su tutte e tre queste metriche, di solito contemporaneamente, il che significa a sua volta che scegliendo le dimensioni migliori delle immagini per la tua pagina web potrai migliorare tutti questi fattori simultaneamente.
1. Crea una miglior user experience
Avere immagini di dimensioni corrette per ogni caso d’uso sul tuo sito web contribuisce a migliorare la user experience, perché in questo modo i visitatori possono accedere a un livello di dettaglio adeguato e non devono scorrere per vedere l’immagine nella sua interezza.
Quando le immagini sono di bassa qualità, pixelate o troppo piccole, possono influire sulla qualità percepita dei contenuti. Nel caso di un ecommerce, questo potrebbe indurre i clienti a dubitare della qualità della tua azienda o dei tuoi prodotti.
Al contrario, delle immagini di alta qualità e di dimensioni corrette aumentano il valore percepito dei tuoi prodotti e forniscono un maggior numero di informazioni visive ai potenziali clienti.
Guarda a mo’ di esempio queste immagini del negozio di scarpe sostenibili Allbirds e nota come migliorano la user experience evidenziando chiaramente le varie caratteristiche del prodotto:
2. Favorisce la velocità delle pagine del sito web
Se carichi delle immagini di grandi dimensioni sul tuo sito web, il server impiega più tempo per caricare la pagina, mentre le immagini più ridotte (sia in termini di dimensioni dell’immagine che di dimensioni file) tendono a caricarsi più rapidamente su tutti i dispositivi.
La velocità di caricamento delle immagini viene spesso definita come “contentful paint”. Puoi verificare quella della tua pagina web e altre metriche di velocità utilizzando PageSpeed Insights di Google.
Di seguito puoi vedere un esempio di pagina che si carica lentamente a causa di immagini grandi. Il server ha impiegato 2,1 secondi per caricare la prima immagine e 4,1 secondi per caricare l’immagine più grande:
Quando le pagine impiegano più di sei secondi per caricarsi, 2 acquirenti su 3 abbandonano il carrello; è quindi importantissimo che ottimizzi la velocità delle tue pagine per evitare bounce rate elevati e aumentare il tuo tasso di conversione.
3. Contribuisce positivamente al ranking del sito web
Quando parliamo di ranking, ci riferiamo alla posizione del tuo sito web nelle pagine dei risultati dei motori di ricerca. I siti web ottimizzati si posizionano più in alto nei risultati che appaiono in risposta a una query di ricerca correlata di un utente.
Google utilizza una serie di metriche per stabilire quali pagine web si posizionano in cima ai suoi risultati di ricerca. La qualità delle immagini (o, più precisamente, quanto migliorano la user experience) è un fattore probabilmente considerato dall’algoritmo di Google.
Linee guida per le dimensioni delle immagini dei siti web
Su un sito web vedrai cinque tipologie principali di immagini:
- Immagini di sfondo
- Hero image
- Immagini banner per sito web
- Immagini per blog
- Loghi
Ogni tipo di immagine web richiede delle dimensioni diverse. Diamo un’occhiata a quelle più comuni.
Immagini di sfondo
Le immagini di sfondo sono solitamente le immagini più grandi di un sito web. Questo tipo di immagine funge da sfondo a una homepage o a un’altra landing page.
Ad esempio, il rivenditore di biciclette Cowboy mette in primo piano il suo prodotto utilizzandolo come sfondo della homepage. La bici riempie tutto lo schermo, indipendentemente dal dispositivo da cui si accede al sito.
Larghezza immagine consigliata: 2.560 pixel
Altezza immagine consigliata: 1.400 pixel
Rapporto di aspetto: 16:9
Dimensione file consigliata: 20 MB
Hero image
Le hero image sono simili alle immagini di sfondo, ma tendono a essere più piccole in altezza, circa la metà. Una hero image è un’ottima soluzione se devi inserire più testo sullo schermo, perché con questo tipo di immagine non costringerai gli utenti a scorrere per poterlo vedere.
Nell’esempio in alto, BLK & Bold utilizza una hero image con un rapporto d’aspetto ridotto per riempire lo schermo lasciando comunque spazio ai contenuti sottostanti.
Larghezza immagine consigliata: tra 1.280 pixel e 2.500 pixel
Altezza immagine consigliata: tra 720 pixel e 900 pixel
Rapporto di aspetto: 16:9
Dimensione file consigliata: 10 MB
Immagini banner per sito web
Le immagini dei banner possono avere dimensioni e forme diverse, a seconda della loro collocazione e di quello che vuoi mostrare ai tuoi visitatori. Il formato più tipico di banner per sito web è il banner pubblicitario.
Google Ads è uno dei servizi più popolari per promuovere banner pubblicitari e fornisce linee guida sulle dimensioni per le immagini inviate:
Informazioni sulle dimensioni più comuni per gli annunci display adattabili - Guida di Google Ads
Se stai pensando a un’immagine banner che non sia un annuncio, le opzioni rettangolari (es. 300 x 200 pixel o 970 x 90 pixel) sono generalmente migliori.
Larghezza immagine consigliata: verificala sulla piattaforma dell’annuncio
Altezza immagine consigliata: verificala sulla piattaforma dell’annuncio
Rapporto di aspetto: vario
Dimensione file consigliata: 150 KB (verificala sulla piattaforma dell’annuncio)
Immagini per blog
Le immagini dei blog possono variare per tipo e dimensione. L’articolo in alto è di Kulala, azienda di “esperti del sonno”. Se da una parte la dimensione di caricamento dell’immagine in primo piano è di 1.200 x 620 pixel, la dimensione di rendering è più ridotta, 894 x 462 pixel.
Impostare una dimensione di rendering per le tue pagine web aiuta a perfezionare il design e a mantenere i file di dimensioni ridotte (l’immagine nel post di Kulala è di soli 95,1 KB).
Inoltre, le immagini dell’intestazione principale degli articoli del tuo blog (quelle che si trovano in cima alla pagina) dovrebbero avere dimensioni uniformi in tutto il blog.
Larghezza immagine consigliata: 1.200 pixel
Altezza immagine consigliata: 800 pixel
Rapporto di aspetto: 3:2
Dimensione file consigliata: 3 MB
Loghi
Il tuo logo sarà probabilmente una delle immagini più piccole del tuo sito web (se non contiamo la favicon nella barra delle schede). A seconda del design del tuo logo, dovrai optare per un rapporto di aspetto rettangolare o quadrato.
La maggior parte dei loghi si presta a un rapporto d’aspetto quadrato 1:1, come si può vedere in basso a sinistra nell’esempio precedente di Kulala.
I rapporti rettangolari funzionano bene per nomi di brand più lunghi o quando il logo è costituito da parole piuttosto che da una grafica. Anche il logo del sito web di Shopify utilizza un rapporto più lungo, di 4:1.
Larghezza immagine consigliata: 100 pixel
Altezza immagine consigliata: 100 pixel
Rapporto di aspetto: 1:1, 2:3, 4:1
Dimensione file consigliata: 1 MB
Dimensione delle immagini consigliata per dispositivi mobili
1. Scegli le dimensioni giuste per le immagini
Sugli schermi più piccoli dei dispositivi mobili, a molti utenti piace la possibilità di zoomare su un’immagine. Cerca quindi di trovare un equilibrio tra la dimensione dell’immagine e quella del file.
Le immagini ad alta risoluzione conferiscono al tuo sito web un aspetto professionale e curato, con ottime possibilità di utilizzo dello zoom. Ricorda di mantenere lo stesso rapporto di aspetto per le immagini simili, in modo da creare un design uniforme tra i vari tipi di pagina.
Ad esempio, per il tuo ecommerce potresti decidere di optare per immagini di prodotto tutte quadrate, più facili da riposizionare sugli schermi più piccoli. Per di più, le immagini quadrate e verticali si adattano bene agli schermi dei dispositivi mobili, consentendo ai visitatori di visualizzarle in modo più completo senza dover usare lo scroll.
Su Shopify, puoi caricare immagini con dimensioni fino a 5.000 x 5.000 pixel e dimensione file fino a 20 MB.
Per immagini di prodotto quadrate, si consiglia una dimensione di 2.048 x 2048 pixel.
Ricorda che lo zoom funziona solo se le immagini sono di dimensione superiore agli 800 x 800 pixel.
2. Tieni in conto la dimensione del file
Immagini con dimensioni file maggiori possono compromettere la velocità del sito, soprattutto se i visitatori utilizzano uno smartphone. Molte piattaforme per la creazione di siti web hanno anche dei vincoli sulla dimensione massima dei file per gli upload. La dimensione massima dei file su Shopify, ad esempio, è di 20 MB.
Se devi comprimere le tue immagini per ridurne le dimensioni, esistono alcuni strumenti online per il ridimensionamento delle immagini che possono esserti d’aiuto. Con questi strumenti puoi riformattare file immagine grandi in nuove dimensioni o tipi di file.
In generale, le immagini di sfondo dell’intestazione devono essere inferiori a 10 MB, mentre le foto dei prodotti devono essere molto più piccole, intorno ai 300 KB.
3. Ridimensiona le foto per gli schermi dei dispositivi mobili
Shopify ridimensiona automaticamente le immagini per adattarle agli schermi più piccoli. Su altre piattaforme, invece, potrebbe essere necessario modificare manualmente le immagini per renderle adatte ai dispositivi mobili. Tieni presente che gli schermi desktop e quelli dei dispositivi mobili hanno orientamenti opposti.
Ricorda poi che i file di grandi dimensioni rallentano il tempo di caricamento del tuo sito e che sebbene la compressione senza perdita di dati possa fornirti immagini di altissima qualità, spesso crea file di grandi dimensioni che potrebbero metterci un’eternità a caricarsi sul tuo sito. Valuta la possibilità di utilizzare i file immagine più piccoli possibile con la migliore risoluzione.
Sebbene gli algoritmi e i design responsivi di Shopify siano in grado di ridimensionare e mostrare bene le tue immagini su tutti i dispositivi, è comunque buona idea dar loro una mano ridimensionando attentamente i file per garantire un’esperienza d’acquisto più fluida.
Quale tipo di file immagine è meglio usare
Il tipo di file immagine giusto è quello che garantisce immagini di alta qualità mantenendo le dimensioni file gestibili per una migliore performance del sito web. Esaminiamo i formati di file immagine più comuni e i loro migliori casi d’uso:
JPEG
JPEG (o JPG) è uno dei formati di file di immagini digitali più utilizzati perché offre un equilibrio tra dimensione del file e qualità dell’immagine. È una scelta molto popolare per fotografie e per immagini complesse con molti colori.
Tuttavia, il formato JPEG utilizza la compressione con perdita, il che significa che una parte della qualità dell’immagine viene persa quando si comprime l’immagine.
PNG
PNG è un formato di compressione senza perdita, il che significa che riduce la dimensione del file senza sacrificare la qualità dell’immagine. Supporta le trasparenze, quindi è una buona scelta per le immagini che richiedono uno sfondo trasparente.
Nonostante i PNG abbiano spesso dimensioni di file maggiori rispetto ai JPEG, la loro capacità di mantenere la nitidezza li rende adatti a grafiche e loghi dettagliati.
SVG
SVG (scalable vector graphic) è un formato di immagine vettoriale, il che significa che utilizza equazioni matematiche per il rendering di un’immagine. Per questo motivo, le immagini SVG possono essere ridimensionate in qualunque dimensione senza alcuna perdita di qualità.
SVG è un formato ideale per loghi, icone e altri elementi grafici che devono essere utilizzati in varie applicazioni. Inoltre, gli SVG hanno generalmente dimensioni di file più ridotte rispetto ad altri formati, il che contribuisce a migliorare i tempi di caricamento.
HEIC
HEIC (acronimo di High Efficiency Image Format, ovvero formato immagine ad alta efficienza) è un formato di file utilizzato dai dispositivi Apple. Utilizza una tecnologia di compressione avanzata per creare immagini di alta qualità con dimensioni di file inferiori rispetto ai JPEG equivalenti.
Tuttavia, il formato HEIC non è universalmente supportato dai dispositivi non Apple.
WebP
WebP è un formato immagine sviluppato da Google. Fornisce una compressione senza perdita per le immagini sul web, riducendo spesso le dimensioni dei file di oltre il 30% rispetto a JPEG o PNG.
Questo può migliorare notevolmente i tempi di caricamento dei siti web, ma è bene notare che WebP non è ancora universalmente supportato da tutti i browser.
GIF
GIF è un formato di immagine bitmap noto per la sua capacità di supportare animazioni semplici. Utilizza una compressione senza perdita di dati e riduce le immagini a un massimo di 256 colori, con conseguente riduzione delle dimensioni dei file.
Sebbene il formato GIF sia stato ampiamente sostituito dal PNG per le immagini statiche, rimane una scelta popolare per le animazioni brevi e in loop ed è universalmente riconosciuto dai browser.
TIFF
Il formato TIFF (da Tagged Image File Format) è un formato di file immagine di alta qualità e senza perdita di dati, ampiamente supportato dalle applicazioni di editing delle immagini. L’alta risoluzione e la profondità di colore che lo caratterizzano lo rendono la scelta ideale per memorizzare immagini destinate alla stampa professionale.
Con TIFF è possibile salvare comodamente più immagini e pagine in un unico file. Per contro, però, le dimensioni dei file tendono a essere elevate.
Come scoprire quali sono le dimensioni delle immagini in un sito web
Il modo più rapido per verificare le dimensioni di un’immagine su una qualsiasi pagina web (senza scaricare l’immagine) è utilizzare lo strumento Ispeziona del tuo browser.
Questo metodo funziona su Mac e Windows, con i browser Safari, Chrome o Firefox.
Vai sulla pagina web che ti interessa e passa con il mouse sull’immagine di cui vuoi avere informazioni. Fai clic con il tasto destro del mouse per visualizzare il menu delle opzioni e cerca Ispeziona:
Facendo clic su Ispeziona, apparirà il codice HTML della pagina. Vedendolo potrebbe sembrarti un po’ inquietante, ma non preoccuparti.
Nel pannello di ispezione dovrebbero essere evidenziate le informazioni relative all’immagine su cui hai fatto clic. Passando il mouse sul codice corrispondente, vedrai che anche l’immagine viene evidenziata:
In questo caso, il browser ti dice quanti pixel sta usando l’immagine. Se ridimensioni la pagina web, la cifra cambierà di conseguenza.
Se stai cercando le proprietà di caricamento originali dell’immagine, devi passare il mouse sul link di memorizzazione dell’immagine:
Per uscire dal pannello di ispezione, basta fare clic sulla X nell’angolo in alto a destra.
Strumenti di ottimizzazione delle immagini
Gli strumenti di ottimizzazione delle immagini online sono un modo semplice e veloce (e di solito gratuito) per ridimensionare le immagini del tuo sito web. Di seguito ti elenchiamo tre strumenti molto popolari di ottimizzazione delle immagini:
Image Resizer
Lo strumento gratuito di ridimensionamento delle immagini online di Shopify è un mezzo pratico per modificare le immagini che vuoi utilizzare sui canali di marketing e sui social media.
Puoi scegliere tra tutta una serie di dimensioni ufficiali per post e storie di Instagram, miniature per YouTube e altri tipi di contenuti social.
Squirai Image Optimizer
Lo strumento di ottimizzazione delle immagini di Squirai è stato sottoposto a test di velocità per garantire che le immagini siano ottimizzate per la SEO. Ottimizza automaticamente tutte le immagini del tuo sito web, comprese quelle nuove che aggiungerai in seguito.
Inoltre, ti consente di personalizzare e applicare una filigrana per proteggere le tue fotografie di prodotto senza dover conoscere alcun codice.
LoyaltyHarbour Image Optimizer
LoyaltyHarbour Image Optimizer funziona in modo simile allo strumento di Squirai, comprimendo automaticamente le immagini sul tuo sito web.
Inoltre, la dashboard ti permette di impostare automaticamente l’alt text delle immagini e di convertirle nel tipo di file immagine migliore per ottimizzare la velocità della pagina.
In alternativa, se lo sai usare, puoi anche utilizzare Photoshop per ridurre la dimensione del file, ma si tratta di un processo più complicato rispetto agli strumenti appena elencati.
Risoluzione dei problemi: problemi di formattazione delle immagini
Quando si gestisce un sito web, è molto probabile imbattersi prima o poi in problemi di formattazione delle immagini, problemi che possono spaziare da dimensioni errate a link non funzionanti.
Analizziamo le soluzioni ad alcuni dei problemi più comuni che si possono presentare con le immagini dei siti web.
Dimensione dell’immagine errata
Problema: Le immagini appaiono troppo grandi o troppo piccole e possono interrompere il layout di una pagina web, compromettendo la user experience.
Soluzione: Se stai usando un template o un tema per il sito web, cerca le risorse sulle dimensioni corrette delle immagini per il tuo design. Nel tuo website builder, seleziona le dimensioni di rendering per ogni immagine per evitare che vengano visualizzate nella loro dimensione completa originale.
Caricamento lento
Problema: Le immagini si caricano più lentamente rispetto al resto della pagina web o non si caricano affatto.
Soluzione: Un formato di file errato può portare a dimensioni di file inutilmente grandi che condizionano i tempi di caricamento. Utilizza uno strumento di modifica o conversione delle immagini per cambiarne il formato file. Per le grafiche o i loghi, valuta la possibilità di utilizzare il formato SVG per ottenere scalabilità senza perdita di qualità. Per le altre immagini, valuta se convertirle in WebP per comprimere i file più grandi.
Scarsa qualità delle immagini
Problema: Le immagini appaiono pixelate o sfocate.
Soluzione: Se le tue immagini appaiono pixelate o sfocate, prova a procurarti una versione a risoluzione più elevata. A proposito di questo, ricorda che la risoluzione e la dimensione delle immagini non sono la stessa cosa. La risoluzione si riferisce alla quantità di dettagli di un’immagine, spesso misurata in pixel per pollice (PPI); una risoluzione più alta equivale quindi a un’immagine più nitida, indipendentemente dalle dimensioni.
Se la qualità dell’immagine si riduce a causa della compressione, modifica le impostazioni di compressione o passa a un formato di compressione senza perdita, come PNG.
Le immagini non appaiono
Problema: Link non funzionanti delle immagini che ne impediscono la visualizzazione.
Soluzione: Verifica l’URL di origine delle tue immagini. Questo URL dovrebbe rimandare direttamente alla posizione del file immagine. Confronta il nome del file immagine nell’URL con il nome effettivo del file immagine; questi nomi devono corrispondere esattamente, compresa l’estensione del file (.jpg, .png, .svg).
Le migliori dimensioni delle immagini per siti web: conclusioni
Le immagini di un sito web non servono solo a conferirgli un bell’aspetto, ma sono un fattore chiave per migliorare la user experience e per incrementare il posizionamento nei motori di ricerca.
Entrambi questi elementi sono condizionati anche dalle dimensioni delle immagini: se sono troppo grandi, le tue pagine web potrebbero caricarsi lentamente; se sono troppo piccole, le tue immagini potrebbero apparire pixelate o sfocate.
Verifica quindi i requisiti delle dimensioni delle immagini per il design del tuo sito web e scegli il formato di file giusto per bilanciare la risoluzione delle immagini e le dimensioni dei file.
Le migliori dimensioni delle immagini per siti web: domande frequenti
Qual è la migliore dimensione di immagine per un sito web?
Le immagini a schermo intero devono avere una larghezza minima di 2.500 pixel. La dimensione migliore per le immagini di un sito web dipende dall’uso dell’immagine, dalla sua dimensione di rendering e dall’effetto che la dimensione del file immagine ha sul tempo di caricamento della pagina.
Qual è il miglior formato di immagine per un sito web?
WebP è un formato di immagine sviluppato da Google, molto diffuso nei siti web perché garantisce prestazioni rapide. Offre una compressione senza perdita per le immagini sul web, riducendo le dimensioni dei file del 30% in più rispetto a JPEG o PNG. C’è però da considerare che WebP non è universalmente supportato da tutti i browser.
Qual è la differenza tra dimensione delle immagini e risoluzione?
Le dimensioni di un’immagine si riferiscono solitamente alla sua larghezza e altezza misurate in pixel. La risoluzione di un’immagine si riferisce alla sua quantità di dettagli, spesso misurata in pixel per pollice (PPI). Una risoluzione più alta si traduce in maggiori dettagli e in un’immagine più nitida, indipendentemente dalle sue dimensioni.
Come incidono le dimensioni delle immagini sul tempo di caricamento di un sito web?
Maggiore è la dimensione file di un’immagine, maggiore è il tempo necessario per scaricarla e visualizzarla sullo schermo dell’utente. Questo può rallentare il tempo di caricamento delle pagine web, con conseguente impatto negativo sulla user experience e sulle prestazioni dei motori di ricerca. È quindi essenziale ottimizzare le immagini bilanciando qualità e dimensione file.
Come posso ridurre la dimensione file delle immagini senza perdere qualità?
Puoi ridurre la dimensione file delle immagini senza perdere qualità utilizzando la compressione senza perdita, che rimuove i dati non necessari dal file immagine senza influire sull’aspetto dell’immagine. Per comprimere senza perdere dati, esistono strumenti come Adobe Photoshop o altre opzioni online di ottimizzazione delle immagini.
