私は、与えられたサイズに対して、より高い解像度の画像は常により低いものよりも見栄えが良いとの考えを持っています。
しかし StackOverFlowのこのリンク で何か違うものを読みました。
だから私の質問:
PS:私はこれらの画像の印刷品質については考慮していませんが、画面上で見たときの視覚的な体験はしています。
詳細を明らかにします。
800x600px(固定)サイズの画像を使用する必要があります。
サイズは800x600pxで、900 dpi画像、600 dpi画像、4oo dpi画像の3つのオプションがあります。
600と400を超える900 dpiを使用することは常に良い考えですか?
そして、上記の質問はこのデータで続きます。
イメージソフトウェアのDPI設定を完全に無視します。 Webグラフィックには関係ありません。
重要なのはピクセルの大きさです。 300dpiの100px x 100px画像は、画面上の100px x 100px画像の100px x 100px画像とまったく同じです。
DPIは、印刷グラフィックスについて話している場合にのみ機能します。
ただし、Web上の大きな画像を検討したい場合は、Retinaグラフィックを使用します。繰り返しますが、DPIは無関係ですが、重要なのは、ピクセル寸法を2倍にすることです。したがって、通常のブラウザでは100x100の画像、Retinaでは200x200の画像が得られます。
デジタルメディアでは、ピクセルを密度(DPI)から実際に分離することはできません。
これは、1ピクセルが1ドットであるためです。
したがって、画像が400 DPIで、幅が800ピクセルの場合、それは2インチであることを意味します。
残念ながら、デバイスのDPIは定義できません(これは指定されています)。326(iPhone 5)〜100(平均LCDラップトップモニター)の間です。
Retina Macbook Proの解像度は約220 DPIであり、正直なところ、Appleの方が優れていると言われていますが、隣にある標準のMacbookと区別することはできません。おそらく、目が疲れてきています。 。
しかし、実際のポイントは次のとおりです。デジタルメディアでは、DPIはフォトショップで設定できません。これはデバイスのプロパティですです。
そう:
または、ベクターグラフィックスの場合:
画像を扱うときは、常にレスポンシブなアプローチをとることが最善です。つまり、視聴者のデバイスに最適な画像を提供します。
ここでの読み込み時間がすべてです。大きな画像は、今日のブロードバンド速度のデスクトップに読み込むのに1秒未満かかる場合がありますが、3Gのみを使用してモバイルデバイスに読み込んでみてください。ブラウザが動作しなくても幸運ですタイムアウト。
画像を次のそれぞれに1つずつ、3つまたは4つの異なる解像度に分割します。
ファイルのサイズを減らして読み込み時間を短縮するために、可能な限り画像を圧縮してください(品質に関して満足できる範囲で)。
サポートされている最高の画面DPIよりも高いDPIで画像をダウンロードしても、追加のメリットはありません。その時点で、必要以上に大きい画像をダウンロードしています。これらの場合、スケーリングの歪みとアンチエイリアスは、画像の品質を損なうことさえあります。
ピクセルサイズの違いを緩和するために、Appleは、さまざまなiOSデバイス間のサイズの尺度として「ポイント」の概念を導入しました。iOS開発者ライブラリには、かなり明確な説明があります。
IOSでは、すべての座標値と距離は、ポイントと呼ばれる単位で浮動小数点値を使用して指定されます。ポイントの測定可能なサイズはデバイスごとに異なり、ほとんど関係ありません。ポイントについて理解する必要がある主なことは、それらが描画のための固定された参照フレームを提供することです。
つまり、1ポイントあたり2ピクセルの解像度でアートワークを作成する場合、網膜ディスプレイでも安全である必要があります。 iPhoneのサイズは320x 480ポイントで、iPadのサイズは768x1024ポイントです。