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