class: center, middle # Einfache Gif-Animationen erstellen  ### Hauke Goos-Habermann #### https://goos-habermann.de --- ### Über mich - Entwickler des <a href="https://m23.sourceforge.io">Softwareverteilungssystems m23</a> - Organisator der <a href="https://kielux.de">Kieler Open Source und Linux Tage</a> - <a href="https://goos-habermann.de/">Dienstleister zu m23, Linux und Freier Software</a> - Softwareentwicklung (PHP, BASH, C/C++, JS, Python und was sonst so gebraucht wird...) - Administration - Schulungen - Support - Beratung - quasi **alles**, *was mit Linux zu tun hat* - Wöchentlicher Livestream ***"Jean und Hauke Show"*** auf https://www.youtube.com/c/LinuxGuides - Community-Video-Serie ***"Nicht der Weisheit letzter Schluß"*** auf **<a href="https://tube.tchncs.de/c/ndwls">tube.tchncs.de/c/ndwls</a>** und **<a href="https://youtube.com/@nichtderweisheit">youtube.com/@nichtderweisheit</a>** mit **beruflichen** oder **privaten Projekten** - Erstellt Grafiken und Animationen, wenn er muß ;-) --- ### Gif (Graphics Interchange Format)  * 1987 vom US-Online-Dienst CompuServe für Farbbilder eingeführt * Farbpalette mit maximal 256 Farben aus 24-Bit (3x 8 Bit für R, G, B) * Teilbereiche können eine eigene Farbtabelle enthalten * Kein Alphakanal, stattdessen kann eine Farbe für Transparenz gewählt werden * Speichern von mehreren Bildern, um eine Animation zu ermöglichen * Verlustfreie Kompression (LZW) * Einfache Optimierungen zum Sparen von Speicher * Aufgrund von Patentproblemen wurde das freie PNG-Dateinformat entwickelt https://de.wikipedia.org/wiki/Graphics_Interchange_Format --- ### Zwei Einzelbilder   --- ### Animation erstellen und optimieren ```bash # Gif erstellen (ca. 2500 Kb) convert -delay 100 Banner-NdWlS-Augen-offen.png\ Banner-NdWlS-Augen-offen.png Banner-NdWlS-Augen-zu.png\ Banner-NdWlS-Augen-offen.png Banner-NdWlS-Augen-offen.png\ Banner-NdWlS-Augen-offen.png Banner-NdWlS-Augen-offen.png\ -loop 0 Banner-NdWlS-Eule.gif # Optimiertes Gif erstellen (ca. 384 Kb) convert -delay 100 -coalesce -layers OptimizeFrame\ Banner-NdWlS-Augen-offen.png\ Banner-NdWlS-Augen-offen.png Banner-NdWlS-Augen-zu.png\ Banner-NdWlS-Augen-offen.png Banner-NdWlS-Augen-offen.png\ Banner-NdWlS-Augen-offen.png Banner-NdWlS-Augen-offen.png\ -loop 0 Banner-NdWlS-Eule-opt.gif ``` * **-coalesce**: Stellt sicher, daß die Einzelbilder alle dieselbe Größe haben, komplett und nicht verschoben sind. * **-layers OptimizeFrame**: Versucht nur die Unterschiede zwischen den Einzelbildern zu speichern Nur noch 15% der Ursprungsgröße :-) --- class: center, middle ### Informationen zu mir und meinen Dienstleistungen, m23, ... ### https://goos-habermann.de