为什么 1080p 和 4k 同样是 28 寸的显示器，显示网页图片效果不一样？
kisshere · 2020-09-08 08:42:56 +08:00 via Android · 5253 次点击这是一个创建于 1570 天前的主题，其中的信息可能已经有所发展或是发生改变。
手上两个同样的 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 模糊很多，这是怎么回事？
另外
-
这个在 14 寸的 4k 笔记本上是不是就看不出差别了？
-
Chrome 高分屏缩放图片是哪种算法？可以更改吗？
 |
1
tutustream 2020-09-08 08:54:51 +08:00
缩放 200 是 2k 啊，许多软件对于 2k 的适配不好，所以模糊，看图片用 jpegview 吧。
同样用 4k 屏幕加 200%的路过 |
 |
2
PepperEgg 2020-09-08 09:04:21 +08:00
应该是高分适配原因
|
 |
3
luhe 2020-09-08 09:05:11 +08:00  3
@tutustream 神特么 2K，是 1080 啦
|
 |
4
msaionyc 2020-09-08 09:08:11 +08:00 via Android
|
|
5
tutustream 2020-09-08 09:08:46 +08:00
@luhe #3 晕了 那我是 150，记错了
|
 |
6
swulling 2020-09-08 09:11:38 +08:00 via iPhone
如果本地图片浏览器没问题而网页图片有问题，那么问题一定不在显示器上，要么在系统上，要么在浏览器上
我倾向于操作系统，因为 Mac 没有观察到类似现象 |
 |
7
geekvcn 2020-09-08 09:21:51 +08:00 via iPhone 4
缩放算法并不是整数缩放，双线性缩放的缺陷就是会导致模糊
|
 |
8
lujjjh 2020-09-08 09:22:06 +08:00 via iPhone
“ 而在显示 JPG 等位图时，后者就将 4 个像素合并成 1 个像素显示，比如前者的某个像素 rgb 是#ff00ff，那么 4k 显示器对应的那 4 个像素都该是#ff00ff”
并不是的，这种插值算法会带来一堆马赛克。 |
|
9
geekvcn 2020-09-08 09:23:20 +08:00 via iPhone
未来的趋势应该是整数缩放+AI 超采样结合
|
 |
10
chendy 2020-09-08 09:27:46 +08:00
win，1080p，4k 都有，4k 开 200%任何地方都比 1080p 细腻…可能是楼主软件问题？
|
 |
11
vision1900 2020-09-08 09:44:53 +08:00
微软是直接给了个可调的数值，苹果是给了 3 个选项：Larger Text, Default, More Space
从 15 年到现在用过 2 台 Macbook，都是 13 英寸的 2K 屏，没有遇上图片糊掉的问题。如果楼主用的是桌面显示器，那我的 PPI 应该比你还高 |
 |
12
ouqihang 2020-09-08 10:06:22 +08:00
显示图片肯定不是 4 个像素变成 1 个显示，那个缩放只是系统大小。按你的说法，是 4K 屏幕调 1080 显示。其实是 4K 屏幕让你看到更多瑕疵。
|
 |
13
flynaj 2020-09-08 10:37:40 +08:00 via Android
4096×2160 更 1920x1080 不是正好 4 倍
|
 |
14
JerryCha 2020-09-08 12:57:08 +08:00
1. 一般不会用简单的像素合并做插值算法
2. 你的眼睛没你想的这么菜，4K 就是比 Full HD 对输入图像的要求要高 |
 |
16
Semidio 2020-09-08 13:43:56 +08:00
只有整数和最近邻缩放才不会产生额外的模糊，其他的缩放算法或多或少都会带来额外的模糊
|
 |
17
AlphaTr 2020-09-08 15:54:45 +08:00
Chrome 默认应该采用的双线性来缩放的，可以修改；
第二个问题，通过 Stylus 类似的插件控制 CSS image-rendering 属性来修改，https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering |
 |
18
deorth 2020-09-08 17:46:38 +08:00
在显卡控制面板里开启整数缩放，然后把 4k 显示器调到 1080p
|
|
19
Semidio 2020-09-08 19:01:11 +08:00
|
Select Language