Größen- und dpi-Verwirrung

Ich entwerfe eine App für mehrere Bildschirmgrößen in Android und habe viel darüber recherchiert, wie die Größen beibehalten werden sollten. Bis jetzt konnte ich verstehen, dass wir für mehrere Größen wie ldpi, mdpi, hdpi, xhdpi Elemente für alle angeben müssen. Aber bei diesem Thema bin ich verwirrt:

Angenommen, ich erstelle ein Design auf einem 6-Zoll-Bildschirm mit 480 dpi, damit die Elemente scharf und klar aussehen. Wenn ich dasselbe Design benötige, ändere ich den dpi-Wert auf 160, wenn ich für ein 3-Zoll-Telefon entwerfen möchte. Wenn ich also die dpi verringere, nimmt auch meine Auflösung ab, richtig?

Und was ist, wenn ich möchte, dass die Auflösung gleich ist, aber der Wert von dpi verringert oder erhöht wird? Wie mache ich das? (Ich weiß, wie es in Photoshop geht, aber ich habe versucht und überprüft, dass es kaum einen Unterschied macht.)

Können zwei verschiedene Auflösungen auf eine Bildschirmgröße mit unterschiedlichen dpi-Werten passen, wie es bei Retina-Displays der Fall ist? Wie passiert es?

Hallo und willkommen, nein yoy, dpi nicht ändern, Sie ändern die Anzahl der Pixel.
Dieser Artikel ist ziemlich gut geschrieben, um dieses Thema zu erklären - DER MYTHOS VON DPI
Möglicherweise hilfreich, wenn kein Duplikat: graphicdesign.stackexchange.com/questions/13777/…

Antworten (4)

Hier ist die beste Erklärung, die ich gelesen habe, was DPI eigentlich bedeutet:.

Die Kurzversion: Wenn Sie die DPI eines Bildes ändern, hat dies keine Auswirkungen auf die Qualität dieses Bildes . DPI ist nur im Zusammenhang mit einem Ausgabegerät wie einem Drucker relevant. Auf Bildschirmen hat es keine Wirkung.

Eine Bilddatei mit 1.000 × 1.000 Pixeln hat unabhängig von der DPI-Einstellung die gleiche Qualität und Menge an Informationen. Es werden auf jeden Fall genau 1.000.000 Pixel sein.

Pixel sind wirklich Ihr stabiles Datum, Zoll und dpi machen es einfach einfacher, damit zu denken. Sie können Ihre dpi ändern und Ihre Größe in Ruhe lassen, wenn Sie möchten, aber soweit ich das beurteilen kann, wird dies keinen Unterschied in der Anzeige auf dem Gerät machen. Ein 1-Zoll-300-Pixel-Bild zeigt genau die gleiche Größe wie ein 2-Zoll-150-Pixel-Bild.

Was bestimmt, wie groß es auf dem Bildschirm ist, hängt von der Auflösung des Bildschirms ab. (soweit ich das beurteilen kann)

Hoffentlich hilft das.

Wie bereits erwähnt, sollten die Leute die DPI beim Entwerfen für elektronische Geräte einfach ignorieren.

Versuchen Sie beim Entwerfen einer App, die Dinge richtig zu machen.

  1. Hinterlassen Sie Symbole und grafische Elemente. Entweder so etwas wie ein Font-Icon oder direkt als SVG. Dadurch erhalten Sie einen auflösungsunabhängigen Vermögenswert.

  2. Bei der Verwendung von Fotos gibt es mehrere Ansätze.

A. Verwenden der deklarierten Gesamtpixel. Sie können eine Website wie http://whatismyscreenresolution.net/ verwenden , um es zu erhalten.

  • Und darüber hinaus können Sie die berühmten 2x- oder 3x-Assets erstellen, um sie zu ersetzen.

B. Sie können nur ein Asset verwenden. Die am weitesten verbreitete Auflösung auf Mobilgeräten ist 2019 Full HD. Verwenden Sie einfach 1080 x 1920 px als maximale Größe oder als Maximum mit oder Höhe.


Die Herangehensweise hängt davon ab, wofür die Bilder verwendet werden. Ist es eine Galerie? Wird die Galerie eine Zoom-Option haben? Ist es ein Hintergrund? Brauche ich wirklich Details? Möchte ich Bandbreite sparen?

„DPI“ bezieht sich normalerweise auf auf Papier gedruckte Tintenpunkte, aber im Zusammenhang mit dem, worüber Sie sprechen, bezieht sich „dpi“ auf die Dichte von Phosphorelementen auf verschiedenen Telefondisplays. Nicht alle Bildschirme sind gleich, und einige größere Displays können tatsächlich kleinere Pixelabmessungen aufweisen als ein physisch kleineres Display mit dennoch höherer Dichte. Aus der Perspektive des Designs für Bildschirme ist dies jedoch nicht der Rede wert.

Alles, was Sie wirklich wissen müssen, sind die tatsächlichen Pixelabmessungen, die pro Zielgerät benötigt werden.