Come preparare le immagini per la pubblicazione online
Come scegliere le dimensioni migliori delle immagini per il vostro sito web
La preparazione delle immagini per la pubblicazione online aiuta il sito web a caricarsi più velocemente. Sono sufficienti due passaggi. Innanzitutto, è necessario modificare la larghezza e l'altezza dell'immagine utilizzando un editor fotografico, ad esempio un editor online gratuito. Poi si deve comprimere l'immagine con un compressore di immagini, in mododa ridurre le dimensioni del file.
Le immagini più piccole si caricano più velocemente. Le dimensioni delle immagini dipendono da due parametri:
1. Larghezza e altezza dell'immagine in pixel: le immagini di dimensioni 3000 х 2000 pixel sono più grandi delle immagini di 300 x 200 pixel).
2. Contenuto dell'immagine: più dettagli e colori contiene un'immagine, maggiori sono le sue dimensioni.
Si consiglia di preparare un'immagine per la pubblicazione online prima ritagliandola e poi eliminando i dettagli non necessari per renderla più veloce.
1. Larghezza e altezza dell'immagine in pixel: le immagini di dimensioni 3000 х 2000 pixel sono più grandi delle immagini di 300 x 200 pixel).
2. Contenuto dell'immagine: più dettagli e colori contiene un'immagine, maggiori sono le sue dimensioni.
Si consiglia di preparare un'immagine per la pubblicazione online prima ritagliandola e poi eliminando i dettagli non necessari per renderla più veloce.
Qual è la dimensione perfetta dell'immagine?
Quando si caricano su Tilda, tutte le immagini di grandi dimensioni vengono automaticamente ridimensionate a 1680 pixel. Le immagini più piccole di 1680 pixel mantengono le dimensioni originali.
Trattandosi di un processo automatizzato, la qualità dell'immagine potrebbe diminuire per velocizzare il caricamento. Per questo motivo si consiglia di modificare le foto manualmente: in questo modo è possibile preservarne meglio la qualità.
Trattandosi di un processo automatizzato, la qualità dell'immagine potrebbe diminuire per velocizzare il caricamento. Per questo motivo si consiglia di modificare le foto manualmente: in questo modo è possibile preservarne meglio la qualità.
Prima di caricare un'immagine di grandi dimensioni su Tilda, ridurre le dimensioni dell'immagine ad almeno 1680 pixel se misurata rispetto al bordo più lungo.
L'ideale sarebbe caricare immagini delle dimensioni che dovrebbero apparire sul sito web. Se la foto non ha le dimensioni previste dal layout della pagina, il browser la comprime o la allunga automaticamente. Se la foto non è di dimensioni adeguate al layout della pagina, il browser la comprime o la allunga automaticamente.
Per conoscere le dimensioni dell'immagine, aggiungete un blocco di testo alla pagina, attivate la griglia nelle impostazioni del blocco e vedrete quante colonne occuperà l'immagine. La larghezza di una colonna è di 60 pixel, la distanza tra le colonne è di 40 pixel.
Per conoscere le dimensioni dell'immagine, aggiungete un blocco di testo alla pagina, attivate la griglia nelle impostazioni del blocco e vedrete quante colonne occuperà l'immagine. La larghezza di una colonna è di 60 pixel, la distanza tra le colonne è di 40 pixel.
Come ridurre al minimo le dimensioni di un file immagine?
È possibile utilizzare un software speciale che comprime le immagini combinando colori simili. Questi programmi combinano i colori in modo così intricato che non sarà possibile distinguere tra "prima" e "dopo". Possono ridurre le dimensioni dell'immagine fino al 70%.
Si consiglia di dare un'occhiata a:
Si consiglia di dare un'occhiata a:
- TinyPNG
- Squoosh
- Kraken
- Compressore
- Comprimerejpeg
- ImageOptim (per utenti Mac)
Esempi di ottimizzazione delle immagini
Utilizziamo questa immagine di Christoph Bengtsson Lissalde, scaricata da Unsplash, per mostrare come funziona l'ottimizzazione delle immagini.
Dimensione originale dell'immagine: 4405 х 2478 pixel, dimensione del file: 3,5 MB.
Dimensione originale dell'immagine: 4405 х 2478 pixel, dimensione del file: 3,5 MB.
Carichiamo l'immagine su Tilda così com'è. L'immagine verrà ritagliata a 1680 x 945 pixel e la sua dimensione diventerà di 1,2 MB.
Aprite il file originale in Photoshop, modificate le dimensioni dell'immagine a 1680 х 945 pixel e salvatela: le sue dimensioni saranno ridotte a 832 KB.
Caricate la foto su TinyPNG per comprimerla e otterrete un'immagine di 353 KB.
Aprite il file originale in Photoshop, modificate le dimensioni dell'immagine a 1680 х 945 pixel e salvatela: le sue dimensioni saranno ridotte a 832 KB.
Caricate la foto su TinyPNG per comprimerla e otterrete un'immagine di 353 KB.
Siamo riusciti a preservare la qualità dell'immagine.
