2

正如标题所说,有没有办法做到这一点gulp?我需要多个图像包含在多个pictureimg srcset属性中。这将仅适用于现场资产(意味着,不是用户上传的图片)。

我想创建 2 个其他图像,一个用于平板电脑,一个用于移动设备,使用gulp-copy,但可能不推荐。我假设移动显示将在 320px-500px(宽度)和平板电脑的 500-1000px(宽度)之间。

我的策略是首先优化图像,将该图像作为主图像,然后生成另外 2 个图像,所以我总是假设我的源图像将用于桌面(显示宽度 > 1000 像素)。<--如果有一项任务我可以传递参数以假设它是其他显示器,那就更好了

我的另一个挑战是height图像,我没有每个显示器的标准(而且很难制定)。因此,如果我假设 100 像素 x 800 像素的图像是桌面图像,我不知道如何为移动设备和平板电脑计算它。

有没有人曾经这样做过?在 gulp 中调整图像分辨率?

已解决:与gulp-responsive-images

4

1 回答 1

3

似乎有几个 gulp 任务能够做到这一点。

你为什么不看看这些:

https://www.npmjs.com/package/gulp-responsive

https://www.npmjs.com/package/gulp-responsive-images

于 2015-11-30T09:57:19.100 回答