正如标题所说,有没有办法做到这一点gulp
?我需要多个图像包含在多个picture
或img srcset
属性中。这将仅适用于现场资产(意味着,不是用户上传的图片)。
我想创建 2 个其他图像,一个用于平板电脑,一个用于移动设备,使用gulp-copy
,但可能不推荐。我假设移动显示将在 320px-500px(宽度)和平板电脑的 500-1000px(宽度)之间。
我的策略是首先优化图像,将该图像作为主图像,然后生成另外 2 个图像,所以我总是假设我的源图像将用于桌面(显示宽度 > 1000 像素)。<--如果有一项任务我可以传递参数以假设它是其他显示器,那就更好了
我的另一个挑战是height
图像,我没有每个显示器的标准(而且很难制定)。因此,如果我假设 100 像素 x 800 像素的图像是桌面图像,我不知道如何为移动设备和平板电脑计算它。
有没有人曾经这样做过?在 gulp 中调整图像分辨率?
已解决:与gulp-responsive-images