Come aggiungere GIF animate in WordPress (il modo giusto)

Volete aggiungere GIF animate ai vostri post su WordPress?

Le GIF (graphics interchange format) possono aiutare a catturare l’attenzione dei visitatori e ad aumentare il coinvolgimento nei post del blog. Tuttavia, quando si aggiunge una GIF animata in WordPress, questa potrebbe perdere l’animazione e apparire come una semplice immagine statica.

In questo articolo vi mostreremo come aggiungere correttamente le GIF animate in WordPress, passo dopo passo.

Perché le GIF di WordPress non funzionano correttamente?

A volte, le animazioni GIF diventano immagini statiche in WordPress perché il sistema genera automaticamente più dimensioni dell’immagine, ma solo a partire dal primo fotogramma dell’animazione.

Perché succede?

Ogni volta che aggiungete un qualsiasi tipo di immagine al vostro sito WordPress utilizzando il caricatore di file multimediali, WordPress crea automaticamente diverse copie dell’immagine in diverse dimensioni.

Esistono 4 dimensioni predefinite per le immagini di WordPress, tra cui miniatura, media, grande e intera.

Tuttavia, quando si creano nuove dimensioni per le GIF animate, WordPress finisce per salvare solo il primo fotogramma del file GIF.

Di conseguenza, quando si aggiunge una di queste immagini generate al proprio post o alla propria pagina, queste saranno immagini statiche e le GIF di WordPress non funzioneranno.

Detto questo, vediamo come aggiungere correttamente le GIF animate in WordPress senza perdere l’animazione.

Aggiungere correttamente le GIF animate in WordPress

Per prima cosa, è necessario modificare o creare un nuovo post o pagina di WordPress nell’editor di WordPress Gutenberg per aggiungere la GIF animata.

Una volta entrati nell’editor di contenuti di WordPress, fare clic sul pulsante ‘+’ e aggiungere un blocco immagine.

Successivamente, nel blocco Immagine troverete diversi modi per caricare la vostra GIF animata.

Per iniziare, è sufficiente fare clic sul pulsante “Carica” e selezionare la GIF animata dal computer. In alternativa, è possibile fare clic sul pulsante “Libreria multimediale” e aggiungere i file multimediali già caricati nella libreria multimediale.

C’è anche la possibilità di inserire il link alla GIF facendo clic sul pulsante “Inserisci da URL”, ma non consigliamo di utilizzarlo perché non carica l’immagine sul sito web.

Una volta caricata la GIF, l’editor di blocchi la inserirà nel contenuto e sarà possibile personalizzarla.

Dopo aver aggiunto la GIF, è necessario selezionare l’opzione “Dimensione intera” sotto “Dimensione immagine” dal menu a destra.

L’immagine a grandezza naturale è la GIF animata originale caricata su WordPress. Scegliendo questa opzione, si eviterà che le GIF di WordPress vengano visualizzate come immagini statiche e non riproducano l’animazione.

Sarà possibile vedere subito l’animazione nell’editor dei contenuti.

Pubblicate o aggiornate il vostro post per vedere le GIF animate in azione.

Suggerimenti per l’utilizzo di GIF animate in WordPress

Le immagini GIF animate hanno solitamente dimensioni maggiori rispetto ad altri file di immagine. Questo perché contengono diverse immagini compresse utilizzate come fotogrammi per creare l’animazione.

L’utilizzo di GIF di grandi dimensioni o l’aggiunta di troppe immagini GIF in una pagina WordPress può rallentare il vostro sito web e danneggiare l’ottimizzazione per i motori di ricerca (SEO). Per maggiori dettagli, consultate la nostra guida definitiva su come migliorare la velocità e le prestazioni di WordPress.

Se utilizzate Giphy.com per trovare GIF animate, potreste trovare molto utile il plugin GIF Master. Vi permette di cercare nel database di Giphy dalla vostra dashboard di WordPress e di aggiungere GIF senza lasciare il vostro sito WordPress.

Allo stesso modo, è possibile utilizzare EmbedPress per aggiungere automaticamente GIF animate e meme da Gfycat. Basta inserire l’URL della GIF da Gfycat e il plugin la incorporerà nel vostro contenuto.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere GIF animate in WordPress. Potreste anche voler consultare il nostro elenco di ottimi plugin WordPress per la gestione delle immagini e il nostro tutorial completo su come scegliere il miglior hosting WordPress per ottenere prestazioni migliori.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.