Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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.

How to add animated GIFs in WordPress

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.

Image size in WordPress

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.

Add image block

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.

Upload your animated GIF

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.

Choose full size as image size

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.

See GIF preview

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.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

26 commentiLascia una risposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dana

    Thanks for this. Super helpful and easy to follow.

    • WPBeginner Support

      You’re welcome :)

      Admin

  3. Mike

    Is it better to embed some code or insert the gif as you describe above for site speed? Or does it not really impact anything?

    • WPBeginner Support

      As long as the gif is optimized then there shouldn’t be a major impact having the gif uploaded on your site instead of embedding it.

      Admin

  4. Evans Mary

    So grateful for this knowledge. Thankyou so much for sharing.

    • WPBeginner Support

      You’re welcome, glad you found our article helpful!

      Admin

  5. Lise

    This was a very helpful blogpost.

    I’ve been uploading gifs to giphy, but they became blurry in my page.

    However I now have high quality gifs.

    • WPBeginner Support

      Glad you found our guide helpful!

      Admin

  6. Karl Heinz Burkhardt

    This was very helpful. Thank you very much.

    • WPBeginner Support

      Glad our guide was helpful!

      Admin

  7. Melissa

    Thank you – lifesaver!

    • WPBeginner Support

      You’re welcome, glad our guide could be helpful :)

      Admin

  8. Alexandre

    Doesn’t work for me? :(

    • WPBeginner Support

      You may want to ensure you don’t have an image optimization plugin that is attempting to modify the GIF

      Admin

  9. Giron

    How to make start and stop by clicking the mouse for gif animation?

    • WPBeginner Support

      While we don’t have a recommended method at the moment, we will certainly take a look for a possible addition to this article

      Admin

  10. Joy

    Thank you guys. This really helped.

  11. ed

    are there any user comment plugins out there that allow users to add gifs?

  12. Brian

    Any idea how to easily add a post with an iOS Live Photo? Thanks!

  13. Christophe

    Hi,

    I’ve added a animated gif on my WordPress site following your example. It worked but now the .gif has completely disappeared, even from my Media Library.

    Any idea where this could be coming from?
    Many thanks

  14. Christopher Eldridge

    Hi, in my case, the media uploader does not offer the option to change the size of the file. Is that because I’m using the free version of WordPress? If so, which version must I purchase to be able to modify the size of the file and have a functioning GIF animation?

    Thanks!
    Chris

  15. Johnson

    I have an auto blog site in which I use to post to my social networks. I do not write posts I only upload images and use Auto Image Post and Draft Scheduler plugins to automate them.

    Admin please how do I make all my uploaded gif animate automatically?
    I have tried several plugins but none worked. i will greatly apreciate your help.

    Thanks.

  16. John Mauldin

    Great article and GREAT Timing! Just looked at and downloaded an animated gif I need to put on a wp site. Thanks so much for this information, wpbeginner.com!

  17. Rakesh kumar

    Thanks a lot!! It was very simple and yet very effective. Most of us will miss this trick.

  18. Donna Merrill

    To my knowledge I’ve always heard that adding a GIF will slow down my blog. This is why I haven’t used it as yet. However I do have some niche sites that it just may not be a problem.
    Thanks for clarifying it.

    -Donna

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.