使用图像集或动态图像调整大小？答案

【问题标题】：using image sets or dynamic image resize?使用图像集或动态图像调整大小？
【发布时间】：2012-12-23 10:43:35
【问题描述】：

我在这里找不到合适的问题，所以我决定根据您的知识和经验提出自己的问题。什么是使网站准备好所有屏幕分辨率的更好解决方案。 + 媒体查询 + 多个图像集 + 媒体查询 + jquery 脚本来调整一组图像的大小（例如为屏幕宽度 1600 像素准备的图像）

哪种解决方案更好？从一方面来说，我认为多张图像更好，因为 img 质量，但它们会吸收大量传输..

谢谢你！

【问题讨论】：

【解决方案1】：

已经处理了多个图像分辨率并不意味着您将使用大量传输，您将使用给定用户使用的分辨率的最佳带宽量，而不会牺牲图像质量。

你应该这样做：

1) 根据您的用户使用的设备类型确定您需要的图片尺寸

2) 创建一个脚本，在您上传图片时将其转换为所需的尺寸

3) 创建合适的文件夹结构来存储每个图像大小，因此选择合适的图像将花费尽可能少的时间

4) 避免内联图像调整大小，因为这确实会浪费带宽

【讨论】：