Leicht neu kodieren
Die Geometrie bleibt erhalten, bei einer bereits effizienten Quelle kann die Ersparnis jedoch gering oder null sein.
Light-Komprimierung testen →GIF-Dateigröße verkleinern
Komprimierung ist nur ein Hebel. Wir haben an vier eigenen GIFs 32 Zustände aufgezeichnet und getestet und Größenänderung, Zuschneiden, Farbreduktion sowie weniger Frames miteinander verglichen.
Entferne Pixel, bevor du Qualität opferst.
Wird das GIF kleiner angezeigt, liefert eine Größenänderung meist eine gut vorhersehbare Reduktion. Sind die Ränder entbehrlich, schneide zuerst zu. Stärkere Komprimierung lohnt sich erst, wenn kleinere Abmessungen, weniger Frames oder sichtbarer Texturverlust akzeptabel sind. In unseren bereits effizienten Beispielen sparte Light praktisch nichts—eine Vorgabe kann keine kleinere Datei garantieren.
Welche Bedingung darf nicht verletzt werden?
Beginne mit der wichtigsten Anforderung. Die beste Methode entfernt Daten, die du nicht brauchst.
Leinwand verkleinern
Bei 50% Breite und Höhe sparten unsere vier Beispiele 52,2% bis 65,7%, ohne Framezahl oder Dauer zu ändern.
GIF-Größe ändern →Vor dem Komprimieren zuschneiden
Schneide nur entbehrliche Ränder ab. Die Ersparnis lag je nach Komplexität der entfernten Bereiche zwischen 11,3% und 41,0%.
GIF zuschneiden →Auflösung und Flüssigkeit abwägen
Strong sparte in diesem Satz 65,8% bis 69,7%, verringerte aber auch die Abmessungen und halbierte die Framezahl.
Komprimierungsstufen vergleichen →Warum GIF-Dateien groß werden
Jeder Frame besitzt ein Pixelraster. Werden Breite und Höhe auf 50% reduziert, bleiben pro vollständigem Frame nur ein Viertel der Pixelpositionen.
Mehr Frames können Bewegungen flüssiger machen, fügen aber jeweils Bilddaten und Zeitinformationen hinzu.
Texturen, Verläufe, Rauschen und große bewegte Bereiche lassen sich weniger kompakt darstellen als flache, wiederholte Formen.
GIF nutzt indizierte Farben. Weniger Farben können helfen, bei Fotos aber Farbstufen oder Dithering erzeugen.
Ändern sich in jedem Frame die meisten Pixel, werden meist mehr Daten benötigt als bei einem kleinen bewegten Element.
Was Strong verändert hat
Jedes Paar nutzt dieselbe Ausgangsanimation. Die Strong-Ausgaben erscheinen in gleich großen Karten; die tatsächlichen Abmessungen und Framezahlen stehen in den Beschriftungen.
Einfache Formen, kleine Palette und bewegte Bedienelemente.
Original · 116,32 KB · 800×450 · 40 Frames
Strong · 39,38 KB · 560×315 · 20 FramesVerläufe, reproduzierbare Textur und ein bewegtes Vordergrundobjekt.
Original · 2,13 MB · 640×360 · 50 Frames
Strong · 659,52 KB · 448×252 · 25 FramesBewegter Sticker mit transparentem Hintergrund und harten Kanten.
Original · 54,18 KB · 512×512 · 30 Frames
Strong · 18,54 KB · 358×358 · 15 FramesFeine Linien, dokumentähnlicher Text und ein bewegter Cursor.
Original · 181,85 KB · 960×540 · 60 Frames
Strong · 61,38 KB · 672×378 · 30 FramesAlle 32 aufgezeichneten und getesteten Zustände
Die Prozentwerte vergleichen jede Ausgabe mit ihrem eigenen Original. Sie gelten für diesen festen Testsatz und sind keine Garantie für jedes GIF.
| Beispiel | Methode | Einstellung | Dateigröße | Gespart | Abmessungen | Frames |
|---|---|---|---|---|---|---|
| GIF-UI | Original | Original | 116,32 KB | — | 800×450 | 40 |
| GIF-UI | Komprimieren | Light | 116,32 KB | 0,0% | 800×450 | 40 |
| GIF-UI | Komprimieren | Balanced | 97,45 KB | 16,2% | 680×383 | 40 |
| GIF-UI | Komprimieren | Strong | 39,38 KB | 66,2% | 560×315 | 20 |
| GIF-UI | Größe ändern | 75% | 84,72 KB | 27,2% | 600×338 | 40 |
| GIF-UI | Größe ändern | 50% | 55,24 KB | 52,5% | 400×225 | 40 |
| GIF-UI | Zuschneiden | 10% je Rand | 101,68 KB | 12,6% | 640×360 | 40 |
| GIF-UI | Kombiniert | Zuschneiden → 50% → Balanced | 40,79 KB | 64,9% | 272×153 | 40 |
| GIF-PHOTO | Original | Original | 2,13 MB | — | 640×360 | 50 |
| GIF-PHOTO | Komprimieren | Light | 2,13 MB | 0,0% | 640×360 | 50 |
| GIF-PHOTO | Komprimieren | Balanced | 2,06 MB | 3,1% | 544×306 | 50 |
| GIF-PHOTO | Komprimieren | Strong | 659,52 KB | 69,7% | 448×252 | 25 |
| GIF-PHOTO | Größe ändern | 75% | 1,73 MB | 18,4% | 480×270 | 50 |
| GIF-PHOTO | Größe ändern | 50% | 746,56 KB | 65,7% | 320×180 | 50 |
| GIF-PHOTO | Zuschneiden | 10% je Rand | 1,42 MB | 33,3% | 512×288 | 50 |
| GIF-PHOTO | Kombiniert | Zuschneiden → 50% → Balanced | 396,92 KB | 81,8% | 218×122 | 50 |
| GIF-STICKER | Original | Original | 54,18 KB | — | 512×512 | 30 |
| GIF-STICKER | Komprimieren | Light | 54,18 KB | 0,0% | 512×512 | 30 |
| GIF-STICKER | Komprimieren | Balanced | 45,62 KB | 15,8% | 435×435 | 30 |
| GIF-STICKER | Komprimieren | Strong | 18,54 KB | 65,8% | 358×358 | 15 |
| GIF-STICKER | Größe ändern | 75% | 39,94 KB | 26,3% | 384×384 | 30 |
| GIF-STICKER | Größe ändern | 50% | 25,92 KB | 52,2% | 256×256 | 30 |
| GIF-STICKER | Zuschneiden | 10% je Rand | 48,07 KB | 11,3% | 410×410 | 30 |
| GIF-STICKER | Kombiniert | Zuschneiden → 50% → Balanced | 19,64 KB | 63,7% | 174×174 | 30 |
| GIF-TEXT | Original | Original | 181,85 KB | — | 960×540 | 60 |
| GIF-TEXT | Komprimieren | Light | 181,85 KB | 0,0% | 960×540 | 60 |
| GIF-TEXT | Komprimieren | Balanced | 150,18 KB | 17,4% | 816×459 | 60 |
| GIF-TEXT | Komprimieren | Strong | 61,38 KB | 66,2% | 672×378 | 30 |
| GIF-TEXT | Größe ändern | 75% | 132,23 KB | 27,3% | 720×405 | 60 |
| GIF-TEXT | Größe ändern | 50% | 85,76 KB | 52,8% | 480×270 | 60 |
| GIF-TEXT | Zuschneiden | 10% je Rand | 107,23 KB | 41,0% | 768×432 | 60 |
| GIF-TEXT | Kombiniert | Zuschneiden → 50% → Balanced | 43,45 KB | 76,1% | 326×184 | 60 |
Methode: Vier projekteigene GIFs wurden mit dem aktuellen Tanumi-GIF-Worker verarbeitet. Jede Ausgabe wurde unabhängig mit ffprobe dekodiert. Light behielt Abmessungen und Framezahl bei und erreichte gegenüber den Originalen 0,999999–1,0 SSIM. Ausgaben mit geänderter Geometrie wurden in ihrer vorgesehenen Anzeigegröße visuell geprüft.
Zuschneiden → verkleinern → komprimieren
Sind mehrere Änderungen akzeptabel, beginne mit der am wenigsten zerstörerischen.
- 01
Nur entbehrliche Ränder entfernen
Schneide keine wichtige Bewegung ab, nur um einen Prozentwert zu erreichen. Zuschneiden ist ideal, wenn der Rand wirklich ungenutzt ist.
- 02
An die echte Anzeigegröße anpassen
Ein 960 Pixel breites GIF, das mit 480 Pixeln angezeigt wird, speichert Details, die niemand sieht.
- 03
Die leichteste akzeptable Komprimierung wählen
Prüfe feinen Text, Verläufe, Bewegung und transparente Kanten. Wähle Strong nur, wenn das Ergebnis dein Limit noch verfehlt.