web-dev-qa-db-ja.com

高解像度の画像は常に優れていますか?

私は、与えられたサイズに対して、より高い解像度の画像は常により低いものよりも見栄えが良いとの考えを持っています。

しかし StackOverFlowのこのリンク で何か違うものを読みました。

だから私の質問:

  1. 固定サイズの場合、高解像度の画像は常に見栄えがよくなりますか?
  2. この改善は、たとえあったとしても、ディスプレイの種類や基盤となるハードウェアなどに依存しますか(たとえば、上記のケースはAppleに固有のものです)。
  3. 私は常により良い解像度の画像を取得しようとする必要がありますか?それとも、解像度の変更のために、人間の目がこの改善を実際に区別できなくなる制限はありますか?

PS:私はこれらの画像の印刷品質については考慮していませんが、画面上で見たときの視覚的な体験はしています。


詳細を明らかにします。

800x600px(固定)サイズの画像を使用する必要があります。

サイズは800x600pxで、900 dpi画像、600 dpi画像、4oo dpi画像の3つのオプションがあります。

600と400を超える900 dpiを使用することは常に良い考えですか?

そして、上記の質問はこのデータで続きます。

6
Amit Tomar

イメージソフトウェアのDPI設定を完全に無視します。 Webグラフィックには関係ありません。

重要なのはピクセルの大きさです。 300dpiの100px x 100px画像は、画面上の100px x 100px画像の100px x 100px画像とまったく同じです。

DPIは、印刷グラフィックスについて話している場合にのみ機能します。

ただし、Web上の大きな画像を検討したい場合は、Retinaグラフィックを使用します。繰り返しますが、DPIは無関係ですが、重要なのは、ピクセル寸法を2倍にすることです。したがって、通常のブラウザでは100x100の画像、Retinaでは200x200の画像が得られます。

8
DA01
  1. 画面のPPI(ピクセル/インチ))に依存します。高解像度のアイコンは、低解像度の画面でも低解像度のアイコンと同じように見えます。
  2. それはすべて、基盤となるハードウェアに依存します。あなたの車にロケット燃料を注ぐことはそれをロケット船に変えません。
  3. アプリケーションの実行が疑われるデバイスの画面プロパティに適した画像を提供する必要があります。
7
AndroidHustle

デジタルメディアでは、ピクセルを密度(DPI)から実際に分離することはできません。

これは、1ピクセルが1ドットであるためです。

したがって、画像が400 DPIで、幅が800ピクセルの場合、それは2インチであることを意味します。

残念ながら、デバイスのDPIは定義できません(これは指定されています)。326(iPhone 5)〜100(平均LCDラップトップモニター)の間です。

Retina Macbook Proの解像度は約220 DPIであり、正直なところ、Appleの方が優れていると言われていますが、隣にある標準のMacbookと区別することはできません。おそらく、目が疲れてきています。 。

しかし、実際のポイントは次のとおりです。デジタルメディアでは、DPIはフォトショップで設定できません。これはデバイスのプロパティですです。

そう:

  1. いくつかの携帯電話をつかむ
  2. 画面の解像度を調べます(例:iPhone 5の場合は1136x640)
  3. デバイスのサイズを基準にして占有する画面サイズを決定します(100%=全画面幅、50%=半画面など)
  4. 解像度を画面の面積で乗算します(iPhone 5の画面の半分を占有する場合は568x640)
  5. 複数のデバイスに対してこれを行い、2〜3個の適切な平均サイズを見つけます。

または、ベクターグラフィックスの場合:

  1. いくつかの携帯電話をつかむ
  2. pPIを調べる
  3. PPI=に従って画像をエクスポートします(ただし、物理的なサイズは設定しないでください。アプリケーションで計算してください)
7
Aadaam

画像を扱うときは、常にレスポンシブなアプローチをとることが最善です。つまり、視聴者のデバイスに最適な画像を提供します。

ここでの読み込み時間がすべてです。大きな画像は、今日のブロードバンド速度のデスクトップに読み込むのに1秒未満かかる場合がありますが、3Gのみを使用してモバイルデバイスに読み込んでみてください。ブラウザが動作しなくても幸運ですタイムアウト。

画像を次のそれぞれに1つずつ、3つまたは4つの異なる解像度に分割します。

  • デスクトップ(大ブラウザ> 960px)
  • デスクトップ(小さいブラウザウィンドウ<960px)
  • タブレット
  • モバイル

ファイルのサイズを減らして読み込み時間を短縮するために、可能な限り画像を圧縮してください(品質に関して満足できる範囲で)。

1
Daniel Meade

サポートされている最高の画面DPIよりも高いDPIで画像をダウンロードしても、追加のメリットはありません。その時点で、必要以上に大きい画像をダウンロードしています。これらの場合、スケーリングの歪みとアンチエイリアスは、画像の品質を損なうことさえあります。

0
Josh Walsh

ピクセルサイズの違いを緩和するために、Appleは、さまざまなiOSデバイス間のサイズの尺度として「ポイント」の概念を導入しました。iOS開発者ライブラリには、かなり明確な説明があります。

IOSでは、すべての座標値と距離は、ポイントと呼ばれる単位で浮動小数点値を使用して指定されます。ポイントの測定可能なサイズはデバイスごとに異なり、ほとんど関係ありません。ポイントについて理解する必要がある主なことは、それらが描画のための固定された参照フレームを提供することです。

詳細はこちら

つまり、1ポイントあたり2ピクセルの解像度でアートワークを作成する場合、網膜ディスプレイでも安全である必要があります。 iPhoneのサイズは320x 480ポイントで、iPadのサイズは768x1024ポイントです。

0
Igor Asselbergs