【问题标题】:iPhone / iPad Application image formatting best practicesiPhone / iPad 应用程序图像格式化最佳实践
【发布时间】:2011-08-12 14:03:20
【问题描述】:

我们正在使用 html5/webkit 来设置 iPhone 应用程序的样式,并且进入应用程序的数据来自博客。应用程序中的图像大小有很多变体,我们想知道在为每个应用程序(iPhone / iPad)调整图像大小方面的最佳做法

帖子图片示例:

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

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

非常感谢您对实践的所有见解,提前感谢您!

JN

2012 年 1 月 14 日更新 一个非常适用的选项是 Sencha.src.io,用于以适合设备的大小渲染图像:http://www.sencha.com/learn/how-to-use-src-sencha-io/ 这是一个使用具有许多选项的工具启动和运行的选项。

【问题讨论】:

    标签: javascript iphone ipad html webkit


    【解决方案1】:

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

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

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

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

    $browser = get_browser(null, true);

    print_r($browser);

    HTH

    【讨论】:

    • 这也有助于移动设备上的有限资源:iPhone 和 iPod 只分配了少量 RAM。
    • 谢谢,这是有道理的。我不知道是否有一些工具可以利用客户端或 web-kit。
    猜你喜欢
    • 2012-01-17
    • 2014-03-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-17
    • 2023-03-25
    • 2012-05-22
    • 2020-05-23
    相关资源
    最近更新 更多