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

Question

我们正在使用 html5/webkit 来设置 iPhone 应用程序的样式，应用程序中的数据来自博客。关于应用程序中的图像大小有很多变体，我们想知道关于为每个应用程序 (iPhone/iPad) 调整图像大小的最佳做法是什么

示例帖子图片:

• 图片 1:500 像素 x 300 像素
• 图片 2:800 像素 x 200 像素
• 图片 3:1024 像素 x 768 像素

(其中一些图像在 iPad 上效果很好，但在 iPhone 上对于可视区域来说太大了。是否应该使用某种类型的 jS/html 调整这些图像的大小，或者最好在服务器端调整这些图像的大小。

非常感谢所有关于 be practice 的见解，提前致谢!

JN

2012 年 1 月 14 日更新 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