iOSデバイスの起動画面イメージまたはバックグラウンドイメージサイズが異なる

Question

iOSデバイスのさまざまなイメージサイズをエクスポートする方法について説明しているWebサイトリンクの一部を読みました。しかし、私は実際に説明していることを理解していません。 （私は英語で上手くいかないかもしれません）



私はこれらの開始画面の寸法を見つけました。あなたに私の理解を明確にさせてください。
イメージを作成するときは、最初に大きなサイズ（@ 3x）を作成し、そのイメージを小さなサイズ（@ 2x、@ 1x）にエクスポートする必要があります。私は正しい？

たとえば、私は1242x2208px（3x）イメージを作成し、2倍、3倍に縮尺して保存します。

私の質問は次のとおりです。
1）私はPhotoshop CS6で画像を描画します。画像のサイズが何であれ、解像度はまだ75pxです。ではない？
したがって、1242x2208px（3x）サイズの場合、解像度は75pxです。次にサイズを小さくします。画像は小さく、ぼやけた外観になりますか？

2）画像の要素（私の例の画像での画像）は、より小さなデバイス（1x）で大きく見えるようにする必要がありますか？ または

3）イメージ要素を変更する必要がないか、またはフォントサイズのテキストが大きくても小さくても、1xでイメージの高解像度を得ることができますか？私たちが75倍の解像度になっているので、小さい（1倍）に拡大すると、ぼやけて見栄えが悪くなる恐れがあります。

4）イメージ要素をイメージサイズに合わせる必要がありますか？
このビデオを見つけましたhttps://www.youtube.com/watch?v=WOnczJSsMqk。このビデオでは、彼は空白を切り取り、@ 1x、@ 2x、および@ 3xにエクスポートします。したがって、@ 3xのサイズは、アップルの公式ガイドラインウェブサイトの画像サイズではありません。私はこれを明確に知らない。

5）@ 3xイメージにというテキスト（フォントサイズ-90pt）を入力すると、@ 1xイメージの60ptに自動的に変更されます。右？
しかし、このリンクhttps://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/#font-sizeで、彼は16個のピクセルに設定したフォントと

テキストボックスと書きました。しかし、@ 2xこれは32ピクセル、 、@ 3xは48ピクセルです！ これは理想的ではありませんか？私は あなたについて知りませんが、私は一定の数学がなければできます。 デザインが のとき、16ピクセルが16ピクセルであることを知りたい！

ので、テキストは画像1倍、2倍か3倍かの任意のサイズに16ピクセルすべきですか？

6）これらの画像サイズは、起動画面用です。そうではありませんか？しかし、ログイン画面のバックグラウンド用の画像を作成すると、それは同じコンセプトで、これらのサイズの画像と同じですか？

7）上記の画像サイズの寸法は正しいですか？しかし、このhttps://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/ウェブサイトでは、サイズは少し異なります。

今、私はログイン背景イメージのデザインを作成しようとしています。だから、私は描く前にサイズを見つけていました。しかし、Retinaデバイスの画像サイズの記事を多く読んだら、私は混乱し、多くの疑問を抱いていました。
このように私はこのような質問を書き留め、私の質問は長く、理解しづらい気持ちになることを申し訳なく思っています。
私の貧しい人々のために申し訳ありません。
私は誰もがステップですべての私の質問に答えるのを助けることを願っています。最後まで読んでいただきありがとうございます。 :)

Answer 1

あなたはここに多くを求めています。まず、ピクセルでは動作しません。あなたはポイントで作業します。これらは2種類の測定単位です。 1xスケールでは1ポイント= 1x1ピクセル、2xスケールでは1ポイント= 2x2ピクセル、3xスケールでは1ポイント= 3x3ピクセルです。

スケール方法に関して、人々はあなたが大きく始めると主張し、最高の品質を得るためには小さくなったと主張します。これは単に真実ではありません。それはどのように拡大縮小するかについては実際の画像に依存します。だから、あなたの目標は、画像に最適なものを見つけることです。私は大きなものから小さなものに始めることをお勧めしますが、好きなだけうまく動かない場合は、小さなものから大きなものに変えてから、別のスケーリング方法を試してみてください。 私は個人的に100％の自動化に頼っていません。画像が完全になるまで手動で3つのサイズを調整するのが好きなので、この部門ではスプライトキットが本当に難しいものになります。ハードウェアスケーリングを実行します。ボトムラインは今日の終わりを迎えています。あなたの予算の制約の中であなたのアプリにとって最善のことをしてください。

今度はフォントサイズについて言えば、ピクセルではなくポイント単位で作業しています。あなたが乗算する必要があるとあなたに言った人は、網膜の表示がどのように働くか理解していません。 16ptフォントを実行すると、システムは自動的に32ptと48ptを選択します。 （しかしそれを読んでもそれはまだ16ptと言います）

このことを考えるのは本当に簡単です。網膜ディスプレイの全体のポイントは、同じ経験を維持しながらより鮮明な画像を提供することであり、ピクセルの表示方法をより細かくすることでこれを実現します。個々のピクセルは非常に非常に小さく、目に見えにくいものです。代わりに、他のピクセルとの仲間です。そのため、目が2つのピクセルをまとめると、単一の色のピクセルを使用しても生成できなかったより見栄えのよいイメージが得られます。あなたのアプリを操作するときは、このことを念頭に置いておく必要があります。これが新しい人が開発に邪魔される理由です。誰もがiPhone 2gを使い始めてから、自分のアプリをiPhone 4に適応させる必要があります。彼らは、網膜が何のために作られているかをはっきりと理解するでしょう。