it-swarm.com.de

Bildauflösung für neues iPhone 6 und 6+, @ 3x Unterstützung hinzugefügt?

Ich habe einige Artikel und Diskussionen wie eine hier und hier über Bildauflösungen angeschaut, die neue iPhones für die Anzeige von @ 3x-Bildern verwenden. Ist es wahr?

Bedeutet das, dass wir drei Bilder behalten müssen? Angenommen, ich habe ein Bild mit einer Größe von 50 x 50, muss ich 3 Bilder behalten, um das Erscheinungsbild für neue iPhones zu optimieren?

  • Normal (50 x 50)
  • @ 2x - Retina (100 x 100)
  • @ 3x - Retina HD (150 x 150)

Oder werden die neuen Telefone nur @ 2x-Bilder verwenden und es gibt nichts Vergleichbares wie @ 3x?

Ich habe getestet, indem ich ein Beispielprojekt erstellt habe und alle Simulatoren scheinen @ 3x-Bilder zu verwenden, dies ist verwirrend.

Bearbeiten

Hier gibt es mehr Infos

  • 3GS (163 ppi, verwenden Sie also Normal)
  • 4, 4s, 5 und 5s (326 ppi, also verwenden wir @ 2x)
  • 6 (326 ppi so it seems like it will use @2x)
  • 6 plus (401 ppi hier liegt die Verwirrung)

Bearbeiten

Basierend auf den Antworten von Tsob und Nitin habe ich meinem Projekt @ 3x-Bilder hinzugefügt.

Informationsbearbeitung

Ich sehe, dass nur wenige Benutzer verwirrt sind, warum das iPhone 6 @ 2x-Bilder verwendet, obwohl es eine höhere Auflösung hat, der Grund dafür ist

iPhone 6 hat möglicherweise eine andere Auflösung, aber die gleiche Dichte pro Pixel Zoll (PPI).

  • Die Auflösung bezieht sich auf eine absolute Anzahl von Pixeln.
  • Bei der Dichte (auch als Pixel pro Zoll - PPI bezeichnet) handelt es sich um eine relative Anzahl von Pixeln pro Zoll, die bei iPhone 6 und früheren iPhones identisch ist, sich jedoch in der Größe unterscheidet iPhone 6 plus.

Überprüfen Sie mehr darüber hier in diesem Thread

Daher verwendet das iPhone 6 das @ 2x-Image wie die iPhones 4, 5 und 5S, da es das gleiche PPI und das iPhone 6 plus das @ 3x-Image verwendet.

140
Bhumit Mehta

Ich habe in einem Beispielprojekt versucht, Standard-, @ 2x- und @ 3x-Bilder zu verwenden, und der iPhone 6+ Simulator verwendet das @ 3x-Bild. Also ist es wie es scheint, dass @ 3x Bilder gemacht werden müssen (wenn der Simulator tatsächlich das Verhalten des Geräts repliziert). Aber das Seltsame ist, dass alle Geräte (Simulatoren) dieses @ 3x-Image zu verwenden scheinen, wenn es sich in der Projektstruktur befindet, auch das iPhone 4S/iPhone 5.
Die mangelnde Kommunikation von Apple auf einer potenziellen @ 3x-Struktur, während Entwickler gebeten werden, ihre iOS8-Apps zu veröffentlichen, ist ziemlich verwirrend, insbesondere, wenn diese Ergebnisse im Simulator angezeigt werden.

** Bearbeiten von der Apple-Website **: Dies finden Sie auch im Abschnitt "Was ist neu in iOS 8?" Im Entwicklerbereich von Apple:

nterstützung für eine neue Bildschirmskala Das iPhone 6 Plus verwendet ein neues Retina HD-Display mit einer Bildschirmskala von 3,0. Um das bestmögliche Erlebnis auf diesen Geräten zu erzielen, fügen Sie neue Grafiken hinzu, die für diese Bildschirmskala entwickelt wurden. In Xcode 6 können Asset-Kataloge Bilder in den Größen 1x, 2x und 3x enthalten. Fügen Sie einfach die neuen Bildelemente hinzu, und iOS wählt die richtigen Elemente aus, wenn es auf einem iPhone 6 Plus ausgeführt wird. Das Ladeverhalten von Bildern in iOS erkennt auch ein @ 3x-Suffix.

