V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kisshere
V2EX  ›  程序员

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

  •  1
     
  •   kisshere · 2020-09-08 08:42:56 +08:00 via Android · 5225 次点击
    这是一个创建于 1524 天前的主题,其中的信息可能已经有所发展或是发生改变。

    手上两个同样的 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 高分屏缩放图片是哪种算法?可以更改吗?

    19 条回复    2020-09-08 19:01:11 +08:00
    tutustream
        1
    tutustream  
       2020-09-08 08:54:51 +08:00
    缩放 200 是 2k 啊,许多软件对于 2k 的适配不好,所以模糊,看图片用 jpegview 吧。

    同样用 4k 屏幕加 200%的路过
    PepperEgg
        2
    PepperEgg  
       2020-09-08 09:04:21 +08:00
    应该是高分适配原因
    luhe
        3
    luhe  
       2020-09-08 09:05:11 +08:00   ❤️ 3
    @tutustream 神特么 2K,是 1080 啦
    msaionyc
        4
    msaionyc  
       2020-09-08 09:08:11 +08:00 via Android
    @tutustream
    1.1080p
    2.网页的图片,不是本地图片文件
    tutustream
        5
    tutustream  
       2020-09-08 09:08:46 +08:00
    @luhe #3 晕了 那我是 150,记错了
    swulling
        6
    swulling  
       2020-09-08 09:11:38 +08:00 via iPhone
    如果本地图片浏览器没问题而网页图片有问题,那么问题一定不在显示器上,要么在系统上,要么在浏览器上

    我倾向于操作系统,因为 Mac 没有观察到类似现象
    geekvcn
        7
    geekvcn  
       2020-09-08 09:21:51 +08:00 via iPhone   ❤️ 4
    缩放算法并不是整数缩放,双线性缩放的缺陷就是会导致模糊
    lujjjh
        8
    lujjjh  
       2020-09-08 09:22:06 +08:00 via iPhone
    “ 而在显示 JPG 等位图时,后者就将 4 个像素合并成 1 个像素显示,比如前者的某个像素 rgb 是#ff00ff,那么 4k 显示器对应的那 4 个像素都该是#ff00ff”

    并不是的,这种插值算法会带来一堆马赛克。
    geekvcn
        9
    geekvcn  
       2020-09-08 09:23:20 +08:00 via iPhone
    未来的趋势应该是整数缩放+AI 超采样结合
    chendy
        10
    chendy  
       2020-09-08 09:27:46 +08:00
    win,1080p,4k 都有,4k 开 200%任何地方都比 1080p 细腻…可能是楼主软件问题?
    vision1900
        11
    vision1900  
       2020-09-08 09:44:53 +08:00
    微软是直接给了个可调的数值,苹果是给了 3 个选项:Larger Text, Default, More Space
    从 15 年到现在用过 2 台 Macbook,都是 13 英寸的 2K 屏,没有遇上图片糊掉的问题。如果楼主用的是桌面显示器,那我的 PPI 应该比你还高
    ouqihang
        12
    ouqihang  
       2020-09-08 10:06:22 +08:00
    显示图片肯定不是 4 个像素变成 1 个显示,那个缩放只是系统大小。按你的说法,是 4K 屏幕调 1080 显示。其实是 4K 屏幕让你看到更多瑕疵。
    flynaj
        13
    flynaj  
       2020-09-08 10:37:40 +08:00 via Android
    4096×2160 更 1920x1080 不是正好 4 倍
    JerryCha
        14
    JerryCha  
       2020-09-08 12:57:08 +08:00
    1. 一般不会用简单的像素合并做插值算法
    2. 你的眼睛没你想的这么菜,4K 就是比 Full HD 对输入图像的要求要高
    msaionyc
        15
    msaionyc  
       2020-09-08 13:29:10 +08:00
    @flynaj 3840*2160
    Semidio
        16
    Semidio  
       2020-09-08 13:43:56 +08:00
    只有整数和最近邻缩放才不会产生额外的模糊,其他的缩放算法或多或少都会带来额外的模糊
    AlphaTr
        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
    deorth
        18
    deorth  
       2020-09-08 17:46:38 +08:00
    在显卡控制面板里开启整数缩放,然后把 4k 显示器调到 1080p
    Semidio
        19
    Semidio  
       2020-09-08 19:01:11 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1278 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:38 · PVG 01:38 · LAX 09:38 · JFK 12:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.