用 gm 在动画 GIF 上覆盖文本非常慢答案

【问题标题】：Overlaying text on animated GIF with gm quite slow用 gm 在动画 GIF 上覆盖文本非常慢
【发布时间】：2016-09-17 00:12:05
【问题描述】：

我正在使用这段代码在 Node.js 中调用 gm 以覆盖动画 GIF 上的文本：

var gm = require('gm');

gm(infile)
    .stroke("#000000")
    .fill('#ffffff')
    .font("./impact.ttf", 42)
    .dither(false)
    .drawText(0, 0, text, 'South')
    .write(outfile, function (err) {
        if (!err) {
            console.log('Image processing done.');
        }
        else console.log(err);
});

它工作正常，但有点慢。我认为（或者至少我希望）我可以做得更好。

现在，那件事真的转化为（我在 gm 上窥探）：

$ convert /tmp/input.gif -stroke "#000000" -fill "#ffffff" \
          -pointsize 42 -font ./impact.ttf \
          -draw "gravity south text 0,0 SOME TEXT" \
          -dither None output.gif

这需要大约 30 秒来处理。

我尝试了一些方法：

添加 -colors 128 会减少大约 7 秒（但如果原始 .gif 是 256 色，则会丢失一些质量）。
-coalesce 在 30 秒的基础上再增加 20 秒，不行。

文本覆盖在每一帧上，这是最终产品（不是我正在测试的 .gif - 只是一个示例）：

问题 #1

除了投入更多计算之外，我还能做些什么来加快速度？我愿意降低图像质量.. 但你知道.. 明智的。

问题 #2

我将如何在我的前端获得一些进度指示器？我可以收听一个大致了解剩余数据/时间的事件吗？一个例子会很棒。

由于我所做的只是更改输入 GIF 底部的几个像素，因此输入 GIF 与生成的 GIF 的实时文件大小是剩余时间的一个很好的指标，但想知道是否有更好的接近。

编辑：

这是我正在测试的 GIF：
https://m.popkey.co/bca7ab/ygQJw.gif

$ identify -version
Version: ImageMagick 6.8.9-9 Q16 i686 2016-06-01 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2014 ImageMagick Studio LLC
Features: DPC Modules OpenMP
Delegates: bzlib cairo djvu fftw fontconfig freetype jbig jng jpeg lcms
           lqr ltdl lzma openexr pangocairo png rsvg tiff wmf x xml zlib

【问题讨论】：

嗯，这很奇怪 - 在我的 iMac 上需要 0.3 秒。你有没有机会启用 OpenCL - 试试identify -version
我在 AWS 的一个小实例上运行。我没有 OpenCL ..或 GPU。
哦，更重要的是，我正在使用 10MB 的 gif 进行测试。不是上面那个。
尝试运行 identify -list resource 并查看 ImageMagick 有多少内存可用。如果偏低，您可以使用 convert -limit memory 512MiB ... usual stuff ... 增加 ImageMagick 可用的 RAM 您还可以使用 convert -debug cache .... usual stuff ... 调试分页到磁盘您还可以使用 convert -debug all ... 来了解进度。

标签： node.js imagemagick animated-gif gm

【解决方案1】：

我看到您正在运行具有 16 位量化的 Q16 版本，如果您对 128 色 GIF 感到满意，那可能有点过头了。

通过从 16 位版本更改为 8 位版本，我的桌面 iMac 上的时间减少了 50%（尽管从 6 秒到 3 秒）。要获得 8 位版本，您需要使用以下命令进行重建：

./configure --with-quantum-depth=8 ... your usual options...

这不仅可以加快速度，还可以减轻“内存压力”，因此它还可以通过最小化分页来帮助您的应用程序。

您也可以尝试添加 --enable-zero-configuration 以防止 ImageMagick 在启动时读取大量 XML 配置文件。

有些东西在没有 OpenMP 的情况下运行得更快，所以你也可以考虑在运行 ./configure 时禁用它。

另请参阅我对资源的评论：

identify -list resource

可能会增加 ImageMagick 的可用内存：

convert -limit memory 512MiB ....

关于后续进度，您可以像这样使用-monitor：

convert -monitor anim.gif -stroke "#000000" -fill "#ffffff" -pointsize 42 -draw "gravity south text 0,0 'SOME TEXT'" -dither None output.gif

样本输出

