it-swarm.com.de

Sind Bilder mit höherer Auflösung immer besser?

Ich hatte die Auffassung, dass Bilder mit höherer Auflösung bei einer bestimmten Größe immer besser aussehen als die Bilder mit niedrigerer Auflösung.

Aber am dieser Link in StackOverFlow Ich habe etwas anderes gelesen.

Also meine Fragen:

  1. Werden Bilder mit höherer Auflösung bei einer festen Größe immer besser aussehen?
  2. Hängt diese Verbesserung, wenn überhaupt, von der Art des Displays und der zugrunde liegenden Hardware usw. ab (zum Beispiel ist dieser obige Fall spezifisch für Apple)?
  3. Sollte ich immer versuchen, Bilder mit besserer Auflösung zu erhalten? Oder gibt es eine Grenze, nach der menschliche Augen diese Verbesserung aufgrund von Auflösungsänderungen nicht wirklich unterscheiden können?

PS: Ich beschäftige mich nicht mit den Druckqualitäten dieser Bilder, sondern mit der visuellen Erfahrung, die man macht, wenn man sie auf dem Bildschirm sieht.


Ich werde mehr klären.

Ich muss ein Bild mit der Größe 800x600px (fest) verwenden.

Ich habe 3 Optionen: 900 dpi Bild, 600 dpi Bild, 4oo dpi Bild, alle in der Größe 800x600px.

Ist es immer eine gute Idee, 900 dpi über 600 und 400 zu verwenden?

Und die oben genannten Fragen folgen mit diesen Daten.

6
Amit Tomar

Ignorieren Sie die DPI-Einstellungen in Ihrer Bildsoftware vollständig. Es hat keinen Einfluss auf Webgrafiken.

Alles was zählt sind Pixelabmessungen. Ein 100 x 100 Pixel großes Bild mit 300 dpi ist genau das gleiche Bild auf dem Bildschirm wie ein 100 x 100 Pixel großes Bild mit 100 dpi.

DPI kommt nur ins Spiel, wenn Sie über Druckgrafiken sprechen.

Wenn Sie jedoch ein größeres Bild im Web in Betracht ziehen möchten, verwenden Sie Retina-Grafiken. Auch hier ist DPI irrelevant, aber der Schlüssel ist, dass Sie die Pixelabmessungen verdoppeln. Sie hätten also ein 100x100-Bild für normale Browser und ein 200x200-Bild für die Netzhaut.

8
DA01
  1. Hängt vom PPI (Pixel pro Zoll) des Bildschirms ab. Hochauflösende Symbole sehen auf einem Bildschirm mit niedriger Dichte nicht anders aus als auf einem Symbol mit niedriger Auflösung.
  2. Es hängt alles von der zugrunde liegenden Hardware ab. Wenn Sie Raketentreibstoff in Ihr Auto einfüllen, wird es nicht zu einem Raketenschiff.
  3. Sie sollten Bilder bereitstellen, die den Bildschirmeigenschaften der Geräte entsprechen, auf denen die Anwendung ausgeführt werden soll.
7
AndroidHustle

In digitalen Medien können Sie Pixel nicht wirklich von der Dichte (DPI) trennen.

Das liegt daran, dass ein Pixel ein Punkt ist .

wenn Ihr Bild also 400 DPI hat und 800 Pixel breit ist, bedeutet dies, dass es zwei Zoll groß ist.

Leider können Sie die DPI eines Geräts nicht definieren (dies ist eine Selbstverständlichkeit), sie liegt irgendwo zwischen 326 (iPhone 5) und 100 (Durchschnitt LCD Laptop-Monitor)).

Das Retina Macbook Pro hat eine Auflösung von etwa 220 DPI, und ehrlich gesagt kann ich es nicht wirklich von einem Standard-Macbook unterscheiden, das daneben steht, obwohl Apple behauptet, es sei besser. Vielleicht werden meine Augen müde .

Aber der eigentliche Vorteil ist: In digitalen Medien DPI kann in Photoshop nicht eingestellt werden, es ist die Eigenschaft des Geräts.

Damit:

  1. schnapp dir ein paar Handys
  2. überprüfen Sie die Bildschirmauflösung (z. B. 1136 x 640 für iPhone 5).
  3. entscheiden Sie, wie viel Bildschirmfläche Sie im Verhältnis zur Größe des Geräts belegen möchten (100% = volle Bildschirmbreite, 50% = halber Bildschirm usw.).
  4. Multiplizieren Sie die Auflösung mit der Bildschirmfläche (also 568 x 640, wenn Sie die Hälfte des Bildschirms eines iPhone 5 belegen möchten).
  5. Tun Sie dies für mehrere Geräte und versuchen Sie, 2-3 gute Durchschnittsgrößen zu finden.

Oder falls Sie aus Vektorgrafiken stammen:

  1. schnapp dir ein paar Handys
  2. schlagen Sie ihre PPI nach
  3. exportieren Sie Ihr Bild entsprechend ihrer PPI (aber stellen Sie keine physische Größe ein, lassen Sie die Anwendung dies berechnen)
7
Aadaam

Beim Umgang mit Bildern ist es immer am besten, reaktionsschnell vorzugehen. Das heißt, servieren Sie das Bild so gut wie möglich für das Gerät des Betrachters.

Hier dreht sich alles um Ladezeiten. Das Laden eines großen Bilds auf einem Desktop mit den heutigen Breitbandgeschwindigkeiten kann weniger als eine Sekunde dauern. Versuchen Sie jedoch, diese auf einem mobilen Gerät mit nur 3G zu laden, und Sie haben Glück, wenn der Browser dies nicht tut Auszeit.

Teilen Sie Ihr Bild in drei oder vier verschiedene Auflösungen auf, eine für jede der folgenden:

  • Desktop (Großer Browser> 960px)
  • Desktop (kleines Browserfenster <960px)
  • Tablette
  • Handy, Mobiltelefon

Denken Sie daran, Ihre Bilder so weit wie möglich zu komprimieren (soweit Sie mit der Qualität zufrieden sind), um die Dateigröße und damit die Ladezeiten zu verringern.

1
Daniel Meade

Das Herunterladen eines Bildes mit einer höheren DPI als der am höchsten unterstützten Bildschirm-DPI bietet keinen zusätzlichen Vorteil. Zu diesem Zeitpunkt laden Sie größere Bilder herunter, als Sie benötigen. Skalierungsverzerrungen und Anti-Aliasing können in diesen Fällen sogar die Bildqualität beeinträchtigen.

0
Josh Walsh

Um die Unterschiede in der Pixelgröße zu verringern, hat Apple das Konzept der "Punkte" als Maß für die Größe auf verschiedenen iOS-Geräten eingeführt. In der iOS-Entwicklerbibliothek gibt es eine ziemlich klare Erklärung:

In iOS werden alle Koordinatenwerte und Abstände mithilfe von Gleitkommawerten in Einheiten angegeben, die als Punkte bezeichnet werden. Die messbare Größe eines Punktes variiert von Gerät zu Gerät und ist weitgehend irrelevant. Das Wichtigste, was Sie über Punkte verstehen sollten, ist, dass sie einen festen Bezugsrahmen für das Zeichnen bieten.

Lesen Sie hier mehr.

Wenn Sie Kunstwerke mit einer Auflösung von 2 Pixel pro Punkt produzieren, sollten Sie auch für Retina-Displays sicher sein. iPhones haben eine Größe von 320 x 480 Punkten und iPads eine Größe von 768 x 1024 Punkten.

0
Igor Asselbergs