在手机上哪个是更好的选择.. 应用程序的精灵或单个图像文件

Posted 2023-03-12

【中文标题】在手机上哪个是更好的选择.. 应用程序的精灵或单个图像文件

【英文标题】：Which is a better option on mobiles.. sprites or individual image files for an app

【发布时间】：2015-10-05 06:39:59

【问题描述】：

这主要是针对在 android 和 ios 方面有足够的移动开发经验并且了解移动应用程序优化和性能的人的问题，因此请不要回答诸如“选择你喜欢的或适合你的偏好的”这样的通用解决方案等等”。

所以，我正在 phonegap 中为 ios 和 android 开发一个移动应用程序，它具有几乎所有可能的社交媒体（如 facebook、twitter、snapchat）的图形。我的问题是我应该将每个媒体的图标/图形作为单独的文件，还是作为组合的精灵图像来维护。

我知道网络精灵是最好的选择，但由于这些图形嵌入在应用程序中，因此对于移动应用程序来说应该不是问题。我唯一关心的是应用中嵌入图像和图标的数量将如何影响应用的性能。

我更喜欢将每个社交媒体图标保存在单独的文件中，因为它在应用程序中的不同位置以不同的样式和大小使用，因此在该位置使用精灵意味着要单独处理背景大小、图像宽度，而对于单个图标，它非常简单。还可以轻松地向应用添加/更改媒体，而无需修改现有图形。

因此，如果有人可以告诉我，它将对在 phonegap 应用程序中保留单个图标和图形而不是精灵有什么影响，以及它是否是更好的选择！

【问题讨论】：

即使在 Cordova 应用程序上，我仍然在我当前的工作流程中使用精灵，因为我有一个 gulp 设置来生成我的精灵和它的 CSS。 medium.com/front-end-wtf/…

精灵可能有许多图像，可能导致宽度或高度超过 3000 像素。我在 iOS 上以这种大小加载图像时遇到问题，有时甚至无法加载。如果您可以尝试将 SVG 用作单个图像，因为它们只是代码，性能显然不会受到太大影响。

@giri 谢谢你的信息，我不知道..

【参考方案1】：

我使用 android 已经两年多了，我意识到 png 是在 android 应用程序中使用的最佳格式，而对于 JPEG，最佳做法是使用连字符来命名 JPEG，例如 image_one.jpeg

使用 png 将是最好的格式，因为它们从未失败过。如果您需要更多帮助，我很乐意提供帮助

【讨论】：

这不是我要求的……请仔细阅读问题