下面通過一個取自CS警匪游戲的GIF動畫來說明問題:
為了讓問題更加清晰,我們先還原動畫各幀:
選擇一:用PHP中的Imagick模塊:
復制代碼 代碼如下:
<?php
$image = new Imagick('old.gif');
$i = 0;
foreach ($image as $frame) {
$frame->writeImage('old_' . $i++ . '.gif');
}
?>
選擇二:用ImageMagick提供的convert命令:
復制代碼 代碼如下:
shell> convert old.gif old_%d.gif
結果得到GIF動畫各幀示意圖如下所示:
可以明顯的看到,GIF動畫為了壓縮,會以第一幀為模板,其余各幀按照適當的偏移量依次累加,並只保留不同的像素,結果是導致各幀尺寸不盡相同,為縮略圖造成障礙。
下面看看如何用PHP中的Imagick模塊來完美實現GIF動畫縮略圖:
復制代碼 代碼如下:
<?php
$image = new Imagick('old.gif');
$image = $image->coalesceImages();
foreach ($image as $frame) {
$frame->thumbnailImage(50, 50);
}
$image = $image->optimizeImageLayers();
$image->writeImages('new.gif', true);
?>
代碼裡最關鍵的是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動畫縮略圖:
復制代碼 代碼如下:
shell> convert old.gif -coalesce -thumbnail 50x50 -layers optimize new.gif
生成的new.gif如下:
有個細節問題:convert版本會比php版本小一些,這是API實現不一致所致。
另外,如果縮略圖尺寸不符合原圖比例,為了避免變形,還要考慮裁剪或者是補白,由於本文主要討論GIF動畫縮略圖的特殊性,就不再繼續討論這些問題了,有興趣的自己搞定吧。