So erstellen Sie kostenlos ein animiertes GIF für Ihre Blog-Posts

Veröffentlicht: 2022-12-03

how to make a gif for a blog

Sie assoziieren wahrscheinlich ein animiertes GIF mit Social Media.

Sie sind normalerweise eine Art kurzes Video mit Unterhaltungswert und oft kleine Ausschnitte aus YouTube-Videos.

Wenn es nur zum Spaß ist, finden Sie Tausende davon online in kostenlosen GIF-Bibliotheken, sodass Sie nicht selbst ein animiertes GIF erstellen müssen.

Wenn es in diesem Beitrag um Bücher ginge, die echte Pageturner sind, könnte ich vielleicht etwas wie das untenstehende hinzufügen.

Ich weiß, dass es nicht das aufregendste hochwertige GIF ist, das jemals erstellt wurde, aber es ist geeignet, Ihnen zu zeigen, dass Sie auf den meisten Blogging-Plattformen eines zu einem Blog-Beitrag hinzufügen können.

Wenn Sie WordPress verwenden, können Sie ein GIF auf die gleiche Weise laden, wie Sie alle Ihre Bilder in den Bildeditor laden.

Umblättern

Wie macht man ein GIF?

Viele der Gifs, die Sie im Internet sehen, bestehen aus Videodateien und konvertierten Videoframes in Ebenen.

Es ist mit ziemlich viel Arbeit verbunden. Einige von ihnen verwenden Hunderte von einzelnen Videobildern für den Dateiimport.

Um ein Video in ein GIF umzuwandeln, müssen Sie die einzelnen Frames eines Videos kopieren.

Einige Leute erstellen ein animiertes GIF in Photoshop, was etwas kompliziert ist.

Ich bin kein Experte. Aber soweit ich das verstehen konnte, müssen Sie die Frames aus Ebenen laden und dann Dateien in einen Stapel laden.

Da habe ich aufgehört, weil mir das alles viel zu kompliziert war.

Für einen Blogbeitrag oder Artikel sind gif-Dateien Bilddateien, die eine begrenzte Anwendung haben. Aber von Zeit zu Zeit sind sie nützlich.

Ich habe mit dem Header-Bild herumgespielt, bevor ich diesen Beitrag geschrieben habe.

Nach all meinen Experimenten beschloss ich, bei einem Standbild zu bleiben. Aber um nicht all meine Arbeit zu verschwenden, hier ist die GIF-Version, die ich erstellt habe.

Es funktioniert, um Frame-Animationen zu erstellen, die Sie schnell in einem Blog-Beitrag verwenden können.

make a gif

So erstellen Sie ein GIF auf einfache Weise

Der einfachste Weg, animierte GIFs zu erstellen, ist die Verwendung eines kostenlosen Online-GIF-Erstellers oder GIF-Makers.

Es gibt viele von ihnen, und sie alle funktionieren auf ähnliche Weise.

Aber zuerst müssen Sie die Folien erstellen, die Sie zum Erstellen Ihres GIFs verwenden werden.

Für das obige Beispiel habe ich Canva verwendet, um vier Bilder zu erstellen, und die Wörter und Textfarben auf jedem Bild geändert.

Dann habe ich ein kostenloses Online-Gif-Maker-Tool verwendet. Wenn Sie eine Google-Suche durchführen, haben Sie eine große Auswahl.

gif maker

Klicken Sie einfach auf „Bilder hochladen“, um Ihre Dateien auszuwählen. Jedes Bild erstellt eine neue Ebene.

Nachdem Sie sie alle hochgeladen haben, können Sie einige kleinere Anpassungen vornehmen, bevor Sie eine Vorschau Ihres GIFs anzeigen.

gif maker2

Wenn Ihre Folien in der falschen Reihenfolge sind, können Sie dies per Drag & Drop ändern.

Sie haben einige Einstellungen, die Sie ändern können.

Die Leinwandgröße ist wie die Bildgröße. Stellen Sie es so ein, dass es zu Ihrem Blog passt, aber im Allgemeinen sind 750 Pixel groß genug.

Natürlich erhöht sich die Dateigröße, wenn Sie sie zu groß machen, was die Ladegeschwindigkeit Ihrer Seite verlangsamen könnte.

