Update: Przeczytaj nasz nowy Ultimate Guide To iPhone Resolutions!
Kilka dni temu Apple zaprezentował iPhone’a 6 Plus. Nowy iPhone znacząco zmienia sposób, w jaki grafika jest renderowana na ekranie. Zrobiliśmy infografikę, aby to zdemistyfikować.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3,5″ 4,7″ 5,5″ iPhone 6 Plus ma ekran o niższej rozdzielczości pikseli niż obraz renderowany w poprzednim kroku.Zanim obraz może być wyświetlany na ekranie, musi być downsampled (zmiana rozmiaru) do niższej rozdzielczości pikseli. Fizyczne piksele Na początku współrzędne wszystkich rysunków są określone w Punkty są abstrakcyjnymi jednostkami, mają sens tylko w tej matematycznej przestrzeni współrzędnych.W oryginalnym iPhonie punkty idealnie odpowiadały rzeczywistym pikselom na ekranie, ale to już nie jest prawdą. Punkty Rysunki oparte na punktach są renderowane do pikseli. Proces ten znany jest jako rasteryzacja.Współrzędne punktów są mnożone przez współczynnik skali, aby uzyskać współrzędne pikseli. Wyższe współczynniki skali skutkują wyższym poziomem szczegółowości. Typowe współczynniki skali to 1×, 2× i 3×. Renderowane piksele Ostatnim krokiem jest pokazanie obliczonych pikseli na fizycznym ekranie.Każdy ekran ma charakterystykę pikseli na cal (PPI). Liczba ta mówi, ile pikseli mieści się na jednym calu, a więc jak duże piksele pojawiają się w świecie rzeczywistym. Urządzenie fizyczne renderowanie przy 1× downsampling / 1,15 pokaż na urządzeniu pokaż na urządzeniu pokaż na urządzeniu (piksele) (piksele) (piksele) (punkty) (piksele urządzenia) (punkty) (punkty) (punkty) Oryginalny iPhone iPhone 6 iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ 163 PPI 326 PPI 401 PPI punkty. renderowanie przy 3× renderowanie przy 2× a iPhone 6 Plus downsampluje renderowany obraz przed wyświetleniem go na ekranie. Fizyczne piksele Zawartość jest definiowana matematycznie przy użyciu współrzędnych punktów. Punkty Zawartość jest renderowana do pikseli przy użyciu współczynnika skali. Ten proces jest nazywany rasteryzacją. Renderowane piksele Rasteryzowane rysunki są wyświetlane na urządzeniach fizycznych. Urządzenie fizyczne render 2× downsampling / 1,15 pokaż na urządzeniu pokaż na urządzeniu pokaż na urządzeniu Oryginalny iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ render 3× render 1× a a
Renderowanie linii
Aby zademonstrować różne renderowanie pikseli na różnych urządzeniach, porównujemy jak linia o szerokości 1 punktu jest renderowana na
- Oryginalnym iPhonie – bez wyświetlacza retina. Współczynnik skalowania wynosi 1.
- iPhone 5 – z wyświetlaczem Retina, współczynnik skalowania wynosi 2.
- iPhone 6 Plus – z wyświetlaczem Retina HD. Współczynnik skalowania wynosi 3, a obraz jest następnie przeskalowywany w dół z renderowanych 2208 × 1242 pikseli do 1920 × 1080 pikseli.
Stosunek skalowania w dół wynosi 1920 / 2208 = 1080 / 1242 = 20 / 23. Oznacza to, że każde 23 piksele z oryginalnego renderingu muszą zostać zmapowane do 20 fizycznych pikseli. Innymi słowy obraz jest skalowany w dół do około 87% jego oryginalnego rozmiaru.
23 piksele 20 pikseli Oryginalny iPhone 3.5″ iPhone 5 4″ iPhone 6 Plus 5.5″ HipotetycznyPerfekcyjny 3× Display ????
Wprowadzenie PaintCode 3. Następna generacja naszego narzędzia do tworzenia rysunków niezależnych od rozdzielczości.
.