Poich\u00e9 la met\u00e0 dei dati che i visitatori devono scaricare quando visualizzano il tuo sito proviene da immagini, qualsiasi ottimizzazione che fai qui pu\u00f2 avere un enorme impatto sulle prestazioni del tuo sito.<\/p>\n
In effetti, se le tue immagini non sono affatto ottimizzate, sarai in grado di ridurre il peso dell’immagine del 50-80%<\/strong> seguendo questa guida.<\/p>\n Quando si tratta di ottimizzazione delle immagini, ci sono tre semplici tecniche.<\/p>\n Il primo e pi\u00f9 efficace modo per ottimizzare le tue immagini \u00e8 comprimerle.<\/p>\n Clicca qui per provare tu stesso ShortPixel<\/a><\/p>\n La compressione delle immagini \u00e8 il mezzo principale per ottimizzare la grafica. Se hai seguito la guida all’ottimizzazione di WP Rocket,<\/a> avrai familiarit\u00e0 con il concetto di minificazione introdotto l\u00ec. La compressione delle immagini non \u00e8 cos\u00ec diversa.<\/p>\n Quando si comprime un’immagine, un algoritmo riscrive sostanzialmente il codice nell’immagine per ridurre la dimensione totale del file. Esistono due tipi principali di compressione.<\/p>\n La compressione senza perdita di dati ottimizza le tue immagini mantenendo la stessa identica visualizzazione pixel per pixel. Non c’\u00e8 motivo di saltare la compressione senza perdita di dati perch\u00e9 riduce la dimensione del file senza fare letteralmente alcuna differenza visiva.<\/p>\n Detto questo, ti ho consigliato di utilizzare invece la compressione con perdita.<\/p>\n La compressione con perdita di dati offre un’ottimizzazione molto maggiore, ma a scapito di un lieve degrado della qualit\u00e0. Tuttavia, questa perdita di qualit\u00e0 \u00e8 cos\u00ec piccola che spesso \u00e8 impercettibile.<\/p>\n La compressione senza perdita di dati \u00e8 importante per l’imaging medico e i disegni tecnici, ma per le immagini visualizzate su un sito Web, la compressione con perdita soddisfa facilmente i nostri standard di qualit\u00e0.<\/p>\n Consiglier\u00f2 il plug-in ShortPixel<\/a> per l’ottimizzazione delle immagini che utilizzo qui su Compete Themes. Include la compressione lossy e lossless pi\u00f9 la compressione "lucida" che \u00e8 una sorta di opzione intermedia.<\/p>\n ShortPixel comprime automaticamente le immagini mentre le carichi sul tuo sito, il che pu\u00f2 essere davvero conveniente. Sono piuttosto impaziente durante la modifica, quindi preferisco disattivare questa opzione e ottimizzare le immagini dal menu Media in un secondo momento.<\/p>\n La compressione automatica al caricamento pu\u00f2 essere disattivata<\/p>\n Puoi usare uno strumento come TinyPNG<\/a> per comprimere le tue immagini, ma trovo pi\u00f9 facile caricare le immagini sul mio sito come sempre e poi ottimizzarle con ShortPixel.<\/p>\n \u00c8 qui che ShortPixel<\/a> eccelle davvero.<\/p>\n Se utilizzi uno strumento come TinyPNG per ottimizzare le tue immagini, ottimizzerai solo le nuove immagini che carichi sul tuo sito. E tutte le immagini che hai gi\u00e0 caricato? Come li ottimizzi?<\/p>\n ShortPixel ha una fantastica opzione di ottimizzazione di massa che scorrer\u00e0 tutte le tue immagini contemporaneamente.<\/p>\n L’immagine sopra \u00e8 abbastanza autoesplicativa tranne che per la parte "miniature pi\u00f9 piccole". Perch\u00e9 ci sono 4 volte pi\u00f9 miniature pi\u00f9 piccole e cosa sono?<\/p>\n Potresti non saperlo, ma ogni volta che carichi un’immagine su WordPress, crea automaticamente tre dimensioni aggiuntive (se l’immagine \u00e8 abbastanza grande):<\/p>\n Puoi visualizzare e modificare le dimensioni di queste dimensioni dell’immagine dal menu Impostazioni > Media.<\/p>\n Ecco il problema…<\/p>\n Diciamo che comprimi un’immagine e poi la carichi sul tuo sito. La versione "completa" \u00e8 completamente ottimizzata, ma le tre dimensioni aggiuntive non lo sono. Se inserisci la versione "media" dell’immagine in un post, quell’immagine non viene compressa. ShortPixel ottimizzer\u00e0 le immagini originali che hai caricato e tutte le dimensioni aggiuntive create da WordPress.<\/p>\n Otterrai un fantastico aumento delle prestazioni dalla sola compressione, ma ci sono altri due semplici modi per ottimizzare ulteriormente le immagini sul tuo sito.<\/p>\n Supponiamo che tu carichi un’immagine di 5.000 x 2.500 pixel sul tuo sito. Quindi lo inserisci in un post in cui viene visualizzato a 800 x 400 px. Nonostante il fatto che l’immagine sia larga solo 800 px sullo schermo del visitatore, devono comunque scaricare la versione da 5.000 px.<\/p>\n Inutile dire che un’immagine larga 5.000 pixel \u00e8 enorme e probabilmente richieder\u00e0 pi\u00f9 tempo per caricarsi rispetto a qualsiasi altro file sul tuo sito combinato.<\/p>\n Ci sono due modi per evitarlo.<\/p>\n Come regola generale, non caricare immagini pi\u00f9 grandi di 2.000 px di larghezza. Sia che utilizzi Windows o Mac, hai un semplice editor di immagini che puoi utilizzare per ridimensionare rapidamente le immagini troppo grandi prima di caricarle.<\/p>\n Un altro consiglio \u00e8 evitare la versione "completa" quando si inserisce un’immagine sovradimensionata in un post. Scegli invece la dimensione "Grande" che \u00e8 1024 px per impostazione predefinita.<\/p>\n \u00c8 facile ridimensionare le immagini prima di caricarle, ma per quanto riguarda quelle gi\u00e0 presenti sul tuo sito?<\/p>\n ShortPixel<\/a> ha un’impostazione che ti consente di impostare una larghezza e un’altezza massime per le tue immagini.<\/p>\n Puoi impostare questa opzione in modo che le immagini non vengano mai ritagliate quando vengono ridimensionate. Dopo aver attivato questa impostazione, puoi eseguire l’ottimizzatore di massa e ShortPixel ridimensioner\u00e0 le immagini eccessivamente grandi che incontra. Ridimensioner\u00e0 anche le nuove immagini mentre le carichi.<\/p>\n Se hai utilizzato molte immagini di grandi dimensioni, questo potrebbe essere il passaggio pi\u00f9 vantaggioso per il tuo sito. C’\u00e8 solo un’altra tecnica di ottimizzazione ed \u00e8 ancora la pi\u00f9 semplice.<\/p>\n I file di immagine possono contenere dati aggiuntivi non visualizzati nell’immagine stessa chiamati dati EXIF. L’EXIF pu\u00f2 essere piuttosto utile e include informazioni come il produttore della fotocamera, la data e l’ora in cui \u00e8 stata scattata la foto e persino le coordinate GPS.<\/p>\n Non hai bisogno di questi dati allegati alle immagini che pubblichi sul tuo sito. Per non parlare del fatto che probabilmente \u00e8 meglio per motivi di privacy che le tue foto non includano le coordinate GPS!<\/p>\n Ancora una volta, ShortPixel lo<\/a> gestisce facilmente per noi. C’\u00e8 un’impostazione attivata per impostazione predefinita che rimuove i dati EXIF \u200b\u200bda tutte le immagini durante il processo di ottimizzazione.<\/p>\n In media, questo porta a un’ulteriore riduzione dell’8,5% delle dimensioni del file.<\/p>\n Se non hai affatto ottimizzato le tue immagini, questa sar\u00e0 una giornata fantastica per il tuo sito!<\/p>\n Tutti parlano di hosting e ottimizzazione dei file, ma per qualche ragione l’ottimizzazione delle immagini viene spesso trascurata. \u00c8 pazzesco perch\u00e9 ci sono enormi guadagni da ottenere.<\/p>\n Uso ShortPixel per gestire tutte le pratiche di ottimizzazione delle immagini descritte in questa guida e lo consiglio a chiunque si preoccupi delle prestazioni del proprio sito WordPress.<\/p>\n Clicca qui per provare ShortPixel ora<\/a><\/p>\n Ora che sei sulla buona strada per una libreria multimediale super ottimizzata, potresti prendere in considerazione un host premium come WP Engine<\/a> per caricare quelle immagini ancora pi\u00f9 velocemente. E dovresti dare un’occhiata alla guida di WP Rocket, in<\/a> particolare la parte sul caricamento lento<\/a> per un’ulteriore ottimizzazione dell’immagine.<\/p>\nTre modi per ottimizzare le immagini<\/h2>\n
1 Comprimi le tue immagini<\/h3>\n
Compressione senza perdite<\/h4>\n
Compressione con perdita<\/h4>\n
Come comprimere le tue immagini<\/h4>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3240ca972.png\")
<\/a><\/p>\n![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32428aed6.png\")
<\/a><\/p>\nE le immagini che hai gi\u00e0 caricato?<\/h4>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32446974a.png\")
<\/a><\/p>\nOttimizza tutte le dimensioni delle immagini<\/h4>\n
\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f32466e04b.png\")
<\/a><\/p>\n2 Ridimensiona le tue immagini<\/h3>\n
Carica immagini pi\u00f9 piccole<\/h4>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f3248c6bb4.png\")
<\/a><\/p>\nRidimensiona le immagini nella tua libreria multimediale<\/h4>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324ac8d3b.png\")
<\/a><\/p>\n3 Rimuovere i dati EXIF<\/h3>\n
![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176813-616f324cc2416.png\")
<\/a><\/p>\nImmagini pi\u00f9 piccole = siti pi\u00f9 veloci<\/h2>\n