Cum să adăugați GIF-uri animate în WordPress (Metoda CORECTĂ)

Ați găsit GIF-ul animat perfect pentru a da viață postării dvs. de pe blog. Dar când îl adăugați în WordPress, acesta rămâne o imagine plată, plictisitoare, fără animația dorită.

Este o problemă frustrant de comună. Acest lucru se întâmplă deoarece WordPress poate salva uneori doar primul cadru al GIF-ului atunci când creează diferite dimensiuni ale imaginii.

Din fericire, există un truc simplu pentru a rezolva acest lucru. În acest ghid, vă vom arăta modul corect de a adăuga GIF-uri animate, astfel încât acestea să funcționeze întotdeauna perfect.

De ce GIF-urile WordPress nu funcționează corect?

Uneori, animațiile GIF devin imagini statice în WordPress, deoarece generează automat mai multe dimensiuni ale imaginii, dar numai din primul cadru al animației.

De ce se întâmplă asta?

Ori de câte ori adăugați orice tip de imagine pe site-ul dvs. WordPress folosind încărcătorul media, WordPress creează automat mai multe copii ale acelei imagini în diferite dimensiuni.

Există 3 dimensiuni implicite ale imaginilor WordPress care sunt generate automat: miniatură, mediu și mare. WordPress păstrează și încărcarea dvs. originală, pe care o puteți selecta alegând opțiunea „Dimensiune completă”.

Cu toate acestea, atunci când se creează noi dimensiuni de imagine pentru GIF-uri animate, WordPress salvează doar primul cadru al fișierului GIF.

Ca rezultat, atunci când adăugați oricare dintre dimensiunile de imagine generate la postarea sau pagina dvs., acestea vor fi imagini statice și rezultatul va fi că GIF-ul WordPress nu funcționează.

Acum, să vedem cum se adaugă corect GIF-uri animate în WordPress, astfel încât să își păstreze animația.

Adăugarea corectă a GIF-urilor animate în WordPress

Mai întâi, trebuie să editezi sau să creezi o nouă postare sau pagină WordPress în editorul Gutenberg WordPress pentru a adăuga GIF-ul animat.

Odată ce sunteți în editorul de conținut WordPress, continuați și faceți clic pe butonul „+” și adăugați un bloc Imagine.

În continuare, veți găsi mai multe modalități de a încărca GIF-ul dvs. animat în blocul Imagine.

Pentru a începe, pur și simplu faceți clic pe butonul „Încărcare” și selectați GIF-ul animat de pe computer. Sau puteți face clic pe butonul „Bibliotecă media” și adăugați fișiere media care au fost deja încărcate în biblioteca dvs. media.

Există și o opțiune de a introduce linkul către GIF-ul dvs. făcând clic pe butonul „Inserează din URL”, dar nu recomandăm acest lucru, deoarece imaginea nu este încărcată pe site-ul dvs.

Odată ce ai încărcat GIF-ul, editorul de blocuri îl va insera în conținutul tău și îl poți personaliza.

După ce ai adăugat GIF-ul, va trebui să selectezi opțiunea „Dimensiune completă” sub „Dimensiunea imaginii” din meniul din dreapta.

Este important să selectați „Dimensiune completă”, deoarece acest lucru îi spune WordPress-ului să folosească GIF-ul animat original, netratat, pe care l-ați încărcat. Celelalte dimensiuni (cum ar fi mediu sau miniatură) sunt copii statice pe care WordPress le-a făcut numai din primul cadru al animației, motiv pentru care nu se mișcă. Alegând „Dimensiune completă”, vă asigurați că animația funcționează corect. 👍

Vei putea vedea animația imediat în editorul de conținut.

Continuați și publicați sau actualizați postarea dvs. de blog pentru a vedea GIF-urile animate în acțiune.

Sfaturi bonus pentru utilizarea GIF-urilor animate în WordPress

Imaginile animate GIF sunt de obicei mai mari ca dimensiune decât alte fișiere imagine. Acest lucru se datorează faptului că ele conțin mai multe imagini comprimate utilizate ca cadre pentru a crea animația.

Utilizarea GIF-urilor mari sau adăugarea prea multor imagini GIF pe o pagină WordPress poate încetini site-ul dvs. și poate afecta optimizarea pentru motoarele de căutare (SEO). Consultați ghidul nostru complet despre cum să îmbunătățiți viteza și performanța WordPress pentru mai multe detalii.

Dacă utilizați Giphy.com pentru a găsi GIF-uri animate, atunci pluginul GIF Master vă poate fi foarte util. Acesta vă permite să căutați baza de date Giphy din tabloul de bord WordPress și să adăugați GIF-uri fără a părăsi site-ul WordPress.

Similar, puteți folosi și EmbedPress pentru a adăuga automat GIF-uri animate și meme-uri de pe Gfycat. Pur și simplu introduceți URL-ul GIF-ului dvs. de pe Gfycat, iar pluginul îl va încorpora în conținutul dvs.

Întrebări frecvente despre GIF-uri în WordPress

Iată răspunsuri la unele dintre cele mai frecvente întrebări pe care le primim despre utilizarea GIF-urilor animate în WordPress.

De ce sunt GIF-urile animate atât de mari?

GIF-urile animate sunt, în esență, o serie de imagini statice, sau cadre, împachetate într-un singur fișier. Cu cât un GIF are mai multe cadre și culori, cu atât dimensiunea fișierului va fi mai mare.

Acesta este motivul pentru care sunt adesea mult mai mari decât imaginile JPG sau PNG standard.

Cum pot optimiza GIF-urile pentru a le face mai mici?

Puteți folosi instrumente online gratuite precum EZgif sau GIMP pentru a vă optimiza GIF-urile animate înainte de a le încărca în WordPress. Aceste instrumente vă pot ajuta să reduceți dimensiunea fișierului făcând lucruri precum eliminarea cadrelor suplimentare sau scăderea numărului de culori din GIF, adesea fără o scădere notabilă a calității.

Este rău să folosești multe GIF-uri pe o singură pagină?

Da, adăugarea prea multor fișiere GIF mari pe o singură pagină poate încetini semnificativ timpul de încărcare al site-ului dvs. web. Acest lucru poate crea o experiență slabă pentru utilizator și poate afecta negativ clasamentul dvs. SEO.

Cel mai bine este să le folosiți cu moderație pentru a evidenția punctele cheie sau pentru a adăuga interes vizual acolo unde contează cel mai mult.

Resurse suplimentare pentru gestionarea mediilor dvs.

Sperăm că acest ghid v-a ajutat să adăugați corect GIF-uri animate pe site-ul dvs. WordPress. Acum că ați stăpânit GIF-urile, s-ar putea să găsiți utile aceste alte articole despre gestionarea media.

• Pluginuri WordPress grozave pentru gestionarea imaginilor – Descoperiți instrumente care vă pot ajuta să vă organizați, optimizați și afișați imaginile mai eficient.
• De ce nu ar trebui niciodată să încărcați un videoclip pe WordPress – Aflați de ce găzduirea propriilor videoclipuri vă poate afecta performanța site-ului și ce ar trebui să faceți în schimb.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.