Zum Hauptinhalt springen
Bethemesh
Bilder & Grafiken

GIF aus Bildern erstellen

Importiere bis zu 24 Bilder, lege Anzeigedauer, Breite und Wiederholung fest und erstelle ein animiertes GIF im Browser.

  • Stapelverarbeitung
  • Export
Automatisieren

Dieses Widget einbetten

Passe die Darstellung an, prüfe die Vorschau und kopiere anschließend den Code.

Vorschau

Art des Einbettungscodes

Zu kopierender Code

Responsive und automatisch von Bethemesh in der Größe angepasst.

Ihre Dateien werden lokal in Ihrem Browser verarbeitet und niemals an unsere Server gesendet.

Jedes Bild wird zu einem Animationsframe. Bilder können in mehreren Schritten hinzugefügt werden; die Dauer bestimmt, wie lange jedes Bild sichtbar bleibt.

Datei hier ablegen

Empfohlene Größe: bis zu 25 MB

Du brauchst mehr Möglichkeiten?

Nutze mehrere Bearbeitungswerkzeuge in einem Arbeitsbereich, deine geöffnete Datei und deine Änderungen kommen mit.

Vollständigen Editor öffnen

War dieses Werkzeug hilfreich?

Wie funktioniert dieses Tool?

Ein animiertes GIF spielt mehrere Bilder in einer einzigen Datei ab, die überall funktioniert: in Messengern, Foren, E-Mails und Dokumentationen. Dieser Generator fügt 2 bis 24 PNG-, JPEG- oder WebP-Bilder zu einer Animation zusammen, mit einstellbarer Anzeigedauer pro Bild, maximaler Breite und Wiederholung, ohne deine Bilder hochzuladen.

Füge deine Bilder auf einmal oder in mehreren Durchgängen hinzu: Sie werden in der Reihenfolge des Hinzufügens zu den Einzelbildern der Animation. Ein bereits vorhandenes Bild wird nicht doppelt aufgenommen. Um die Reihenfolge zu ändern, setze alles zurück und füge die Bilder in der gewünschten Reihenfolge neu hinzu.

Dauer pro Bild legt fest, wie lange jedes Bild angezeigt wird, von 40 bis 10.000 ms (Standard 500 ms). Maximale Breite, von 64 bis 1920 px, begrenzt die Größe: Das GIF nimmt den kleineren Wert aus dieser Einstellung und dem schmalsten Bild und vergrößert nie. Die Bilder werden auf einer Fläche mit der Höhe des höchsten Bildes zentriert, leere Streifen bleiben transparent. Animation wiederholen spielt sie endlos ab; ohne Haken läuft sie einmal.

Die Kodierung nutzt FFmpeg als WebAssembly: Über alle Bilder wird eine Palette mit 256 Farben berechnet und mit einem Dithering angewendet, das Verläufe glättet. Beim ersten Einsatz wird das etwa 30 MB große FFmpeg-Modul von einem CDN geladen und zwischengespeichert; deine Bilder verlassen den Browser nicht.

So verwenden Sie dieses Tool

  1. Bilder in Reihenfolge hinzufügen

    Wähle 2 bis 24 Bilder; die Reihenfolge des Hinzufügens ist die der Animation.

  2. Animation einstellen

    Wähle Dauer pro Bild, maximale Breite und Wiederholung.

  3. GIF erstellen und herunterladen

    Klicke auf GIF erstellen, prüfe die animierte Vorschau und lade animation.gif herunter.

Dauer und Bildrate der Animation

Alle Bilder haben dieselbe Anzeigedauer, daraus ergeben sich die Länge eines Durchlaufs und die Bildrate.

Länge eines Durchlaufs

T = n × d

Mit 8 Bildern zu 250 ms dauert ein Durchlauf 2.000 ms.

Bildrate

f = 1000 ÷ d

Angezeigte Bilder pro Sekunde; das GIF-Format speichert die Dauer in Hundertstelsekunden.

n
Anzahl der Bilder in der Animation
d
Dauer pro Bild in Millisekunden
f
Bilder pro Sekunde

Anwendungsfälle

Einen Ablauf zeigen

Mach aus einer Folge von Screenshots eine animierte Demo für eine Anleitung oder ein Support-Ticket.

Ein Produkt animieren

Lass Fotos eines Gegenstands aus mehreren Blickwinkeln für eine Produktseite oder einen Newsletter rotieren.

