Gulp: 一张图片自动生成多张图片进行多屏显示？
Gulp: Produce several images from one image for multiple display automatically?
正如标题所说，在 gulp 中有没有办法做到这一点？我需要将多个图像包含在多个 picture 或 img srcset 属性中。这仅适用于资产 on-the-site（也就是说，不是用户上传的图片）。
我想创建另外 2 张图片，一张用于平板电脑，一张用于手机，使用 gulp-copy，但可能不推荐。我假设平板电脑的移动显示屏在 320px-500px（宽度）和 500-1000px（宽度）之间。
我的策略是先优化图像，将该图像作为主图像，然后生成 2 个其他图像，所以我总是假设我的源图像将用于桌面（显示宽度> 1000 像素）。 <-- 如果有一项任务我可以传递参数以假设它是其他显示器，那就更好了
我的另一个挑战是图像的 height，我没有针对每个显示器的标准（而且很难制定标准）。因此，如果我假设 100px x 800px 图像是 desktop 图像，我不知道如何为移动设备和平板电脑计算它。
有没有人曾经这样做过？在 gulp?
中调整图像分辨率
已解决：gulp-responsive-images
似乎有几个 gulp 任务可以做到这一点。
你为什么不看看这些：
正如标题所说，在 gulp 中有没有办法做到这一点？我需要将多个图像包含在多个 picture 或 img srcset 属性中。这仅适用于资产 on-the-site（也就是说，不是用户上传的图片）。
我想创建另外 2 张图片，一张用于平板电脑，一张用于手机，使用 gulp-copy，但可能不推荐。我假设平板电脑的移动显示屏在 320px-500px（宽度）和 500-1000px（宽度）之间。
我的策略是先优化图像，将该图像作为主图像，然后生成 2 个其他图像，所以我总是假设我的源图像将用于桌面（显示宽度> 1000 像素）。 <-- 如果有一项任务我可以传递参数以假设它是其他显示器，那就更好了
我的另一个挑战是图像的 height，我没有针对每个显示器的标准（而且很难制定标准）。因此，如果我假设 100px x 800px 图像是 desktop 图像，我不知道如何为移动设备和平板电脑计算它。
有没有人曾经这样做过？在 gulp?
中调整图像分辨率已解决：gulp-responsive-images
似乎有几个 gulp 任务可以做到这一点。
你为什么不看看这些：