爲什麼我的圖像太大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

回答

相關問題