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

jef*_*lte 5 javascript iphone html5 webkit ipad

我们使用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 /这是一个使用包含许多选项的工具启动和运行的选项.

mis*_*koz 2

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

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

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

在 PHP 中,我使用 $_SERVER 超级全局来检测浏览器和平台来执行此操作。 $_SERVER['HTTP_USER_AGENT']

或者

$browser = get_browser(null, true);

print_r($browser);

华泰

  • 这也有助于解决移动设备上有限的资源:iPhone 和 iPod 只分配了少量 RAM。 (2认同)