iPhone / iPad应用程序图像格式化最佳实践

Question

我们使用html5 / webkit来设置iPhone应用程序的样式，进入应用程序的数据来自博客。 有关图像大小的许多变体都会进入应用程序，我们想知道有关为每个应用程序（iPhone / iPad）调整图像大小的最佳实践

示例帖子图片：

• 图1：500px乘300px
• 图2：800px×200px
• 图3：1024px×768px

（其中一些图像在iPad上运行良好但在iPhone上对于可视区域来说太大了。如果使用某种类型的jS / html调整这些图像的大小，或者最好调整这些图像服务器端的大小。

非常感谢所有有关实践的见解，谢谢你提前！

JN

更新01/14/2012一个适用于此的选项是Sencha.src.io，用于渲染适当设备大小的图像： http ： //www.sencha.com/learn/how-to-use-src -sencha-io /这是一个使用包含许多选项的工具启动和运行的选项。

Answer 1

这是比最佳实践更多的意见。

对于资源和负载，图像的服务器端渲染对我来说是有意义的。

使用网络服务器预渲染图像可能会快得多，因为服务器端语言（php / perl / ruby​​等）比javascript更快，并且不需要比简单渲染图像更多的客户端资源。

在PHP中，我使用$ _SERVER超全局来检测浏览器和平台。 $_SERVER['HTTP_USER_AGENT']

要么

$browser = get_browser(null, true);

print_r($browser);

HTH