- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
对于 iPhone 4,Retina 显示屏的分辨率非常高,以至于大多数人无法区分彼此的像素(据说)。如果是这种情况,支持 Retina 显示屏的应用程序是否仍然需要抗锯齿以使字体和图像平滑,或者不再需要?
<小时/>编辑:我对更详细的信息感兴趣。开始赏金。
最佳答案
毫无疑问 - 您仍然需要进行抗锯齿计算,因为曲线、二阶曲线、相交曲线和不同类型的连接都很复杂。
(还要注意的是,非常简单,因为这个问题是两年前出现的。视网膜显示器现在无处不在,而且事实上,抗锯齿功能实际上在每个视网膜显示器上都已完成。)
当然,直线(也许是 45 度)也可以在 A/B 测试中进行测试。但只要看看较浅的线,或变化的差异即可。
等等 - 这里有一个击倒论点............
不要忘记,您可以在视网膜显示屏上显示非常非常小的字体!!!
当字母高度小于(比方说)50 像素时,人们可能会说您需要抗锯齿。因此,如果您有一个蹩脚的每英寸 10 点显示屏……但字母有 80 英尺高(8000 像素高),您就不需要抗锯齿。我们刚刚证明您在 10 ppi 显示器上“不需要”抗锯齿。
相反,假设 Steve 的下一个显示器每英寸有 1000 个像素。对于非常小的字体以及任何非常小的细节(即 50 像素或更少),您仍然需要抗锯齿!
此外:不要忘记类型中的细节...矢量图像...是无限的!
您可能会说,哦,巴斯克维尔“M”的“ body ”在视网膜显示屏上看起来很好,没有抗锯齿。那么,衬线的曲线怎么样?衬线末端的缺口怎么办?依此类推。
另一种看待它的方式:好吧,在典型的 Mac 显示器上,您不需要对平面或 45 度线进行抗锯齿处理。此外,在视网膜显示屏上,您可以在 22.5 度线甚至 12.25 度线上避免出现锯齿现象。
但那又怎样呢?如果添加抗锯齿功能,在视网膜显示屏上,您可以成功地绘制出极其浅的线条,比在视网膜显示屏之前的 MacBook 显示屏上浅得多。
再次如前面的示例所示,假设下一代 iPhone 每英寸有数十亿个像素。尽管如此,添加抗锯齿功能仍然可以让您拥有更浅的好看线条——根据定义,是的,它总是会让它看起来更好,因为它总是会改善细节。
请注意,杂志文章中的“眼睛分辨率”完全是无稽之谈。
即使在 50 dpi 显示器上,您也只能看到由像素显示策略的数学运算创建的模糊混合。
如果您不相信这是事实,请立即在 Mac 上查看此文字,并计算字母“r”中的像素。当然,你能做到这一点是不可思议的!!您也许可以在 10 dpi 显示屏上“解析”像素。重要的是显示策略创建的模糊数学。
可以说,抗锯齿总是会产生“更好的模糊效果”。如果您一开始就有更多像素,抗锯齿只会再次提供更好的模糊效果。再次强调,只需考虑更小的功能,当然您希望对它们进行抗锯齿处理。
事情似乎就是这样!
关于iphone - 视网膜显示屏是否消除了抗锯齿的需要?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4535301/
IOS8 的 LaunchImage 大小是多少? 什么是 Retina HD5.5、Retina HD 4.7 和 Retina 4?尺寸? DPI 是多少?? 72 我猜? 苹果文档的链接会很棒,
我不太明白 window.devicePixelRatio 值是什么,以及它如何决定该设备需要什么尺寸的图像(2x、3x 等)。 例如,在 iMac 5K Retina(2015 年末)上,我预计像素
在创建网站/移动应用程序并适应视网膜/高分辨率屏幕(需要两倍大小的图像)时,为什么只包含更大的图像不是一个好主意,并将其大小缩小一半,这样您只有一张图像,在非视网膜图像上,它只会变得更小(图像中的细节
我正在使用以下代码在我的 iPhone 应用程序中设置背景。 [[self view] setBackgroundColor:[UIColor colorWithPatternImage:[UIIma
我有一个应用程序,其中设计师为我提供了两种格式的 Assets 或 png,非视网膜和视网膜,格式正确并用 @2 正确命名。视网膜图像工作正常,但非视网膜图像在它们后面显示出奇怪的白色背景。有人经历过
所以我知道这是一个棘手的问题。我遇到过 Sprite 和高对比度模式的问题,基本上可以用如下代码解决: .icon:before { content: url(icons.png); posi
我的渐变 div 上有一条奇怪的水平线。它只在 Safari 和视网膜显示器上显示,我不明白为什么。还有其他人遇到过这个问题吗? HTML: CSS: .img-gradient2 { po
我正在为视网膜显示器调整我的网页,我正在使用 IrfanView 来加倍我的图像。但是,通常 640 x 427 px 的图像现在变成了 1281 x 855 px。这会按预期工作吗?我也在使用 Re
我为同一个网站制作了两个不同的网页:一个用于手机设备,一个用于桌面设备。主要原因是因为该网页有很多按钮,如果您使用的是手机,则很难触摸这些按钮,因为它们在手机屏幕上看起来很小。所以我制作了一个 jav
我们知道使用@2x 和不使用它时视网膜上的图像是如何工作的。但是电影呢? 对于 Retina 显示器,我是否必须让一部电影的分辨率是另一部电影的两倍?命名约定 @2x 代表电影?只拥有更大的一个并使其
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Detect Retina Display 我们如何通过 Objective-C 代码知道设备是否具有视网膜
我刚刚将 Xcode 从 4.2 升级到 4.3.3。然后我启动 iOS 模拟器(将“硬件 -> 设备”设置为“iPhone(视网膜)”),模拟器现在显得如此之大,以至于应用程序页面实际上需要滚动!
我尝试从视网膜显示屏获取屏幕截图,并在窗口上绘制此图像。 我可以捕获 CGDirectDisplayID displayId = CGMainDisplayID() CGImage imageRef
我有一张 PNG 图片,我应该在我的 iPhone 应用程序中使用它,但首先,我必须为其提供 iPhone 4 视网膜屏幕的尺寸。有谁知道它的尺寸是什么或者如何做到这一点? 最佳答案 iPhone 4
我想编写一个自定义绘图 View ,它应该利用 Retina 显示屏。我使用的是 2019 款 MacBook Pro。为了测试绘图,我只是绘制宽度为 1px 的平行线。但线条在整个 View 中显示
我已经将一些应用程序迁移到 iPhone5,但我无法解决这个问题。我遵循相同的步骤,但现在我没有 xib 布局来设置窗口的自动调整大小,因为 TabBarViewController 以编程方式定义为
我正在为 iPad 开发 iOS 应用程序,我使用的是普通图像而不是 @2x 图像,所以这可以在新 iPad 上使用吗?或者必须包含@2x 图像?如有任何帮助,请提前致谢。 最佳答案 您可以在视网膜屏
我正在更新我的应用程序以使用 iPad 视网膜显示屏,但出于某种原因,我的一个 View 不想缩放到 2 倍。正如您在屏幕截图中看到的那样,左侧按钮上的文本可以正确缩放,而右侧的文本仍然以低分辨率显示
CSS 在视网膜屏幕上将 1px 文本阴影加倍为 2px。我只需要 1px。任何解决方案? 0.5px 无效。 最佳答案 我没有尝试过文本阴影,也没有方便的视网膜屏幕,但是对于框阴影 MDN说对于传播
最近几天我阅读了很多关于这个主题的内容,但我没有找到解决方案。我有两个 sprite 集,一个是低质量的正常显示,另一个是高质量的视网膜显示。 我的问题是,我的网站必须响应,图形应根据浏览器窗口调整大
我是一名优秀的程序员,十分优秀!