Почему мои изображения слишком велики для iPhone - PullRequest
0 голосов
/ 13 февраля 2012

Я запустил документ Photoshop со следующими настройками:

ширина: 640px
высота: 960px
Разрешение: 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>

Ответы [ 3 ]

3 голосов
/ 13 февраля 2012

Просто создавайте изображения размером 640x960, не устанавливайте 326 ppi, это не нужно. Просто перейдите по умолчанию.

0 голосов
/ 18 мая 2012

Даже если вы используете изображение размера «сетчатки», вам все равно нужно указать размер (разрешение) как 320x480 в вашем CSS (и config.xml)

Если подумать, хотя в нем упаковано больше пикселей, размер экрана остается прежним. Кроме того, это имеет смысл, так как ваше изображение отображается слишком большим, когда вы устанавливаете его на больший размер сетчатки.

0 голосов
/ 13 февраля 2012

Вам не нужно устанавливать это разрешение ... Чтобы создать пользовательский интерфейс приложения iPhone в Photoshop, используйте следующие настройки:

iPhone 3G / 3GS - iPod
Ширина: 320px
Высота: 480px
Разрешение: 72px / inch
Цветовой метод: RGB 8 бит
Соотношение пикселей: квадратные пиксели

iPhone 4
Ширина: 640 пикселей
Высота: 960 пикселей
Разрешение: 72px / inch
Цветовой метод: RGB 8 бит
Соотношение пикселей: Квадратные пиксели

Когда вы сохраняете свои большие изображения (дисплей сетчатки), не забудьте назвать их с тем же именем меньшего и добавить @2x перед .png

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...