Vai al contenuto principale

Come iscriversi e ottimizzare le immagini del tuo blog WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Sai come ridurre le dimensioni delle tue immagini per accelerare la velocità di caricamento del tuo blog? La maggior parte dei blogger principianti non sa come registrare correttamente le immagini, il che ha un grande impatto sul tempo di visualizzazione del proprio sito Web. In questo articolo, pertanto, ti mostrerò come salvare 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 salvi le immagini sul tuo blog WordPress, ci sono due cose che devi considerare: 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

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

 

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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Un'altra cosa, l'utilizzo di 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.

Ecco alcune altre risorse che dovrebbero 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.

Questo articolo contiene 1 commento

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
5 azioni
quota4
Tweet1
Enregistrer