2012-02-13 11 views
0

には大きすぎます:なぜ私のイメージは、私は次のように設定して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> 
+0

私はphonegapを知っているようではありませんが、スクリーンショットやいくつかのソースコードを投稿すると、ここの皆さんに役立つだろうと思います。 –

+0

保存する画像の最終サイズはどのくらいですか? 1インチあたり326ピクセルが問題になる可能性があります - Photoshopはファイルサイズが非常に大きいファイルを保存することがあります。 –

+0

ファイルの最後に '@ 2x'を追加してみてください。例: 'supermegacoolpicture @ 2x.png' – Novarg

答えて

3

ただ、その必要のない326 PPIを設定していない640x960サイズの画像を作成します。ちょうどデフォルトで行ってください。

+0

72でさえ、画像は依然としてはるかに大きく見えます。 – nate8684

0

あなたはこれらの設定を使用、PhotoshopのiPhoneアプリUIを作成するには...その解像度を設定する必要はありません。

iPhone 3G/3GS - のiPodを
幅:320PX
身長:480PX
Resoluzion:72px /インチ
色方法:RGB 8ビット
ピクセル比:正方形ピクセル

iPhone 4
幅:640ピクセル幅
身長:960ピクセル幅
解像度:72px /インチ
色方法:RGB 8ビット
ピクセル比:正方形ピクセル

あなたは大きな画像(網膜ディスプレイ)を保存すると、名前を覚えていますそれらは小さいものと同じ名前で@2xの前に追加してください。

+0

私はあなたがここにある正確なスペックを行ったが、それでもイメージを大きすぎるものにする。私はxcodeで画像を見ていて、640x960でサイズが72ピクセル/インチであると言っています。私も@ 2xものを試しましたが、それはどちらかといえばうまくいかないようです。すべての考え – nate8684

+0

私はphonegapを知らないと残念なことに私はこれについてあなたを助けることができない...私は毎日これらの設定を使用して、私は問題がなかった... – matteodv

0

「網膜」サイズの画像を使用しているにもかかわらず、あなたのCSS(および設定)でサイズ(解像度)を320x480として指定する必要があります。 xml)

考えてみると、さらに多くのピクセルがパックされていますが、画面のサイズは同じです。また、大きな、網膜、大きさに設定すると、イメージが大きすぎて表示されるため、さらに意味があります。

関連する問題