为什么我的图像太大iPhone

我开始用下面成立了一个Photoshop文档：为什么我的图像太大iPhone

宽度：640像素，
高度：960像素
分辨率：326个像素/英寸
图像是直接拍摄该文件。

我使用phonegap来构建应用程序。每当我测试它时，它都会让我的图像太大而不适合iphone屏幕。我没有使用视口或调整任何东西。请帮忙！

一些你问我的代码：

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 

    <meta charset="utf-8"> 
    <link rel="stylesheet" href="iphone.css" type="text/css" />  


    <!-- iPad/iPhone specific css below, add after your main css > 
    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" /> 
    <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />   
    --> 
    <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here --> 
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script> 
    </script> 
    </head> 
    <body onload="onBodyLoad()"> 

<div class="wrapper"> 

<img src="img/iPhone/Welcome.png" class="header" /> 

</div> 

    </body> 
</html>

来源

2012-02-13 nate8684

这不像我知道phonegap，但发布截图或一些源代码将帮助在这里的每个人，我猜。 – 2012-02-13 18:48:00

您保存的图像的最终尺寸是多少？每英寸326像素可能是问题--Photoshop可能会以更大的像素尺寸存储文件，因为它 – 2012-02-13 18:49:05

尝试在文件的末尾添加“@ 2x”。例如：'supermegacoolpicture @ 2x.png' – Novarg 2012-02-13 18:51:24

只需创建与图像大小为640x960不设置326 PPI的没有必要的。只要去默认。

来源

2012-02-13 18:51:40 Saurabh

即使在72时，图像仍显得大得多。 – nate8684 2012-02-13 19:43:42

你并不需要设置该决议...要在Photoshop中创建的iPhone应用程序的用户界面，使用这些设置：

iPhone 3G/3GS - iPod的
宽度：320像素
高度：480像素
Resoluzion：72px /英寸
色法：RGB 8位
像素比：方形像素

iPhone 4
宽度：640像素，
高度：960像素
分辨率：72px /英寸
色法：RGB 8位
像素比：方形像素

当您保存更大的图像（视网膜显示），记得名字他们与相同的名称更小，并添加@2x之前.png

来源

2012-02-13 19:09:28 matteodv

我已经完成了你在这里的确切规格，但它仍然渲染图像太大。我甚至在xcode中查看了图像，它的大小是640x960，是72像素/英寸。我也尝试了@ 2x的东西，但这似乎也没有工作。任何想法 – nate8684 2012-02-13 19:45:04

我不知道phonegap，不幸的是我不能帮你解决这个问题......我每天都在使用这些设置，而且我从来没有遇到过问题...... – matteodv 2012-02-13 20:13:00

即使您使用的是“视网膜”大小的图像，您仍然需要在您的CSS（和配置）中指定大小（分辨率）为320x480。 xml）

如果你仔细想想，虽然有更多的像素打包，但屏幕尺寸仍然相同。此外，它更具有意义，因为当您将其设置为较大的视网膜大小时，图像显示的太大。

来源

2012-05-18 04:01:08 Jarrod

为什么我的图像太大iPhone

回答

相关问题