Reaktions-GIF erstellen

Reihe ein paar Serienfotos für eine Nachricht oder eine Story aneinander.

Beispiele

8 Produktfotos im Format 4:3

Breite: min(960; 1600) = 960 px, Höhe 1200 × 960 ÷ 1600 = 720 px. Dauer: 8 × 0,25 s = 2 s, Bildrate 1000 ÷ 250 = 4 Bilder pro Sekunde.

Eingabe

8 Bilder mit 1600 × 1200 px, Dauer pro Bild 250 ms, maximale Breite 960 px, Wiederholung an

Ergebnis

GIF mit 960 × 720 px, 4 Bilder pro Sekunde, 2 Sekunden pro Durchlauf, endlos wiederholt

Quer- und Hochformatfotos gemischt

Das Hochformatfoto, verkleinert auf 960 × 1280 px, bestimmt die Höhe des GIFs. Schneide alle Bilder vorher auf dasselbe Format zu, um diese Streifen zu vermeiden.

Eingabe

5 Bilder mit 1600 × 1200 px und 1 Bild mit 1200 × 1600 px, maximale Breite 960 px

Ergebnis

GIF mit 960 × 1280 px; die Querformatfotos belegen 960 × 720 px mit transparenten Streifen von 280 px oben und unten

Tipps und bewährte Vorgehensweisen

  • Bereite Bilder mit gleichem Format und gleicher Größe vor: Das Ergebnis wirkt ruhiger, und die Datei wird kleiner.
  • Ein GIF kennt nur 256 Farben: Es eignet sich besser für Screenshots und Illustrationen als für fein abgestufte Fotos.
  • Verringere die maximale Breite, um die Datei zu verkleinern: Von 960 auf 480 px sinkt die Pixelzahl etwa auf ein Viertel.
  • Benenne deine Dateien 01, 02, 03 usw. und wähle sie zusammen aus: Die meisten Dateiauswahlen fügen sie dann in dieser Reihenfolge hinzu.

Quellen und Referenzen

Häufig gestellte Fragen

Wie viele Bilder kann ich verwenden?

2 bis 24 PNG-, JPEG- oder WebP-Bilder mit je höchstens 25 MB. Du kannst sie in mehreren Durchgängen hinzufügen.

Kann jedes Bild eine eigene Dauer haben?

Nein. Die Dauer pro Bild gilt für alle; soll ein Bild länger stehen, füge eine Kopie unter anderem Namen hinzu.

Warum ist das GIF kleiner als meine Bilder?

Seine Breite wird durch die gewählte maximale Breite und das schmalste Bild begrenzt. Bilder werden nie vergrößert.

Bleibt die Transparenz erhalten?

Ja, aber nur ganz oder gar nicht: GIF kennt keine Teiltransparenz, jedes Pixel ist sichtbar oder transparent, was an weichen Kanten einen Saum erzeugen kann.

Warum dauert das erste GIF länger?

Das FFmpeg-Modul wird beim ersten Einsatz heruntergeladen (dafür ist dann eine Verbindung nötig). Danach speichert der Browser es zwischen.

Werden meine Bilder auf einen Server hochgeladen?

Nein. Nur die FFmpeg-Engine wird geladen; deine Bilder werden in deinem Browser dekodiert und als GIF kodiert.

Verwandte Werkzeuge

Mit diesen Werkzeugen weitermachen

Werkzeuge, die diesem ähnlich sind oder es ergänzen.

Ähnliche Werkzeuge

Bildgröße ändern

Ändere die Abmessungen eines Bildes schnell und ohne Upload.

Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden

Bild zuschneiden

Ziehe einen Rahmen auf dem Bild auf, lege ein Seitenverhältnis fest (1:1, 4:5, 16:9 …) und lade den Ausschnitt herunter.

Bilder & GrafikenEmpfohlenDieses Werkzeug verwenden

Fotocollage erstellen

Mehrere Bilder mit Abstand und Hintergrund zu einer Raster-Collage kombinieren.

Bilder & GrafikenDieses Werkzeug verwenden

Auch interessant

LeitfadenBewährte MethodenFortgeschritten

Bilder für Webperformance optimieren

Verbinde Dimensionen, Format, Kompression, responsive Quellen, Ladepriorität und Layoutstabilität zu einem vollständigen Web-Image-Workflow.

31. August 20265 min