Ich verstehe immer noch nicht, warum alle Geräte das @ 3x zu laden scheinen. Vielleicht liegt es daran, dass ich normale Dateien und keine xcassets verwende? Werde es bald versuchen.

Nach weiteren Tests bearbeiten: Ok= es scheint, dass iOS8 eine Diskussion darüber hat. Beim Testen auf einem iOS 7.1 iPhone 5-Simulator wird das @ 2x-Image korrekt verwendet. Beim Starten desselben unter iOS 8 wird jedoch das @ 3x auf dem iPhone 5 verwendet. Ich bin mir nicht sicher, ob dies ein gewünschtes Verhalten oder ein Fehler in iOS8 GM oder Simulatoren in Xcode 6 ist.

53
TSob

UPDATE:

Neuer Link für die Bildgröße der Icons von Apple.

https://developer.Apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

enter image description here


Ja, es ist wahr, hier ist es Apple Offizielle Dokumentation zu Symbol- oder Bildgröße

enter image description here

sie müssen Bilder für iPhone6 ​​und iPhone6 ​​+ einstellen

Für iPhone 6:

750 x 1334 (@2x) for portrait

1334 x 750 (@2x) for landscape

Für iPhone 6 Plus:

1242 x 2208 (@3x) for portrait

2208 x 1242 (@3x) for landscape

Für weitere Informationen zu Bildern und deren Auflösung ist dieser Beitrag der beste, der jemals hilfreich war.

Zum Einstellen der Bildgröße für Steuerelemente können Sie 1x @ 2x und @ 3x wie folgt einstellen:

enter image description here

102
Nitin Gohel

Ich habe getestet, indem ich ein Beispielprojekt erstellt habe und alle Simulatoren scheinen @ 3x-Bilder zu verwenden, dies ist verwirrend.

Erstellen Sie verschiedene Versionen eines Images in Ihrem Asset-Katalog, sodass das Image selbst angibt, um welche Version es sich handelt:

enter image description here

Führen Sie nun die App nacheinander auf jedem Simulator aus. Sie werden sehen, dass das 3x-Image nur auf dem iPhone 6 Plus verwendet wird.

Dasselbe gilt, wenn die Bilder mit ihren Namen aus dem App-Bundle gezogen werden (z. B. one.png, [email protected] und one @ 3x.png) durch Aufrufen von imageNamed: und in eine Bildansicht zuweisen.

(Es gibt jedoch einen Unterschied, wenn Sie das Bild in Interface Builder einer Bildansicht zuweisen - die 2x-Version wird auf Geräten mit doppelter Auflösung ignoriert. Dies ist vermutlich ein Fehler, anscheinend ein Fehler in pathForResource:ofType:.)

10
matt

ios versucht immer, das beste Bild aufzunehmen, greift jedoch auf andere Optionen zurück. Wenn Sie also nur normale Bilder in der App haben und @ 2x Bilder benötigen, werden die normalen Bilder verwendet.

wenn Sie nur @ 2x in das Projekt einfügen und die App auf einem normalen Gerät öffnen, werden die Bilder zur Anzeige verkleinert.

wenn Sie ios7- und ios8-Geräte anvisieren und die beste Qualität wünschen, benötigen Sie @ 2x und @ 3x für das Telefon und normal und @ 2x für das iPad, da kein Nicht-Retina-Telefon mehr und kein @ 3x-iPad mehr vorhanden ist.

vielleicht ist es besser, die Assets in der App aus einer Vektorgrafik zu erstellen ... check http://mattgemmell.com/using-pdf-images-in-ios-apps/

2
Bastian