Sai come ridurre le dimensioni delle tue immagini per accelerare la velocità di caricamento del tuo blog? La maggior parte delle blogger principianti non sanno come salvare le immagini correttamente, il che influisce notevolmente sul tempo di visualizzazione del loro sito Web. In questo articolo quindi, ti mostrerò come salvare le immagini ottimizzate sul tuo blog.
Tutti i blogger esperti ti diranno che le immagini consentono di aumentare l'impegno. Tuttavia, ciò che non ti dicono è che peso e dimensioni contano molto. Immagini troppo pesanti rallenteranno il tuo blog, sarà più lento da visualizzare. secondo Strangeloop, un secondo di ritardo può costarti il 7% delle tue vendite, il 11% delle pagine del tuo sito web sarà meno visitato e il 16% dei tuoi clienti potrebbe non essere soddisfatto.
Come registrare correttamente le immagini sul tuo blog?
Quando si salvano le immagini nel file blog WordPress, devi considerare due cose: il formato dell'immagine et compressione.
Scegliendo la giusta combinazione, puoi ridurre 5 volte il peso della tua immagine.
Per la maggior parte di noi, i due formati di immagine più utilizzati sono JPEG et PNG. Per rendere più facile, utilizzare il formato JPEG per immagini con molti colori, e utilizzare il formato PNG quando hai bisogno di un'immagine trasparente per esempio.
Per coloro che non riescono a fare la differenza, le immagini PNG non sono compressi, il che significa che queste immagini lo sono ottime qualità. Il rovescio della medaglia è che l'immagine è molto più pesante che rallenterà il tempo di caricamento del tuo sito. D'altra parte, il formato JPEG è un formato compresso, quindi la qualità dell'immagine non è buona come quella del formato PNG. Tuttavia, anche la dimensione dell'immagine è ridotta.
Sur BlogPasCher, La maggior parte delle immagini sono in formato JPEG.
Il passo successivo è la compressione, il che significa ridurre il peso delle immagini e ottimizzato per il web. La compressione di un'immagine farà una grande differenza.
La tabella seguente mostra le diverse combinazioni che possiamo utilizzare per salvare l'immagine utilizzata in fondo a questo articolo.
|
Formato immagine |
dimensione immagine |
|
Ottimizzazione formato Photoshop JPEG (Top) |
33 KB |
|
ottimizzazione TinyPNG |
57 KB |
|
JPEG ottimizzazione Mini |
70 KB |
|
Ottimizzazione Photoshop JPEG (max) |
93 KB |
|
Formato JPEG non ottimizzato (massimo) |
119 KB |
|
Photoshop PNG Ottimizzazione |
135 KB |
|
Immagine PNG non ottimizzata |
145 KB |
strumenti di compressione per i blogger
Ora che hai visto la differenza tra ogni tipo di compressione, di seguito, ti mostrerò come salvare immagini ottimizzate per il web e aumentare la velocità del tuo sito web.
Adobe Photoshop
Adobe Photoshop è un software (a pagamento) dotato di funzionalità che ti consentiranno di salvare immagini ottimizzate per il Web. Per fare ciò, apri la tua immagine e fai clic sul menu File> Salva per web.
Cliccandoci sopra si aprirà una finestra. E a destra, vedrai un campo con diversi formati. Per il formato JPEG, avrai la possibilità di scegliere tra diverse forme di compressione, che ridurranno il peso della tua immagine. Dopo aver scelto le opzioni, vedrai la dimensione dell'immagine visualizzata in basso a destra.
Importante: si dovrebbe sapere che Photoshop è un software costoso. Potrete in alternativa GIMP, che è un software gratuito e accessibile a tutti, ma anche ad altri prodotti Adobe come Fireworks, può eseguire correttamente questa attività.
TinyPNG
TinyPNG è un software web che utilizza una tecnica di perdita intelligente per ridurre il peso delle tue immagini PNG. Tutto quello che devi fare è visitare il loro sito web e caricare le tue immagini. Faranno la compressione per te e ti invieranno nuovamente il link per il download della tua immagine.
Per gli sviluppatori, forniscono anche un'API per la conversione automatica delle immagini.
JPEG MINI
JPEG MINI è una tecnologia di compressione che riduce notevolmente le dimensioni delle immagini senza comprometterne la qualità. Puoi utilizzare la versione web gratuitamente o acquistare il software per il tuo computer. Hanno anche un'API a pagamento che aiuta ad automatizzare il processo sul tuo server.
ImageOptim
ImageOptim è un'utilità MAC che ti permetterà di comprimere le tue immagini senza perdere qualità, trovando le migliori impostazioni di compressione e rimuovendo i colori non necessari.
L'alternativa per Windows di questa utility è Taglio fuori.
Come puoi vedere, ci sono diversi strumenti che puoi usare per eseguire compressioni di immagini per il web. Utilizzando la compressione di Photoshop abbiamo ottenuto risultati migliori in termini di dimensioni del file, tuttavia la qualità ne risente. TinyPNG è un'ottima soluzione per salvare immagini PNG per il web.
Alcuni suggeriranno di utilizzare una combinazione di TinyPNG ou JPEG Mini et immagine Optim per risultati migliori. Tuttavia, l'utilizzo di due strumenti per eseguire le compressioni ti sovraccaricherà un po '.
Considerazioni finali sull'ottimizzazione delle immagini
Se in passato non stavi salvando immagini ottimizzate per il web, inizia subito a salvare. Questo potrebbe fare un'enorme differenza su velocità di pubblicazione del tuo sito webe i tuoi utenti ti ringrazieranno sicuramente per questo. Naturalmente, la qualità dell'immagine può diminuire in modo significativo, ma la maggior parte degli utenti non noterà questo cambiamento.
Un'altra cosa, usa un CDN per il tuo blog WordPress può aumentare significativamente la velocità di caricamento del tuo sito web. Noi usiamo Cloudflare per tutti i nostri siti. Ma c'è anche MaxCDN al nostro sito web.
Eccone altri risorse che dovrebbe aiutarti:
Speriamo che questo articolo ti sia stato molto utile.
Hai amici blogger che registrano le loro immagini in modo errato? Condividi questo articolo con loro, in modo che alla fine aumentino la velocità della pubblicazione del loro sito Web e ti ringrazieranno.
Se hai una domanda, lascia un commento qui sotto. Ma non dimenticare di seguirci sui social network.
