图像尺寸和分辨率如何精确地用于移动开发?

问题描述 投票:1回答:1

对于iosAndroid在移动开发中的图像工作方式,我感到非常困惑。我正在使用Xamarin,但我相信图像仍应与本机开发相同。我看了一些有关在两个平台上使用图像的文档,但它们并没有真正的帮助。我希望我可以在此处获得有关这些特定问题的更多有用信息,以及您认为有必要的进一步解释。

1。)图像尺寸规格如何在ios上正常工作?我已经阅读了Apple developer documentation on image size and resolution,但没有给出足够的解释。示例:如果我有一个特定大小(W520像素乘以H257像素)和分辨率(300 ppi)的图像(.png),并且希望将此图像包含在我的应用程序中(不是按钮图像或图标,而只是常规图像)。我是否需要将其调整为@3x的特定大小?然后将其缩小为@2x@1x的特定大小?如果我也想在Ipad上正确显示图像,是否还需要3张以上的图像?还是我将原始图像用作@3x,然后按照苹果在文档中指定的尺寸将尺寸缩小为@2x@1x

2。)我知道Android指定如何按dpi使用图像,这些dpi值与ppi含义相同吗?

3。)我发现了一篇有关information about working with mobile images的文章,它提供了在图表中处理ios和Android图像的规范,有人可以确认其准确性吗。

4。)处理常规图像与处理将用作ios中按钮图像的图像有何不同?

android ios xamarin.android xamarin.ios mobile-development
1个回答
0
投票

设备分辨率和图像优化是一个复杂的主题。最好的选择是进行更多搜索,并通读讨论此问题的各种文章。

但是,简而言之-适用于iOS设备...

设计UI时,您使用的是Points,而不是Pixels。因此,考虑将320 x 240图像视图放在屏幕中央。

[在具有1倍屏幕比例的旧设备上,320 x 240矩形将以320 x 480屏幕像素呈现。

在2倍屏幕尺寸的设备上,例如iPhone 11,它将以640 x 480屏幕像素进行渲染。

在3倍屏幕尺寸的设备上,例如iPhone 11 Pro,它将以960 x 720屏幕像素进行渲染。

物理上],它们都将具有相同的尺寸-大约2.5英寸x 1.75英寸(我估计...我没有抓住尺子来测量它们)。如果您具有3张相同尺寸的图像-320 x 240640 x 480960 x 720-UIKit将加载与屏幕比例匹配的图像。


但是实际上(我将忽略1x设备,因为这几天很少见到它)...

假设您有原始尺寸为640 x 480的照片。

2x

设备上,将呈现1:1像素比率。在3x设备上,它将up缩放到960 x 720像素。用肉眼和并排放置的设备,很难看到任何区别。同样,如果960 x 720,则为原始尺寸。

3x

设备上,将呈现1:1像素比率。在2x设备上,它将被缩放[[down640 x 480像素。用肉眼和并排放置的设备,很难看到任何区别。如果原始图像为960 x 720像素,并且使用图像编辑器将其缩放为640 x 480,则同时具有3x和2x版本,则几乎没有任何好处,因为图像编辑器的作用与设备...

缩放

图片。当您出现在画线图或基于文本的图像时,您

可以

受益于@ 1x,@ 2x和@ 3x版本。但是,这些图像几乎可以肯定从矢量绘图开始,并且您将从矢量绘图程序中导出3种不同的分辨率。您不会导出960 x 720渲染的位图,然后在Photoshop中按比例缩小它。
© www.soinside.com 2019 - 2024. All rights reserved.