快速业务通道

完美实现GIF动画缩略图

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-23

  缩略图是个很常用的功能。它的实现并不复杂,但如果原图是GIF动画的话,问题就会变得繁琐一点,下面通过一个取自CS警匪游戏的GIF动画来说明问题:

  

old.gif

 

  old.gif

  为了让问题更加清晰,我们先还原动画各帧:

  选择一:用PHP中的Imagick模块:

  1. <?php  
  2.  
  3. $image = new Imagick(''old.gif'');  
  4.  
  5. $i = 0;  
  6.  
  7. foreach ($image as $frame) {  
  8.     $frame->writeImage(''old_'' . $i++ . ''.gif'');  
  9. }  
  10.  
  11. ?> 

  选择二:用ImageMagick提供的convert命令:

  1. shell> convert old.gif old_%d.gif 

  结果得到GIF动画各帧示意图如下所示:

  

GIF动画各帧示意图

 

  GIF动画各帧示意图

  可以明显的看到,GIF动画为了压缩,会以第一帧为模板,其余各帧按照适当的偏移量依次累加,并只保留不同的像素,结果是导致各帧尺寸不尽相同,为缩略图造成障碍。

  下面看看如何用PHP中的Imagick模块来完美实现GIF动画缩略图:

  1. <?php  
  2.  
  3. $image = new Imagick(''old.gif'');  
  4.  
  5. $image = $image->coalesceImages();  
  6.  
  7. foreach ($image as $frame) {  
  8.     $frame->thumbnailImage(50, 50);  
  9. }  
  10.  
  11. $image = $image->optimizeImageLayers();  
  12.  
  13. $image->writeImages(''new.gif'', true);  
  14.  
  15. ?> 

  代码里最关键的是coalesceimages方法,它确保各帧尺寸一致,用手册里的话来说就是:

  Composites a set of images while respecting any page offsets and disposal methods. GIF, MIFF, and MNG animation sequences typically start with an image background and each subsequent image varies in size and offset. Returns a new Imagick object where each image in the sequence is the same size as the first and composited with the next image in the sequence.

  同时要注意optimizeImageLayers方法,它删除重复像素内容,用手册里的话来说就是:

  Compares each image the GIF disposed forms of the previous image in the sequence. From this it attempts to select the smallest cropped image to replace each frame, while preserving the results of the animation.

  BTW:如果要求更完美一点,可以使用quantizeImages方法进一步压缩。

  注意:不管是coalesceimages,还是optimizeImageLayers,都是返回新的Imagick对象!

  如果你更习惯操作shell的话,那么可以这样实现GIF动画缩略图:

  1. shell> convert old.gif -coalesce -thumbnail 50x50 -layers optimize new.gif 

  有个细节问题:convert版本会比php版本小一些,这是API实现不一致所致。

  另外,如果缩略图尺寸不符合原图比例,为了避免变形,还要考虑裁剪或者是补白,由于本文主要讨论GIF动画缩略图的特殊性,就不再继续讨论这些问题了,有兴趣的自己搞定吧。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号