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

iPhone / iPad Application image formatting best practices

本文关键字:最佳 格式化 图像 iPad 应用程序 iPhone      更新时间:2023-09-26

我们正在使用html5/webkit来设计iPhone应用程序的样式,而进入应用程序的数据来自博客。关于图像大小的许多变体正在进入应用程序,我们想知道关于调整每个应用程序(iPhone/iPad)图像大小的最佳实践是什么

示例图片:

  • 图片1:500px * 300px
  • 图片2:800px * 200px
  • 图3:1024px * 768px

(其中一些图片在iPad上可以很好地工作,但在iPhone上对于可视区域来说太大了。)这些图像应该使用某种类型的jS/html来调整大小,还是最好在服务器端调整这些图像的大小?

所有关于他的实践的见解都非常感激,提前感谢!

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

这更多的是观点而不是最佳实践。

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

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

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

$browser = get_browser(null, true);

print_r($browser);

HTH