web-dev-qa-db-ja.com

新しいiPhone 6および6+の画像解像度、@ 3xサポートが追加されましたか。

こちら や こちら についてのような記事や議論はほとんどありません新しいiPhoneが表示用に@ 3x画像を使用する画像解像度。それは本当ですか？

それで、それは我々が3つの画像を保存しなければならないということを意味するのでしょうか？たとえば、50 x 50の画像がある場合、新しいiPhoneの外観を最適化するために3つの画像を保存する必要がありますか。

  • 通常（50×50）
  • 2倍 - 網膜（100×100）
  • @ 3倍 - Retina HD（150×150）

それとも、新しい携帯電話は@ 2x画像のみを使用し、@ 3xのようなものは何もありませんか？

私はサンプルプロジェクトを作成することによってテストしました、そして、すべてのシミュレータは@ 3x画像を使うようです、これは混乱します。

編集

ここでもう少し情報があります

  • 3GS（163 ppiなのでノーマルを使用）
  • 4、4秒、5秒、5秒（326 ppiなので2xを使用）
  • 6 (326 ppi so it seems like it will use @2x)
  • 6プラス（401 ppiここに混乱があります）

編集

Tsobとnitinによる回答に基づいて、私は自分のプロジェクトに@ 3x画像を追加しました。

情報編集

高解像度でもiPhone 6が@ 2x画像を使用する理由について混乱しているユーザーはほとんどいませんが、その理由は

iPhone 6の解像度は異なるかもしれませんが、1ピクセルあたりの密度は同じです（PPI）

  • 解像度はピクセルの絶対数に関係します。
  • 密度（別名、1インチあたりのピクセル数 - PPI）は、1インチあたりの相対的なピクセル数に関係します。これは、iPhone 6以前のiPhoneの場合と同じですが、iPhone 6 plusでは異なります。

これについての詳細をチェックする ここでこのスレッド

そのため、iPhone 6はiPhone 4、5、および5Sと同じPPIを持ち、iPhone 6 plusは@ 3xを使用するため、@ 2xイメージを使用します。

iosresolutioniphone-6iphone-6-plus
140
Bhumit Mehta

私はサンプルプロジェクトで標準の@ 2xと@ 3xの画像を使うことを試みました、そしてiPhone 6+シミュレータは@ 3xの画像を使います。そのため、（@シミュレータが実際にデバイスの動作を再現している場合）行われる@ 3x画像があるように思われます。しかし奇妙なことに、すべてのデバイス（シミュレータ）は、プロジェクト構造上（iPhone 4S/iPhone 5上）でもこの@ 3xイメージを使用しているようです。
潜在的な@ 3x構造に関するAppleからのコミュニケーションの欠如、彼らが開発者にiOS8アプリの公開を依頼する一方で、特にそれらの結果をシミュレータで見るときは、かなり混乱します。

** AppleのWebサイトから編集**：これはAppleの開発者向けスペースの "iOS 8の新機能"の節にもあります。

新しい画面スケールのサポートiPhone 6 Plusは、画面サイズが3.0の新しいRetina HDディスプレイを使用します。これらのデバイスで可能な限り最高の体験を提供するために、このスクリーンスケール用に設計された新しいアートワークを含めてください。 Xcode 6では、アセットカタログに1倍、2倍、3倍のサイズの画像を含めることができます。新しいイメージアセットを追加するだけで、iPhone 6 Plusで実行するときにiOSが正しいアセットを選択します。 iOSの画像読み込み動作は、@ 3xサフィックスも認識します。

それでも、すべてのデバイスが@ 3xをロードしているように見える理由がわからない。たぶんそれは私がxcassetsではなく通常のファイルを使っているからですか？もうすぐ試します。

さらにテストをしてから編集してください。Ok iOS8はこれについて話しているようです。 iOS 7.1 iPhone 5シミュレータでテストするとき、それは正しく@ 2xイメージを使います。しかし、iOS 8で同じものを起動するとき、それはiPhone 5で@ 3xを使います。それがiOS 8 GMの望ましい振る舞いや間違い/バグ、あるいはXcode 6のシミュレータであるかどうかわかりません。

53
TSob

アップデート：

アップルによるアイコン画像サイズのための新しいリンク。

https://developer.Apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

enter image description here

はい、それは真実ですここでそれはアップルが提供しています アイコンのサイズや画像サイズに関する公式ドキュメント

enter image description here

あなたはiPhone6とiPhone6 +のために 画像を設定する必要があります

iPhone 6の場合：

750 x 1334 (@2x) for portrait

1334 x 750 (@2x) for landscape

iPhone 6 Plusの場合：

1242 x 2208 (@3x) for portrait

2208 x 1242 (@3x) for landscape

画像に関する詳細情報とその解像度については、これが最も役に立つ投稿です

コントロールの画像サイズを設定するには、以下のように1x @ 2xと@ 3xを設定できます。

enter image description here

102
Nitin Gohel

私はサンプルプロジェクトを作成することによってテストしました、そして、すべてのシミュレータは@ 3x画像を使うようです、これは混乱します。

アセットカタログにさまざまなバージョンのイメージを作成して、イメージ自体からそのバージョンを確認できます。

enter image description here

今すぐ順番に各シミュレータ上でアプリを実行します。あなたは3倍の画像がiPhone 6 Plusでのみ使用されていることがわかります。

画像がアプリバンドルから名前を使って描画されている場合も同様です（例：one.png、 one__2x.png、および[email protected]）を呼び出し、imageNamed:を呼び出してイメージビューに割り当てます。

（ただし、Interface Builderで画像を画像ビューに割り当てると違いがあります - 倍解像度のデバイスでは2xバージョンは無視されます。これはおそらくpathForResource:ofType:のバグです。）

10
matt

iosは常に最高の画像を撮ろうとしますが、他のオプションにフォールバックします。そのため、アプリに通常の画像しかなく、@ 2x画像が必要な場合は通常の画像が使用されます。

プロジェクトに@ 2xだけを入れて、通常のデバイスでアプリを開くと、表示する画像が縮小されます。

あなたがios7とios8デバイスをターゲットにしていて最高品質を望むなら、あなたは電話と通常のために@ 2xと@ 3xそしてipad資産のために@ 2xを必要とするでしょう。

多分それはベクトルグラフィックからアプリでアセットを作成することをお勧めします... check http://mattgemmell.com/using-pdf-images-in-ios-apps/

2
Bastian