是否有Grunt任务将背景图像添加到文件夹中的所有图像？

Question

背景

我有一个网站的大量员工形象。每一个都是爆头，头部周围的区域是透明的：

在网站上，我为background-image申请了img。

<img class="employee" src="employee_x.jpg" />

.employee {
    background:url('employee_background.jpg') center center / cover;
}

最终看起来像：

这使我可以轻松地更改将来所有图像。问题是，后台首先下载，网站所有者抱怨在后台首次加载时看起来很假。

---

问题

我现在需要将所有这些组合起来并重新保存图像，同时保存背景和员工图像。我可以用Photoshop或Paint.net做到这一点，但是每个图像需要花费很多时间。

---

目标

我希望它使用employee_background.jpg和所有其他员工照片的文件夹，然后使用背景将所有这些照片重新保存到production文件夹中。

employees/john_smith.png
employees/sally_norton.png
employees/bill_miller.png
employees/employee_background.jpg

---->

employees/production/john_smith.png
employees/production/sally_norton.png
employees/production/bill_miller.png
employees/production/employee_background.jpg  

是否有可以为我做这个的Grunt任务？

Answer 1

答案

不幸的是，目前没有可以执行此操作的grunt插件。