为什么 1080p 和 4k 同样是 28 寸的显示器，显示网页图片效果不一样？

[kisshere]

手上两个同样的 28 寸显示器，一个 1080p，一个 4k，4k 显示器缩放级别 200%，系统都是 Win10 。按理说，后者相当于把前者的 1 个像素切割成了 4 个小像素，这样在显示文字或者矢量 SVG 时可以更加细腻，而在显示 JPG 等位图时，后者就将 4 个像素合并成 1 个像素显示，比如前者的某个像素 rgb 是#ff00ff，那么 4k 显示器对应的那 4 个像素都该是#ff00ff，也就是说前者显示一张 JPG 效果”锐利”，显示文字”锐利”，那么后者应该是显示一张 JPG 效果”锐利”，显示文字”非常平滑锐利”，然而实际在网页中对于一张 JPG 图片（该图片 HTML 没有设置 srcset 的 2x,3x,4x ），4k 显示效果却比 1080p 模糊很多，这是怎么回事？

另外

1. 这个在 14 寸的 4k 笔记本上是不是就看不出差别了？

2. Chrome 高分屏缩放图片是哪种算法？可以更改吗？

[tutustream]

缩放 200 是 2k 啊，许多软件对于 2k 的适配不好，所以模糊，看图片用 jpegview 吧。

同样用 4k 屏幕加 200%的路过

[PepperEgg]

应该是高分适配原因

[luhe]

@tutustream 神特么 2K，是 1080 啦

[msaionyc]

@tutustream
1.1080p
2.网页的图片，不是本地图片文件

[tutustream]

@luhe #3 晕了 那我是 150，记错了

[swulling]

如果本地图片浏览器没问题而网页图片有问题，那么问题一定不在显示器上，要么在系统上，要么在浏览器上

我倾向于操作系统，因为 Mac 没有观察到类似现象

[geekvcn]

缩放算法并不是整数缩放，双线性缩放的缺陷就是会导致模糊

[lujjjh]

“ 而在显示 JPG 等位图时，后者就将 4 个像素合并成 1 个像素显示，比如前者的某个像素 rgb 是#ff00ff，那么 4k 显示器对应的那 4 个像素都该是#ff00ff”

并不是的，这种插值算法会带来一堆马赛克。

[geekvcn]

未来的趋势应该是整数缩放+AI 超采样结合

[chendy]

win，1080p，4k 都有，4k 开 200%任何地方都比 1080p 细腻…可能是楼主软件问题？

[vision1900]

微软是直接给了个可调的数值，苹果是给了 3 个选项：Larger Text, Default, More Space
从 15 年到现在用过 2 台 Macbook，都是 13 英寸的 2K 屏，没有遇上图片糊掉的问题。如果楼主用的是桌面显示器，那我的 PPI 应该比你还高

[ouqihang]

显示图片肯定不是 4 个像素变成 1 个显示，那个缩放只是系统大小。按你的说法，是 4K 屏幕调 1080 显示。其实是 4K 屏幕让你看到更多瑕疵。

[flynaj]

4096×2160 更 1920x1080 不是正好 4 倍

[JerryCha]

1. 一般不会用简单的像素合并做插值算法
2. 你的眼睛没你想的这么菜，4K 就是比 Full HD 对输入图像的要求要高

[msaionyc]

@flynaj 3840*2160

[Semidio]

只有整数和最近邻缩放才不会产生额外的模糊，其他的缩放算法或多或少都会带来额外的模糊

[AlphaTr]

Chrome 默认应该采用的双线性来缩放的，可以修改；

第二个问题，通过 Stylus 类似的插件控制 CSS image-rendering 属性来修改，https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

[deorth]

在显卡控制面板里开启整数缩放，然后把 4k 显示器调到 1080p

[Semidio]

https://tanalin.com/en/projects/smart-upscale/
浏览器整数缩放插件