horst Posted November 24, 2014 Share Posted November 24, 2014 (edited) Image Animated GIF v 2.0.2 Module for PW 2.5 stable or newer, but is obsolete for PW Versions greater then 3.0.89 (... read more ...) This module helps with resizing and cropping of animated GIFs when using the GD-Library. The GD-Library does not support this. This module is completely based upon the fantastic work of László Zsidi (http://www.gifs.hu/, builts the initial classes) xurei (https://github.com/xurei/GIFDecoder_optimized, enhanced the classes) I have ported it to a PW module and it works with core imagefields, together with Pia and with CropImagefields that uses the new naming scheme since PW 2.5. ------------------------------------------------------------------------------------------------------------------------------------------ read more in this post about the rewrite from version 1.0.0 to version 2.0.0 ------------------------------------------------------------------------------------------------------------------------------------------ You can find it in the modules directory: https://modules.processwire.com/modules/image-animated-gif/ and on Github: https://github.com/horst-n/ImageAnimatedGif ------ A preview can be found here Edited January 31, 2018 by horst updated info for version 2.0.2 22 Link to comment Share on other sites More sharing options...
teppo Posted December 11, 2014 Share Posted December 11, 2014 So, if you feel a bit retro one day and want to upload some animated GIFs to a PW site, first download and install this module. Was just reminded of this module as I stumbled upon the Wild Beasts x Mattis Dovier GIF-novel. Also read an interview where the artist (at least I think it was him..) declared that GIF is making a come-back, or something. Can't really disagree after seeing the GIF-novel 2 Link to comment Share on other sites More sharing options...
DaveP Posted December 12, 2014 Share Posted December 12, 2014 @teppo, I've got to agree that animated gifs may be making a comeback. We wanted an (intentionally cheesy) animated banner for a site of ours and decided not to use Flash due to lack of support on mobile, so we went with a gif. (When our designer finishes it...) Now to see whether they can be made responsive... 1 Link to comment Share on other sites More sharing options...
Oliver Posted December 17, 2014 Share Posted December 17, 2014 Awesome, horst. I want this in PW core! Dealing with the issue of resizing animated gifs was each time a pain in the ass. Actually I have a project coming up with an image grid that contains several animated gifs. So I will definitely give it a try. 1 Link to comment Share on other sites More sharing options...
julian-schaefer Posted April 13, 2015 Share Posted April 13, 2015 Hey there, would be great if you could provide the php code for the above mentioned example, so I can see how the usage works. When i try to resize an animated Gif with this module I got something like this: http://wp11019870.server-he.de/cms/site/assets/files/1177/test4.320x0.gif Any ideas? Best, Julian Link to comment Share on other sites More sharing options...
horst Posted April 13, 2015 Author Share Posted April 13, 2015 (edited) There is no special php code. The module, once it is installed, hooks into PWs core Pageimage / ImageSizer and automatically should detect and handle animated GIFs. It should work with the normal API calls, like $image->width(320). So, your example variation looks a bit weird. Can you give some more infos about PW Version, PHP Version, other image related installed modules, please? Edited April 13, 2015 by horst Link to comment Share on other sites More sharing options...
horst Posted April 13, 2015 Author Share Posted April 13, 2015 (edited) Hi, I have figured out that the LIBs I have ported to a PW module somehow interprets your background color as a transparent color index, OR as not changed imageparts that could be removed from the next slide(s). So, as it is definetly wrong, I'm not able to support the original LIBs. Maybe you can try to contact the original author? If not, I will put this on my ToDo. For now I only can tell you a not very conveniant workaround. I have found out that, if the backgrounds of the slides have some noise, it works as expected. But it increases the final filesize significantly (400%)! BTW: welcome to PW Edited April 15, 2015 by horst Link to comment Share on other sites More sharing options...
julian-schaefer Posted April 13, 2015 Share Posted April 13, 2015 I am using PW 2.5.3 with PHP Version 5.3.29 and I'm handling it just how you explained it: $image->width(320) I just tried the same with your example gif and it works fine. Obviously there is something wrong with my files. These are images with pretty high resolution. Are there any limitations due to this? Here are two example gifs in original dimensions. http://wp11019870.server-he.de/cms/site/assets/files/1097/animation2.gif http://wp11019870.server-he.de/cms/site/assets/files/1164/kjosk_heuteineinemtag_06-1.gif Thanks! Link to comment Share on other sites More sharing options...
horst Posted April 13, 2015 Author Share Posted April 13, 2015 Have you read my second post, just above your last? It doesn't depend on your images, it depends on the original LIBs that I have ported to PW. I will try to research a bit about that, but have not much time at the moment. Link to comment Share on other sites More sharing options...
julian-schaefer Posted April 13, 2015 Share Posted April 13, 2015 Jep. I got it. Thanks for helping me at this point. I'll try to contact the original author but I appreciate it a lot if you'll try to do further research. Thanks. Link to comment Share on other sites More sharing options...
horst Posted April 13, 2015 Author Share Posted April 13, 2015 I have found the original developer, but he isn't able to maintain / support his LIBs atm. I also have found one Lib here that has a new method that can help in this regard. But unfortunately I do not know how to stuff all resized frames together without black areas or other artefacts. However, the positioning thing I already could solve. Link to comment Share on other sites More sharing options...
julian-schaefer Posted April 14, 2015 Share Posted April 14, 2015 cool! Sounds great. Thanks a lot! Link to comment Share on other sites More sharing options...
horst Posted April 15, 2015 Author Share Posted April 15, 2015 I have pushed a dev version to github. It does not support any form of cropping! but it does support size(), width(), height() and Pias contain() & cover(). 1 Link to comment Share on other sites More sharing options...
horst Posted April 15, 2015 Author Share Posted April 15, 2015 (edited) UPDATE: Now the dev branch also supports centered crop! Only thing missing is cropping with tools like Thumbnails etc (cropExtra) and other API crop calls then centered are currently not tested. Edited April 22, 2015 by horst removed link to none existent dev branch 2 Link to comment Share on other sites More sharing options...
julian-schaefer Posted April 15, 2015 Share Posted April 15, 2015 Hey. Super cool. Thank you very much. It works perfekt for me. I do not need cropping right now, so I am totally fine with it. This support here makes PW even better. Great Work! Link to comment Share on other sites More sharing options...
horst Posted April 15, 2015 Author Share Posted April 15, 2015 Nice to hear that it works perfect for you, but, ähm, a) I haven't built it just for your current case, b) we need to have support for cropping, definetly, c) but I have pushed the intermediate work to that dev branch to support you with your current case! Link to comment Share on other sites More sharing options...
julian-schaefer Posted April 16, 2015 Share Posted April 16, 2015 sure, thanks. Link to comment Share on other sites More sharing options...
horst Posted April 16, 2015 Author Share Posted April 16, 2015 (edited) There is currently a dev branch available where I started a complete rewrite of the Module. This is needed because the 1.0.0 Version only handles animated GIFs with photos right, but fails with some sort of graphics: After a short and successful research (5 minutes in a support forum thread of László Zsidis GIFdecoder class) I found an enhanced class of GIFdecoder.With it, I was able to position the frames correct, but has many trouble with background colors and transparency (example). More can be read here at Github, where I asked xurei, the author of the GIFDecoder_optimized class for help. And with an upload of the corresponding GIFEncoder_optimized class, I was able to submit the manipulated frames with respect for transparency, what the old encoder couldn't handle. Sometimes you get lucky! So, a big big thanks to xurei from all future PW users that need support for animated GIFs with GD-lib. The results of the current dev branch, version 1.0.2 looks much better now: Only thing currently missing is cropping with tools like Thumbnails etc (cropExtra). This is on the ToDo. Edited April 22, 2015 by horst removed link to none existent dev branch 5 Link to comment Share on other sites More sharing options...
horst Posted April 18, 2015 Author Share Posted April 18, 2015 The module is now fully functional again and its version number is set to 2.0.0, because it was a full rewrite. Finally it supports all sorts of crops again: cropExtra what is needed by CroppingTools north - south west | east And by x/y params and centered of course too. I updated the first post here in the thread, where yo can find the links to Github and the modules directory. 5 Link to comment Share on other sites More sharing options...
a-ok Posted April 22, 2015 Share Posted April 22, 2015 I am using this module but my GIF is coming up with severe quality loss... any ideas? Link to comment Share on other sites More sharing options...
horst Posted April 22, 2015 Author Share Posted April 22, 2015 I am using this module but my GIF is coming up with severe quality loss... any ideas? Unfortunately no. Because I do not have a glass ball Link to comment Share on other sites More sharing options...
a-ok Posted April 22, 2015 Share Posted April 22, 2015 Unfortunately no. Because I do not have a glass ball I wasn't sure if this was a default quality setting on the module, that was all! Link to comment Share on other sites More sharing options...
horst Posted April 22, 2015 Author Share Posted April 22, 2015 I wasn't sure if this was a default quality setting on the module, that was all! Aha, but in your first post you was talking about "severe quality loss" of images, without showing an example. What have you expected as (serious) answer? (please keep in mind that I know that GIF does not have an option for quality setting. There is no chance for me to think of something in regard to quality-setting.) ------ GIF does not have any quality- setting / option by design of the image format. PNG also does not have this. PNG has an option for compression, but this does not affect the visual quality. JPEG is the only image format that has a setting for visual quality. ------ So, when ever talking about visual and also (by its nature) individually different interpreted aspects of images, it is best to show an example. Link to comment Share on other sites More sharing options...
horst Posted February 7, 2016 Author Share Posted February 7, 2016 Tested: ImageAnimatedGif works well with PW 3.0+. 6 Link to comment Share on other sites More sharing options...
diogo Posted August 19, 2016 Share Posted August 19, 2016 @horst you saved my day with this module 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now