Android 图像大小和分辨率在移动开发中究竟是如何工作的?

Android 图像大小和分辨率在移动开发中究竟是如何工作的?,android,ios,xamarin.android,xamarin.ios,mobile-development,Android,Ios,Xamarin.android,Xamarin.ios,Mobile Development,我对图像如何在ios和Android的移动开发中工作感到非常困惑。我使用的是Xamarin,但我相信图像应该与本机开发一样工作。我看了一些在这两个平台上使用图像的文档,它们并没有真正的帮助。我希望我能在这里得到一些更有用的信息,用于下面的具体问题,以及您认为有必要的任何进一步解释 图像大小规格如何准确地在ios上工作?我已经通读了,但解释得不够 示例:我有一个特定大小(W520像素乘以H257像素)和分辨率(300ppi)的图像(.png),我希望在我的应用程序中有这个图像(不是按钮图像或图标,

我对图像如何在
ios
Android
的移动开发中工作感到非常困惑。我使用的是
Xamarin
,但我相信图像应该与本机开发一样工作。我看了一些在这两个平台上使用图像的文档,它们并没有真正的帮助。我希望我能在这里得到一些更有用的信息,用于下面的具体问题,以及您认为有必要的任何进一步解释

图像大小规格如何准确地在ios上工作?我已经通读了,但解释得不够

示例:我有一个特定大小(W520像素乘以H257像素)和分辨率(300ppi)的图像(.png),我希望在我的应用程序中有这个图像(不是按钮图像或图标,只是普通图像)。是否需要将此大小调整为
@3x
的特定大小?然后将其缩小到特定尺寸,以及
@2x
@1x
?我是否也需要降低分辨率


此外,还讨论了对图像使用不适当的尺寸将如何导致操作系统必须降低或提高图像的比例,这会消耗处理资源(我认为可能会增加电池消耗)。我的假设正确吗?如果是这种情况,为了避免这种情况,图像的最佳尺寸是什么?

设备分辨率和图像优化是一个复杂的话题。你最好的办法是做更多的搜索和阅读各种文章讨论这一点

但是,简而言之,对于iOS设备

设计UI时,您使用的是点,而不是像素。因此,考虑在屏幕的中心放一个<代码> 320×240 < /Cord>图像视图。

在具有1x屏幕比例的旧设备上,
320x240
矩形将以
320x480
屏幕像素呈现

在2倍屏幕比例的设备上(如iPhone 11),它将以
640x480
屏幕像素进行渲染

在3倍屏幕比例的设备上(如iPhone11Pro),它将以
960x720
屏幕像素进行渲染

从物理上看,它们的尺寸都差不多——大约2.5英寸x1.75英寸(我估计……我没有拿尺子来测量它们)

如果有3种尺寸的相同图像-
320x240
640x480
960x720
-
UIKit
将加载与屏幕比例匹配的图像


实际上,虽然(我将忽略1x设备,因为这几天很少看到它)

假设您有一张原始尺寸为
640x480
的照片

2x设备上,将以1:1的像素比例渲染。在3x设备上,它将被放大到
960 x 720
像素。用肉眼和设备并排,你很难看到任何不同

同样,如果原始尺寸为960 x 720

3x设备上,将以1:1的像素比例渲染。在2x设备上,它将缩小到
640x480
像素。用肉眼和设备并排,你很难看到任何不同

如果您的原始图像是
960x720
像素,并且您使用图像编辑器将其缩放到
640x480
,因此您有3倍和2倍版本,您几乎没有任何好处,因为图像编辑器与设备做的是相同的事情缩放图像


当您注意到它与线描或基于文本的图像一起使用时,您可以从@1x、@2x和@3x版本中获益。然而,这些图像几乎肯定是以矢量图形开始的,您可以从矢量图形程序中导出3种不同的分辨率。你不会导出一个960x720的渲染位图,然后在Photoshop中缩小它。

设备分辨率和图像优化是一个复杂的主题。你最好的办法是做更多的搜索和阅读各种文章讨论这一点

但是,简而言之,对于iOS设备

设计UI时,您使用的是点,而不是像素。因此,考虑在屏幕的中心放一个<代码> 320×240 < /Cord>图像视图。

在具有1x屏幕比例的旧设备上,
320x240
矩形将以
320x480
屏幕像素呈现

在2倍屏幕比例的设备上(如iPhone 11),它将以
640x480
屏幕像素进行渲染

在3倍屏幕比例的设备上(如iPhone11Pro),它将以
960x720
屏幕像素进行渲染

从物理上看,它们的尺寸都差不多——大约2.5英寸x1.75英寸(我估计……我没有拿尺子来测量它们)

如果有3种尺寸的相同图像-
320x240
640x480
960x720
-
UIKit
将加载与屏幕比例匹配的图像


实际上,虽然(我将忽略1x设备,因为这几天很少看到它)

假设您有一张原始尺寸为
640x480
的照片

2x设备上,将以1:1的像素比例渲染。在3x设备上,它将被放大到
960 x 720
像素。用肉眼和设备并排,你很难看到任何不同

同样,如果原始尺寸为960 x 720

3x设备上,将以1:1的像素比例渲染。在2x设备上,它将缩小到
640x480
像素。用肉眼和设备并排,你很难看到任何不同

如果原始图像是
960 x 720
像素