我正在使用ImageResizer来调整图像大小并显示在引导程序布局上。 在这里,我修复图像大小,同时检索它们以显示URL中的大小。
问题是,由于不同屏幕尺寸的尺寸不同,图像质量会丢失,我无法调整检索到的图像以完全符合屏幕尺寸。
例如:对于14英寸显示器,如果图像尺寸为300 * 300,可提供完美品质的图像,如果在21英寸显示器中查看相同图像,则从图像分析器中检索到的300 * 300图像质量下降并变得模糊。
有人可以说什么是检索图像的最佳解决方案?
提前致谢。 普利文。
答案 0 :(得分:0)
Slimmage.js使用ImageResizer URL API提供自动分辨率和dpi切换功能。它可能是实现您正在寻找的最简单的方法,因为您只需安装它并在图像上设置CSS最大宽度。完成。
为什么这是一个问题(就像Amy在第一条评论中所说的那样):
由于高密度显示器,浏览器像素和屏幕像素不是1-1。因此,您需要使用像srcset,picture或Slimmage.js这样的图像交换技术。 srcset和图片要求polyfills在旧版浏览器上运行。