Come preparare le immagini per la pubblicazione online
Come scegliere la migliore dimensione dell'immagine per il tuo sito web
La preparazione delle immagini per la pubblicazione online consente di caricare più velocemente il sito Web. Bastano due passaggi. Innanzitutto, dovresti modificare la larghezza e l'altezza della tua immagine utilizzando un editor di foto, ad esempio un editor online gratuito. Quindi dovresti comprimere l'immagine usando un compressore di immagini: questo ridurrà le dimensioni del file.
Le immagini più piccole si caricano più velocemente. La dimensione dell'immagine dipende da due parametri:
1. Larghezza e altezza dell'immagine in pixel: le immagini la cui dimensione è 3000 х 2000 pixel sono più grandi delle immagini da 300 x 200 pixel).
2. Contenuto di un'immagine: più dettagli e colori contiene un'immagine, maggiori sono le sue dimensioni.
Ti consigliamo di preparare un'immagine per la pubblicazione online ritagliandola prima, quindi rimuovendo i dettagli non necessari per caricarla ancora più velocemente.
1. Larghezza e altezza dell'immagine in pixel: le immagini la cui dimensione è 3000 х 2000 pixel sono più grandi delle immagini da 300 x 200 pixel).
2. Contenuto di un'immagine: più dettagli e colori contiene un'immagine, maggiori sono le sue dimensioni.
Ti consigliamo di preparare un'immagine per la pubblicazione online ritagliandola prima, quindi rimuovendo i dettagli non necessari per caricarla ancora più velocemente.
Qual è la dimensione perfetta dell'immagine?
Quando si carica su Tilda, tutte le immagini di grandi dimensioni vengono ridimensionate automaticamente fino a 1680 pixel. Le immagini di dimensioni inferiori a 1680 pixel mantengono le dimensioni originali.
Poiché si tratta di un processo automatizzato, potrebbe diminuire la qualità dell'immagine per caricarla più velocemente. Ecco perché potresti voler modificare le foto manualmente: in questo modo puoi preservarne meglio la qualità.
Poiché si tratta di un processo automatizzato, potrebbe diminuire la qualità dell'immagine per caricarla più velocemente. Ecco perché potresti voler modificare le foto manualmente: in questo modo puoi preservarne meglio la qualità.
Prima di caricare un'immagine di grandi dimensioni su Tilda, riduci le dimensioni dell'immagine ad almeno 1680 pixel se misurate rispetto al bordo più lungo.
Idealmente, dovresti caricare immagini delle dimensioni che dovrebbero apparire sul sito web. Se la foto non ha le dimensioni che dovrebbe avere nel layout della pagina, il browser comprimerà o allungherà automaticamente l'immagine. Neanche uno fa male, quindi la foto potrebbe apparire sfocata.
Per scoprire la dimensione della tua immagine, aggiungi un blocco di testo alla pagina, abilita la griglia nelle impostazioni del blocco e vedrai quante colonne occuperà l'immagine. La larghezza di una colonna è di 60 pixel, la distanza tra le colonne è di 40 pixel.
Per scoprire la dimensione della tua immagine, aggiungi un blocco di testo alla pagina, abilita la griglia nelle impostazioni del blocco e vedrai 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. Tali programmi combinano i colori in un modo così intricato che non sarai in grado di distinguere tra "prima" e "dopo". Possono ridurre le dimensioni dell'immagine fino al 70%.
Potresti voler controllare:
Potresti voler controllare:
- Piccolo PNG
- Squosh
- Kraken
- Compressore
- Comprimijpeg
- ImageOptim (per utenti Mac)
Esempi di ottimizzazione delle immagini
Usiamo questa immagine di Christoph Bengtsson Lissalde che abbiamo scaricato da Unsplash, per mostrare come funziona l'ottimizzazione delle immagini.
Dimensione immagine originale: 4405 х 2478 pixel, dimensione del file: 3.5MB.
Dimensione immagine originale: 4405 х 2478 pixel, dimensione del file: 3.5MB.
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.
Apri il file originale in Photoshop, modifica la dimensione dell'immagine a 1680 х 945 pixel e salvalo: la sua dimensione verrà ridotta a 832 KB.
Carica la foto su TinyPNG per comprimerla e otterrai un'immagine da 353 KB.
Apri il file originale in Photoshop, modifica la dimensione dell'immagine a 1680 х 945 pixel e salvalo: la sua dimensione verrà ridotta a 832 KB.
Carica la foto su TinyPNG per comprimerla e otterrai un'immagine da 353 KB.
Siamo riusciti a preservare la qualità dell'immagine.
