{"id":466,"date":"2019-04-24T20:18:04","date_gmt":"2019-04-24T18:18:04","guid":{"rendered":"https:\/\/ekiwi.de\/?p=466"},"modified":"2019-04-24T20:18:04","modified_gmt":"2019-04-24T18:18:04","slug":"animierte-gifs-jeden-zweiten-frame-entfernen-und-speicherplatz-optimieren","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/466\/animierte-gifs-jeden-zweiten-frame-entfernen-und-speicherplatz-optimieren\/","title":{"rendered":"Animierte GIFs jeden zweiten Frame entfernen und Speicherplatz optimieren"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/466\/animierte-gifs-jeden-zweiten-frame-entfernen-und-speicherplatz-optimieren\/#Beispiel\" >Beispiel<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/466\/animierte-gifs-jeden-zweiten-frame-entfernen-und-speicherplatz-optimieren\/#Original_205_Kb\" >Original 205 Kb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/466\/animierte-gifs-jeden-zweiten-frame-entfernen-und-speicherplatz-optimieren\/#Halbe_Framerate_92_Kb\" >Halbe Framerate 92 Kb<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>Animierte GIFs geh\u00f6ren zu den ganz alten Dateiformaten und sie sind nicht tot zu bekommen. F\u00fcr kleinere Animationen ist es immer noch praktisch. <\/p>\n<p><!--more--><\/p>\n<p>Ohne Plugin und Zusatzsoftware k\u00f6nnen GIFs in jede Homepage eingebunden werden, auch wenn es mit dem <a href=\"https:\/\/ekiwi.de\/html-referenz\/v-z\/video\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Video-Tag<\/a> mittlerweile eine gute M\u00f6glichkeit gibt, bewegte Inhalte einzubinden.<\/p>\n<p>Ich verwende GIFs gerne in <a href=\"https:\/\/ekiwi-blog.de\/anleitungen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tutorials<\/a> um eine kurze Bildschirminteraktion zu zeigen. Allerdings werden GIFs schnell recht gro\u00df. Im Endeffekt besteht jedes GIF aus Einzelbildern, welche nacheinander angezeigt werden. Die Komprimierungsm\u00f6glichkeiten sind, trotz Beschr\u00e4nkung auf 256 Farben, nicht so ausgereift wie bei Videos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/04\/aufnahme_1.gif\" alt=\"\" width=\"386\" height=\"284\" class=\"aligncenter size-full wp-image-467\" \/><\/p>\n<p>Sch\u00f6n \u00f6fter hatte ich das Problem, dass das GIF zu viel Speicher verbrauchte und schnell mehrere Megabyte gro\u00df wurde. <\/p>\n<p>Grund war die hohe Anzahl der Einzelbilder. Eine gute M\u00f6glichkeit ist daher einfach jedes zweite Frame rauszuwerfen. Damit hat man die Dateigr\u00f6\u00dfe schon mal halbiert. Die Animation wird etwas ruckeliger, ist aber meist noch gut erkennbar. <\/p>\n<p>Doch wie entfernt man die Frames am schnellsten? Meine Bildbearbeitungssoftware Photoline kann das zwar, ist aber umst\u00e4ndlich, da die Frames manuell entfernt werden m\u00fcssen.<\/p>\n<p>Online habe ich den &#8222;<a href=\"http:\/\/www.online-image-editor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Online Image Editor<\/a>&#8220; gefunden. Kreativer Name, aber genau das was ich suchte. GIF hochladen und im Editor unter Wizards einfach die Funktion aufrufen, zack ist jeder zweite Frame entfernt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/04\/online_editor_1.png\" alt=\"\" width=\"722\" height=\"597\" class=\"aligncenter size-full wp-image-468\" srcset=\"\/wp-content\/uploads\/2019\/04\/online_editor_1.png 722w, \/wp-content\/uploads\/2019\/04\/online_editor_1-300x248.png 300w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/p>\n<p>Wer mehr sparen will, entfernt nochmal jeden zweiten Frame. Wer mag, kann dem GIF auch mit anderen Effekten, Bearbeitungsm\u00f6glichkeiten und Funktionen zu Leibe r\u00fccken. Die Anzahl der Farben zu reduzieren, kann auch noch etwas mehr Speicher herausquetschen.<\/p>\n<p>Am Ende l\u00e4dt man das fertige Bild herunter. Das Online-Tool ist kostenlos. Probleme gab es leider bei gr\u00f6\u00dferen Dateigr\u00f6\u00dfen, hier hatte ich ein paar Mal den Fall, dass der Upload nur eine wei\u00dfe Seite verursachte. Vermutlich trat hier ein Scriptfehler auf dem Server des Anbieters auf. Wenn das Tool mit der Datei klar kommt, funktioniert es jedoch sehr gut.<\/p>\n<p>Hier geht es zum Online-Tool<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Beispiel\"><\/span>Beispiel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Original_205_Kb\"><\/span>Original 205 Kb<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/04\/aufnahme_1.gif\" alt=\"\" width=\"386\" height=\"284\" class=\"aligncenter size-full wp-image-467\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Halbe_Framerate_92_Kb\"><\/span>Halbe Framerate 92 Kb<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/04\/aufnahme_2.gif\" alt=\"\" width=\"386\" height=\"284\" class=\"aligncenter size-full wp-image-469\" \/><\/p>\n<h3>Halbe Framerate + reduzierte Farben 61 Kb<\/3><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/04\/aufnahme_3.gif\" alt=\"\" width=\"386\" height=\"284\" class=\"aligncenter size-full wp-image-470\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Animierte GIFs geh\u00f6ren zu den ganz alten Dateiformaten und sie sind nicht tot zu bekommen. F\u00fcr kleinere Animationen ist es<\/p>\n","protected":false},"author":1,"featured_media":105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[8],"tags":[97,19,61,86],"class_list":["post-466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grafik","tag-gif","tag-grafik","tag-grafikbearbeitung","tag-online-tool"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=466"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/466\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/105"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}