iPadとiPhoneのグラフィックスポイントとピクセル

• かもしれません 6, 2024

ほとんどのプロジェクトと同様に、iOSアプリケーションの構築を開始する前に、iPadアプリのグラフィックを作成します。 iPadのリリースとiOS SDKの変更により、ユニバーサルiOSアプリを作成できるようになりました。ユニバーサルアプリは、iPhone / iPodおよびiPadで動作します。ユニバーサルアプリのグラフィックを作成する場合、1つの大きな画像（iPadサイズ）を作成し、必要に応じて視聴者のデバイスに合わせて画像のサイズを変更するようにアプリに指示すると考えるかもしれません。しかし、これは非常に悪い結果をもたらします。 iOSアプリの驚くべき機能の1つは、素晴らしい画面解像度です。この機能を利用するには、いくつかのサイズのグラフィックが必要です。アプリは、ユーザーのデバイスに応じて異なるグラフィックを使用します。

このチュートリアルでは、アプリが全画面で再生され、ステータスバー（バッテリーアイコンを表示するバー）がブロックされることを想定しています。そうでない場合は、ステータスバーが占める20ポイントを補う必要があります。お気付きかもしれませんが、ピクセルではなくポイントという用語を使用しました。

Webのピクセル単位で作業している場合は、いくつかの点から考える必要があります。林檎^R ディスプレイのサイズをポイントとピクセルで表し、一見すると違いがわかりにくい場合があります。これは、ポイント数が各デバイスのピクセル数と等しいため、iPhone 4以前では問題になりませんでした。ただし、iPhone 4にはRetinaディスプレイがあります。 「Retina」という言葉を初めて聞いた場合は、画面上の各ポイントに4ピクセルを使用する新しい高解像度ディスプレイを指します。そのため、iPhone 4の物理的寸法は以前のiPhoneと同じですが、縦と横のピクセル数が2倍になります。



そのため、3つのサイズでアプリのグラフィックを作成する必要があります。 iPhoneには低解像度と高解像度のサイズがあります。 iPadのグラフィックスは3番目のサイズです。

以下は、各デバイスのピクセル関係の概要です。

iPad：1024ピクセルx 768ピクセルx 132解像度
iPhone 4：960ピクセルx 640ピクセルx 326解像度
iPhone 3G：480ピクセルx 320ピクセルx 163解像度

各デバイスの解像度が異なるのはなぜでしょうか。解像度はインチあたりのピクセル数です。各デバイスの解像度の違いは、インチあたりのピクセル密度の反映です。たとえば、iPadの表示領域は7.76インチx 5.82インチで、ピクセルのサイズは1024 x 768です。結果は132の解像度です。

解像度と結果の画面サイズ

72解像度で1024 x 768は14.22インチx 10.66インチになります
132解像度で1024 x 768は7.76インチx 5.82インチになります

したがって、iOSデバイスは、コンピューター画面で14.22インチx 10.66インチで表​​示される1024 x 768ピクセルを取得し、iPadで7.76インチx 5.82インチに圧縮します。この圧縮により、iPadや他のデバイスがこのような素晴らしい画面表示を持ち、解像度も132となっています。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。
Apple、Motion、iBooks Author、GarageBand、TextEdit、Pages、iMovie、およびMacは、米国およびその他の国で登録されたApple Inc.の商標です。 CoffeBreakBlogは独立した出版物であり、Apple Inc.による承認、スポンサー、またはその他の承認は受けていません。スクリーンショットは許可を得て使用しています。

動画の説明: PAUL PIXEL The Awakening iOS Gameplay Walkthrough - Part 2 (かもしれません 2024).