【问题标题】:How do I know what size to make retina images?我怎么知道制作视网膜图像的尺寸?
【发布时间】:2013-02-17 18:04:08
【问题描述】:

我试图了解如何计算为“Retina”质量屏幕制作图像的大小。我知道一般答案只是“x2”,但从未解释过为什么会这样。

例如,让我们以 MacBook Air 与新的 MacBook Pro Retina 对比。

分辨率

MacBook Air - 1440 x 900

MacBook Pro - 2560 x 1600(这不仅仅是“x2”,它是 x1.77 更大)

PPI

MacBook Air - 128

MacBook Pro - 227(这不仅仅是“x2”,它是 x1.77 更大)。

有人可以回答吗,将事物设为“x2”仅仅是一般规则,还是实际上需要的尺寸?

我真的很想解释一下,而不仅仅是简单的是/否。谢谢

【问题讨论】:

    标签: html css retina-display image-scaling


    【解决方案1】:

    “×2”只是一个粗略的指导。

    在“普通”计算机显示器 (96 dpi) 上,200x200 像素的图片在屏幕上的宽度约为 2 英寸,而在 Macbook Pro 上则略低于 1 英寸。因此,为了获得相同的物理宽度,就像素而言,它必须大约是原来的 2 倍。

    【讨论】:

    • 感谢您的回答。我不明白的是引用了什么,例如如果我打开 Photoshop (PS) 并将画布设置为 500px * 500px,PS 是否使用我当前的屏幕分辨率作为其导出内容的参考(即 128 ppi)?或者,因为 PS 将新文档设置为 72 ppi,这是否意味着我需要将我的画布制作为视网膜屏幕的 3 倍左右? (227 / 72 刚刚超过 3)。
    • 我不确定 Photoshop 在这种高 dpi 屏幕上的作用,抱歉。 (还没有在我的手机上运行 PS...)
    猜你喜欢
    • 1970-01-01
    • 2012-09-14
    • 2012-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多