ホームページ  >  記事  >  バックエンド開発  >  GIFアニメーションサムネイルを完全に実装するPHPコード_PHPチュートリアル

GIFアニメーションサムネイルを完全に実装するPHPコード_PHPチュートリアル

WBOY
WBOYオリジナル
2016-07-21 15:32:50963ブラウズ

下面通过一个取自CS警匪游戏的GIF动画来说明问题:

GIF动画图片:old.gif

GIF动画图片:old.gif

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

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

复制代码 代码如下:

$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动画各帧示意图

GIF动画各帧示意图

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

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

复制代码 代码如下:

$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如下:

 

new.gif

new.gif

詳細な問題があります。変換バージョンは php バージョンよりも小さくなります。これは、一貫性のない API 実装が原因です。

また、サムネイルのサイズが元の画像の比率と一致しない場合は、変形を避けるためにトリミングや塗りつぶしも考慮する必要があります。この記事では主に GIF アニメーションのサムネイルの特殊性について説明しますので、続行は省略します。これらの問題について話し合うことに興味があれば、ぜひ取り組んでください。

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/322716.html技術記事以下は、問題を説明するために、CS の警察とギャングのゲームから取られた GIF アニメーションです: GIF アニメーション画像: old.gif 問題をより明確にするために、最初にアニメーションの各フレームを復元します: 選択肢 1: Use I.. .
PHP
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。