我在这里找不到合适的问题所以我决定根据你的知识和经验问我自己的问题。什么是使网站准备好所有屏幕分辨率的更好的解决方案。 +媒体查询+多个图像集 +媒体查询+ jquery脚本来调整一组图像的大小(例如为屏幕宽度1600px准备的图像)
哪种解决方案更好?从一方面来看,我认为多个图像因为img质量更好,但它们会吸收大量的转移。
谢谢你!答案 0 :(得分:0)
已经处理了多个图像分辨率并不意味着您将使用大量传输,您将使用给定用户分辨率的最佳带宽量,而不会牺牲图像质量。
你应该这样做:
1)根据用户使用的设备类型,确定您需要的图像尺寸
2)创建一个脚本,在上传图像时将图像转换为所需的尺寸
3)创建一个适当的文件夹结构来存储每个图像大小,因此选择合适的图像将花费尽可能少的时间
4)避免内联图像调整大小,因为这真的浪费了带宽