ImageResizer如何根据屏幕大小动态更改图像分辨率

时间:2016-01-25 18:19:17

标签: angularjs twitter-bootstrap imageresizer

我正在使用ImageResizer来调整图像大小并显示在引导程序布局上。 在这里,我修复图像大小,同时检索它们以显示URL中的大小。

问题是,由于不同屏幕尺寸的尺寸不同,图像质量会丢失,我无法调整检索到的图像以完全符合屏幕尺寸。

例如:对于14英寸显示器,如果图像尺寸为300 * 300,可提供完美品质的图像,如果在21英寸显示器中查看相同图像,则从图像分析器中检索到的300 * 300图像质量下降并变得模糊。

有人可以说什么是检索图像的最佳解决方案?

提前致谢。 普利文。

1 个答案:

答案 0 :(得分:0)

Slimmage.js使用ImageResizer URL API提供自动分辨率和dpi切换功能。它可能是实现您正在寻找的最简单的方法,因为您只需安装它并在图像上设置CSS最大宽度。完成。

为什么这是一个问题(就像Amy在第一条评论中所说的那样):

由于高密度显示器,浏览器像素和屏幕像素不是1-1。因此,您需要使用像srcset,picture或Slimmage.js这样的图像交换技术。 srcset和图片要求polyfills在旧版浏览器上运行。