Die Animationsgeschwindigkeit gibt an, wie schnell sich Ihre Folien ändern. Sie sollten mit dieser Einstellung experimentieren, um die beste Geschwindigkeit für die Art von GIF zu finden, die Sie erstellen möchten.

Wenn Sie Ihre Einstellungen ausgewählt haben, klicken Sie auf „GIF-Animation erstellen“.

Sie sehen dann ein Menü, das unten mit „Anzeigen“ oder „Herunterladen“ geladen wird. Klicken Sie auf Dateidownload, und Sie haben Ihr GIF erstellt.

Wenn Sie versuchen, die Datei mit einer Bildvorschau zu öffnen, sehen Sie nur die Folien. Um Ihr neues GIF zu überprüfen, müssen Sie es in Chrome, Safari oder Firefox öffnen.

Was können Sie mit einem GIF in einem Blogbeitrag machen?

GIFs in einem Blog werden hauptsächlich verwendet, um Informationen oder lange Listen zu komprimieren.

Die Verwendung von Spalten auf einer Blog-Seite ist keine gute Idee mehr, da sie nicht mehr reagieren.

Das bedeutet, dass sie auf einem Mobiltelefon nicht korrekt angezeigt werden.

Spalten werden einfach verkleinert, um auf einen kleinen Bildschirm zu passen. Dann wird der Text zu klein, um ihn lesen zu können.

Wenn ich ohne die Verwendung von Spalten eine Liste der fünfundsiebzig beliebtesten Bücher einfügen wollte, würde sie sich auf einem Laptop weit, weit, weit nach unten erstrecken und auf einem Telefon oder Tablet noch weiter.

Ein besserer Weg ist, ein GIF zu verwenden.

Auch hier müssen Sie Folien erstellen, aber dieses Mal habe ich Screenshots verwendet und sie dann alle auf die gleiche Größe zugeschnitten.

books 75 list

Jetzt nimmt meine Liste mit 75 Büchern viel weniger Platz auf der Seite ein.

Auf einem kleinen Bildschirm wie einem Telefon oder Tablet passt sich die Größe des GIFs automatisch an die Größe an.

Ich habe das obige GIF optimiert, um sicherzustellen, dass es so schnell wie möglich geladen wird.

Sie können jedoch den Grad der Komprimierung auswählen, den Sie verwenden, wenn Sie schärferen Text haben möchten.

Fazit

Sie werden nicht für jeden Blogbeitrag oder Artikel, den Sie schreiben, ein GIF verwenden.

Aber von Zeit zu Zeit sind sie nützlich, insbesondere um viele Informationen auf überschaubarem Raum unterzubringen.

Ich brauchte ein paar Versuche, um herauszufinden, was funktionierte und was nicht funktionierte.

Ich fand heraus, dass es wichtig war, die Größe der verwendeten Bilder zu ändern, bevor ich versuchte, ein neues GIF zu erstellen.

Sie können diese Berechnung anhand der Bildgrößen vornehmen, die Sie derzeit in Ihrem Blog verwenden.

Der größte Fehler, den Sie machen können, besteht darin, ein GIF zu erstellen, das viel breiter ist als die maximale Breite Ihrer Blog-Seite.

Sie können dies in Ihrem Thema überprüfen. Wenn Sie eine Seitenleiste verwenden, kann die Breite zwischen 600 und 800 px liegen.

Wenn Sie ein GIF verwenden, das vielleicht doppelt so breit ist wie Ihre eigentliche Blog-Seite, wird die Größe automatisch von Ihrer Blog-Plattform angepasst.

Es wird für Sie gut aussehen, aber die Ladegeschwindigkeit Ihrer Seite wird aufgrund der großen Dateigröße dramatisch abnehmen.

Abgesehen von der Größenfrage ist es nichts Besonderes, ein GIF in Ihre Blog-Posts aufzunehmen.

Verwenden Sie GIFs aus den richtigen Gründen am richtigen Ort. Sie können ein praktisches Werkzeug sein, das Sie als Teil Ihrer Blog-Posts verwenden können, um Ihren Lesern einige Arten von Informationen in einer viel besseren Form zu geben.

Verwandte Lektüre: 50 kostenlose Schreibsoftware-Tools und Apps