load image[anim.gif]: 1 of 2, 100% complete
load image[anim.gif]: 2 of 3, 100% complete
load image[anim.gif]: 3 of 4, 100% complete
load image[anim.gif]: 4 of 5, 100% complete
load image[anim.gif]: 5 of 6, 100% complete
load image[anim.gif]: 6 of 7, 100% complete
load image[anim.gif]: 7 of 8, 100% complete
load image[anim.gif]: 8 of 9, 100% complete
load image[anim.gif]: 9 of 10, 100% complete
load image[anim.gif]: 10 of 11, 100% complete
load image[anim.gif]: 11 of 12, 100% complete
load image[anim.gif]: 12 of 13, 100% complete
load image[anim.gif]: 13 of 14, 100% complete
load image[anim.gif]: 14 of 15, 100% complete
load image[anim.gif]: 15 of 16, 100% complete
load image[anim.gif]: 16 of 17, 100% complete
load image[anim.gif]: 17 of 18, 100% complete
load image[anim.gif]: 18 of 19, 100% complete
load image[anim.gif]: 19 of 20, 100% complete
load image[anim.gif]: 20 of 21, 100% complete
load image[anim.gif]: 21 of 22, 100% complete
load image[anim.gif]: 22 of 23, 100% complete
load image[anim.gif]: 23 of 24, 100% complete
load image[anim.gif]: 24 of 25, 100% complete
load image[anim.gif]: 25 of 26, 100% complete
load image[anim.gif]: 26 of 27, 100% complete
load image[anim.gif]: 27 of 28, 100% complete
load image[anim.gif]: 28 of 29, 100% complete
load image[anim.gif]: 29 of 30, 100% complete
load image[anim.gif]: 30 of 31, 100% complete
load image[anim.gif]: 31 of 32, 100% complete
load image[anim.gif]: 32 of 33, 100% complete
load image[anim.gif]: 33 of 34, 100% complete
load image[anim.gif]: 34 of 35, 100% complete
load image[anim.gif]: 35 of 36, 100% complete
load image[anim.gif]: 36 of 37, 100% complete
load image[anim.gif]: 37 of 38, 100% complete
load image[anim.gif]: 38 of 39, 100% complete
load image[anim.gif]: 39 of 40, 100% complete
load image[anim.gif]: 40 of 41, 100% complete
load image[anim.gif]: 41 of 42, 100% complete
load image[anim.gif]: 42 of 43, 100% complete
load image[anim.gif]: 43 of 44, 100% complete
load image[anim.gif]: 44 of 45, 100% complete
load image[anim.gif]: 45 of 46, 100% complete
load image[anim.gif]: 46 of 47, 100% complete
load image[anim.gif]: 47 of 48, 100% complete
load image[anim.gif]: 48 of 49, 100% complete
load image[anim.gif]: 49 of 50, 100% complete
load image[anim.gif]: 50 of 51, 100% complete
load image[anim.gif]: 51 of 52, 100% complete
load image[anim.gif]: 52 of 53, 100% complete
load image[anim.gif]: 53 of 54, 100% complete
load image[anim.gif]: 54 of 55, 100% complete
load image[anim.gif]: 55 of 56, 100% complete
load image[anim.gif]: 56 of 57, 100% complete
load image[anim.gif]: 57 of 58, 100% complete
load image[anim.gif]: 58 of 59, 100% complete
load image[anim.gif]: 59 of 60, 100% complete
load image[anim.gif]: 60 of 61, 100% complete
load image[anim.gif]: 61 of 62, 100% complete
load image[anim.gif]: 62 of 63, 100% complete
load image[anim.gif]: 63 of 64, 100% complete
load image[anim.gif]: 64 of 65, 100% complete
load image[anim.gif]: 65 of 66, 100% complete
load image[anim.gif]: 66 of 67, 100% complete
load image[anim.gif]: 67 of 68, 100% complete
load image[anim.gif]: 68 of 69, 100% complete
load image[anim.gif]: 69 of 70, 100% complete
load image[anim.gif]: 70 of 71, 100% complete
load image[anim.gif]: 71 of 72, 100% complete
load image[anim.gif]: 72 of 73, 100% complete
load image[anim.gif]: 73 of 74, 100% complete
load image[anim.gif]: 74 of 75, 100% complete
load image[anim.gif]: 75 of 76, 100% complete
load image[anim.gif]: 76 of 77, 100% complete
load image[anim.gif]: 77 of 78, 100% complete
load image[anim.gif]: 78 of 79, 100% complete
load image[anim.gif]: 79 of 80, 100% complete
load image[anim.gif]: 80 of 81, 100% complete
load image[anim.gif]: 81 of 82, 100% complete
load image[anim.gif]: 82 of 83, 100% complete
load image[anim.gif]: 83 of 84, 100% complete
load image[anim.gif]: 84 of 85, 100% complete
load image[anim.gif]: 85 of 86, 100% complete
load image[anim.gif]: 86 of 87, 100% complete
load image[anim.gif]: 87 of 88, 100% complete
load image[anim.gif]: 88 of 89, 100% complete
load image[anim.gif]: 89 of 90, 100% complete
load image[anim.gif]: 90 of 91, 100% complete
load image[anim.gif]: 91 of 92, 100% complete
load image[anim.gif]: 92 of 93, 100% complete
load image[anim.gif]: 93 of 94, 100% complete
load image[anim.gif]: 94 of 95, 100% complete
load image[anim.gif]: 95 of 96, 100% complete
load image[anim.gif]: 96 of 97, 100% complete
load image[anim.gif]: 97 of 98, 100% complete
load image[anim.gif]: 98 of 99, 100% complete
load image[anim.gif]: 99 of 100, 100% complete
load image[anim.gif]: 100 of 101, 100% complete
load image[anim.gif]: 101 of 102, 100% complete
load image[anim.gif]: 102 of 103, 100% complete
load image[anim.gif]: 103 of 104, 100% complete
load image[anim.gif]: 104 of 105, 100% complete
load image[anim.gif]: 105 of 106, 100% complete
mogrify image[anim.gif]: 106 of 107, 100% complete
classify image colors[output.gif]: 313 of 314, 100% complete
assign image colors[output.gif]: 313 of 314, 100% complete
classify image colors[output.gif]: 313 of 314, 100% complete
...
...

【讨论】：

这可能是有史以来最糟糕的进度指标，但这不是你的错。赏金来了！感谢您的努力和记录您的答案！