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

Wie man animierte GIFs in WordPress hinzufügt (der RICHTIGE Weg)

Möchten Sie animierte GIFs zu Ihren WordPress-Blogbeiträgen hinzufügen?

GIFs (Graphics Interchange Format) können dazu beitragen, die Aufmerksamkeit Ihrer Besucher zu erregen und das Engagement für Ihre Blogbeiträge zu erhöhen. Wenn Sie jedoch ein animiertes GIF in WordPress hinzufügen, kann es die Animation verlieren und als einfaches statisches Bild erscheinen.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie animierte GIFs in WordPress richtig hinzufügen.

How to add animated GIFs in WordPress

Warum funktionieren Ihre WordPress-GIFs nicht richtig?

Manchmal werden GIF-Animationen in WordPress zu statischen Bildern, weil es automatisch mehrere Größen des Bildes generiert, aber nur ab dem ersten Frame der Animation.

Warum ist das so?

Wenn Sie Ihrer WordPress-Website über den Media-Uploader ein Bild hinzufügen, erstellt WordPress automatisch mehrere Kopien dieses Bildes in verschiedenen Größen.

Es gibt 4 Standardgrößen für WordPress-Bilder, darunter Thumbnail, Medium, Large und Full Size.

Image size in WordPress

Wenn jedoch neue Bildgrößen für animierte GIFs erstellt werden, speichert WordPress nur das erste Bild der GIF-Datei.

Wenn Sie also eine dieser generierten Bildgrößen in Ihren Beitrag oder Ihre Seite einfügen, handelt es sich um statische Bilder, so dass WordPress GIF nicht funktioniert.

Schauen wir uns also an, wie man animierte GIFs in WordPress richtig einfügt, ohne dass die Animation verloren geht.

Richtiges Hinzufügen von animierten GIFs in WordPress

Zunächst müssen Sie einen neuen WordPress-Beitrag oder eine neue Seite im WordPress Gutenberg-Editor bearbeiten oder erstellen, um das animierte GIF hinzuzufügen.

Sobald Sie sich im WordPress-Inhaltseditor befinden, klicken Sie auf die Schaltfläche „+“ und fügen Sie einen Bildblock hinzu.

Add image block

Als Nächstes finden Sie im Block Bild mehrere Möglichkeiten, Ihr animiertes GIF hochzuladen.

Um zu beginnen, klicken Sie einfach auf die Schaltfläche „Hochladen“ und wählen Sie Ihr animiertes GIF von Ihrem Computer aus. Sie können auch auf die Schaltfläche „Medienbibliothek“ klicken und bereits hochgeladene Mediendateien zu Ihrer Medienbibliothek hinzufügen.

Es gibt auch die Möglichkeit, den Link zu Ihrem GIF einzugeben, indem Sie auf die Schaltfläche „Von URL einfügen“ klicken. Wir raten jedoch davon ab, dies zu tun, da das Bild nicht auf Ihre Website hochgeladen wird.

Upload your animated GIF

Sobald Sie Ihr GIF hochgeladen haben, fügt der Block-Editor es in Ihren Inhalt ein, und Sie können es individuell anpassen.

Nachdem Sie die GIF-Datei hinzugefügt haben, müssen Sie im Menü auf der rechten Seite unter „Bildgröße“ die Option „Volle Größe“ auswählen.

Choose full size as image size

Das Bild in voller Größe ist das ursprüngliche animierte GIF, das Sie in WordPress hochgeladen haben. Wenn Sie dies auswählen, wird verhindert, dass Ihre WordPress-GIFs als statische Bilder angezeigt werden und die Animation nicht abgespielt wird.

Sie werden die Animation sofort im Inhaltseditor sehen können.

See GIF preview

Veröffentlichen oder aktualisieren Sie Ihren Blogbeitrag, um die animierten GIFs in Aktion zu sehen.

Bonus-Tipps für die Verwendung von animierten GIFs in WordPress

Animierte GIF-Bilder haben in der Regel eine größere Dateigröße als andere Bilddateien. Das liegt daran, dass sie mehrere komprimierte Bilder enthalten, die als Einzelbilder zur Erstellung der Animation verwendet werden.

Die Verwendung großer GIFs oder das Hinzufügen zu vieler GIF-Bilder auf einer WordPress-Seite kann Ihre Website verlangsamen und Ihre Suchmaschinenoptimierung (SEO) beeinträchtigen. In unserem ultimativen Leitfaden zur Verbesserung der Geschwindigkeit und Leistung von WordPress finden Sie weitere Einzelheiten.

Wenn Sie Giphy.com nutzen, um animierte GIFs zu finden, dann könnte das GIF Master Plugin sehr nützlich für Sie sein. Es ermöglicht Ihnen, die Giphy-Datenbank von Ihrem WordPress-Dashboard aus zu durchsuchen und GIFs hinzuzufügen, ohne Ihre WordPress-Seite zu verlassen.

Ebenso können Sie EmbedPress verwenden, um automatisch animierte GIFs und Memes von Gfycat hinzuzufügen. Geben Sie einfach die URL Ihres GIFs von Gfycat ein, und das Plugin wird es in Ihren Inhalt einbetten.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man animierte GIFs in WordPress einfügt. Vielleicht interessieren Sie sich auch für unsere Liste großartiger WordPress-Plugins für die Verwaltung von Bildern und unser komplettes WordPress-Tutorial zur Auswahl des besten WordPress-Hostings für eine bessere Leistung.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

26 KommentareEine Antwort hinterlassen

  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

    • WPBeginner Support

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

      Admin

    • WPBeginner Support

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

      Admin

  7. 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

  8. Joy

    Thank you guys. This really helped.

  9. ed

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

  10. Brian

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

  11. 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

  12. 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

  13. 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.

  14. 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!

  15. Rakesh kumar

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

  16. 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

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.