响应式图像处理能够根据屏幕大小选择相同或不同分辨率的不同图像文件。浏览器应该只下载需要的文件,从而提高加载速度和优化带宽使用。

断点:我们有三个断点:桌面、平板和手机。根据视口的大小选择断点:

  • 电话:0 - 480

  • 平板:481 - 768

  • 桌面:769及以上


var imageLoader = new ResponsiveImageLoader({

  imageServer: \"Cloudinary\",  // 默认使用Scene7

  breakpoints: new Breakpoints({

    \"tablet\": { min: 481, max: 768 },

    \"desktop\": { min: 769 }

  })

});