安装了黑苹果,作为一名网页前端,感觉要准备转 Windows 了

2018-11-17 10:55:47 +08:00
 alwayshere

准备先体验一下黑果再买白果,淘宝花了一百块钱装了黑苹果,电脑有两个显示器,1080p 27 ”和一个 4k 28 ”的,黑苹果在 1080p 下显示很糟糕,字体显示很糟糕,页面看着极不舒服,然后切换到 4k 屏幕,图片和文字非常小,于是把 4k 缩放成 1080p 的分辨率,咦很不错,文字、UI 都很细腻,不停夸 mac 和 4k 真是原配

但是,网页图片一下就模糊了,一些背景图片或者是网页图片,只要不是矢量 svg 的图片,jpg 和 png 之类的全部模糊得一塌糊涂,因为图片全部放大了。。。

现在就面临一个三难的选择:

  1. 用原生 1080p 屏幕,文字和 ui 惨不忍睹,但网页图片和背景图片清晰锐利
  2. 用原生 4k 屏幕,文字和 UI 必须用放大镜看才清楚,
  3. 用 4k 缩放成 1080p 的伪 1080p 分辨率,文字和 UI 清晰,但是网页图片和背景图片,模糊得不忍直视,叫我一个前端咋调试网页背景图片和纹理

这三盆屎里面如何做选择?

12513 次点击
所在节点    程序员
58 条回复
wukongkong
2018-11-17 11:00:07 +08:00
为啥我的 1080 一点问题都木有…
chinvo
2018-11-17 11:00:54 +08:00
网页模糊 @2x 和 @4x 了解一下
niubee1
2018-11-17 11:03:18 +08:00
我觉得吧, 你还是去苹果店去体验白的再说, 这好比你去二手车市场买了辆四处漏风的拼装宝马, 开完来吐槽宝马不好开, 合适么?
eastlhu
2018-11-17 11:03:53 +08:00
4k 开启 hidpi。另外这个效果肯定是你黑果没装好,我 1080p 正常的很。
huclengyue
2018-11-17 11:05:07 +08:00
windows 开 200%缩放一样图片模糊
Hucai
2018-11-17 11:05:39 +08:00
4K 开启 HiDPI ?
zuoakang
2018-11-17 11:09:14 +08:00
1080P 黑果效果不如 win10 吗?
zuoakang
2018-11-17 11:10:06 +08:00
能否把淘宝地址贴出来
geelaw
2018-11-17 11:14:35 +08:00
无解的,因为设置合适的 DPI、native 物理分辨率的时候,网页上的图片糊不糊和操作系统没关系。
zocome
2018-11-17 11:16:53 +08:00
开启 HiDPI 试试,我就是 1080p 的机器,开启 HiDPI 之后使用正常
kingcos
2018-11-17 11:17:56 +08:00
有些网页根本就没适配 Retina …
比如 Sony 官网…

@zuoakang 一搜就有
herozzm
2018-11-17 11:23:42 +08:00
因为网站制作者没有适配苹果的高清屏,合格的应该要适配的
icyalala
2018-11-17 11:23:53 +08:00
如果系统设置没错的话,图片糊了说明你的图片不是 2x 的,用 Mac 和 iPad 的人看到也是同样是模糊。
你应该提升图片分辨率,来适配高分屏,这就是前端应该用 Mac 的理由之一,不然你都不知道别人看到的图片是糊的。。
likuku
2018-11-17 11:34:27 +08:00
本来 MacBook 就是个卖屏幕送电脑的产品,你非要这么玩...

有些时候没有物理高分屏根本看不出高清素材和普通素材的差别,
之前作过 12K 的视频,iMac 5K 屏以下显示器根本看不出问题,只有拿到 5K 屏下查看和播放才能看到明显的后期 bug
xixibb
2018-11-17 11:34:55 +08:00
4k 没开 hidpi 那就糊咯。。。
geelaw
2018-11-17 11:42:08 +08:00
@icyalala #13 今日小知识:你甚至可以在任何浏览器里面用有级缩放调整网页 viewport 的逻辑分辨率。
yopming
2018-11-17 11:45:32 +08:00
作为前端为什么都 2018 年了还不知道网页图片模糊的原因是什么吗?

第一盆屎是自己的
第二盆屎是淘宝装黑苹果的没有完全驱动好显卡吧?没有中间选项可以调吗?
第三盆屎是某些网站的设计师和工程师的
JerryCha
2018-11-17 11:47:44 +08:00
4. 向 Adobe、Canon、Sony、Nikon 投诉,不允许他们的用户再生成 4K 以下的素材
sutra
2018-11-17 11:51:05 +08:00
网页图片模糊是因为你的网页的图片没有提供 2x 3x... 的图片,这样的网页在别人的 Retina 屏幕上看起来就是糊的感觉。
alwayshere
2018-11-17 12:00:51 +08:00
@sutra 那 css background-image 怎么 2x 和 3x

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/508725

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX