Was ist ein IPS- und Retina-Display? Was ist ein Retina-Display? Was ist ein Retina-Display?

Nach der kürzlichen Veröffentlichung des Retina MacBook Pro und des neuen iPad haben Bildschirme mit erhöhter Pixeldichte begonnen, unser Leben zu betreten. Was bedeutet das für Webentwickler?

Lassen Sie uns zunächst die Terminologie verstehen.

physische Pixel

physische Pixel(Gerätepixel oder physikalischer Pixel) - uns vertraut Pixel: die kleinsten Elemente eines jeden Displays, von denen jedes seine eigene Farbe und Helligkeit hat.

Bildschirmdichte(Bildschirmdichte) ist die Anzahl der physischen Pixel des Displays. Sie wird üblicherweise in Pixel pro Zoll (PPI: Pixel per Inch) gemessen. Apple, das Retina-Bildschirme mit doppelter Pixeldichte entwickelt hat, behauptet, dass das menschliche Auge eine höhere Dichte nicht unterscheiden kann.

CSS-Pixel


CSS-Pixel(CSS-Pixel) - ein abstrakter Wert, der von Browsern verwendet wird, um Inhalte auf Seiten unabhängig vom Bildschirm genau anzuzeigen (DIPs: geräteunabhängige Pixel). Beispiel:


Ein solcher Block auf normalen Bildschirmen nimmt eine Fläche von 200 x 300 Pixel ein, und auf Retina-Bildschirmen erhält derselbe Block 400 x 600 Pixel.Auf Retina-Bildschirmen ist die Pixeldichte also viermal höher als auf normalen:

Das Verhältnis zwischen physischen und CSS-Pixeln kann wie folgt eingestellt werden:
Gerätepixelverhältnis, -o-Gerätepixelverhältnis, -moz-Gerätepixelverhältnis, -Webkit-Gerätepixelverhältnis ( … )

Oder so:
Geräte-Pixel-Verhältnis, -o-min-Geräte-Pixel-Verhältnis, min--moz-Geräte-Pixel-Verhältnis, -Webkit-min-Geräte-Pixel-Verhältnis ( … )

In Javascript kann dies mit erreicht werden
window.devicePixelRatio

Rasterpixel



Rasterpixel(Bitmap-Pixel) – die kleinsten Teile, aus denen ein Bitmap-Bild (PNG, JPF, GIF usw.) besteht. Jedes Pixel enthält Informationen über Farbe und Position im Koordinatensystem des Bildes. In einigen Formaten kann ein Pixel zusätzliche Informationen enthalten, beispielsweise Transparenz.

Zusätzlich zur Bitmap-Auflösung haben Webbilder abstrakte Abmessungen in CSS-Pixeln. Der Browser verkleinert oder dehnt das Bild entsprechend seiner CSS-Breite und -Länge. Bei der Anzeige auf einem normalen Bildschirm entspricht ein Bitmap-Pixel einem CSS-Pixel. Auf Retina-Bildschirmen wird jedes Bitmap-Pixel mit 4 multipliziert:

Optimierung

Es gibt mehrere Möglichkeiten, Grafiken für die Anzeige auf Retina-Bildschirmen zu optimieren. Jeder hat sowohl Vor- als auch Nachteile, es ist in jedem Fall notwendig zu wählen, was eine höhere Priorität hat: Leistung, einfache Implementierung, Browserunterstützung oder einige andere Parameter.

HTML- und CSS-Skalierung

Der einfachste Weg, eine Grafik für ein Retina-Display vorzubereiten, besteht darin, die physikalischen Abmessungen des Bildes einfach zu halbieren. Um beispielsweise ein Foto mit 200 x 300 Pixeln auf einem Bildschirm mit erhöhter Pixeldichte anzuzeigen, müssen Sie ein Foto mit 400 x 600 Pixeln hochladen und es mithilfe von CSS-Attributen oder HTML-Parametern verkleinern. Dies ist die Anzeige auf einem normalen Bildschirm:

Und so auf Retina:

Es gibt mehrere Möglichkeiten, HTML- und CSS-Skalierung zu implementieren:

HTML

Am einfachsten ist es, einfach die Breiten- und Höhenparameter für das img-Tag festzulegen:

Wo zu verwenden: auf einseitigen Websites mit mehreren Bildern.

Javascript

Das gleiche Ergebnis kann mit Javascript erreicht werden, um die Bildgröße für Retina-Bildschirme zu halbieren. Mit der jQuery-Bibliothek sieht das so aus:
$(window).load(function() ( var images = $("img"); images.each(function(i) ( $(this).width($(this).width() / 2); ) ); ));

Wo zu verwenden: auf Websites mit mehreren Bildern im Inhalt.

CSS (SCSS)

Sie können auch ein Bild mit den erforderlichen Abmessungen (Hintergrundgröße) eines bestimmten div "a als Hintergrund verwenden. Der Parameter "Hintergrundgröße" wird in IE 7 und 8 nicht unterstützt.
.image ( Hintergrundbild: url( [E-Mail geschützt]); Hintergrundgröße: 200px 300px; /* alternative Hintergrundgröße: enthalten; */Höhe: 300px; Breite: 200px )

Sie können :before oder :after Pseudoelemente verwenden
.image-container:before ( Hintergrundbild: url( [E-Mail geschützt]); Hintergrundgröße: 200px 300px; Inhalt:""; Bildschirmsperre; Höhe: 300px; Breite: 200px )

Die Technik funktioniert auch bei der Verwendung von Sprites:
.icon ( Hintergrundbild: url( [E-Mail geschützt]); Hintergrundgröße: 200px 300px; Höhe: 25px; Breite: 25px &.trash ( Hintergrundposition: 25px 0; ) &.edit ( Hintergrundposition: 25px 25px; ) )

Wo zu verwenden: auf Websites mit einer begrenzten Anzahl von Hintergrundbildern (z. B. eines als Sprite).

HTML- und CSS-Skalierung: Vorteile

  • Leichtigkeit der Durchsetzung
  • Crossbrowser-Kompatibilität

HTML- und CSS-Skalierung: Nachteile

  • Geräte mit normalen Bildschirmen laden zusätzliche Megabyte herunter
  • Auf normalen Bildschirmen kann die Bildschärfe aufgrund von Komprimierungsalgorithmen leiden.
  • Der Parameter background-size wird in IE 7 und 8 nicht unterstützt.

Bestimmung der Bildschirmpixeldichte



Vielleicht ist dies die beliebteste Methode, um Grafiken für Retina-Displays zu optimieren. Es wird CSS oder Javascript verwendet.

css

Diese Methode verwendet das Geräte-Pixel-Verhältnis, um das richtige Verhältnis zwischen physischen und CSS-Pixeln festzulegen:
.icon (Hintergrundbild: url(example.png); Hintergrundgröße: 200px 300px; Höhe: 300px; Breite: 200px; ) @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), nur Bildschirm und (-moz-min-device-pixel-ratio: 1.5), nur Bildschirm und (-o-min-device-pixel-ratio: 3/2), nur Bildschirm und (min-device-pixel-ratio: 1.5) ( .icon ( Hintergrundbild: url( [E-Mail geschützt]); } }

Wo zu verwenden: auf Websites oder Anwendungen, die Hintergrundbilder für Designelemente verwenden. Nicht geeignet für Bilder innerhalb von Inhalten.

Vorteile

  • Crossbrowser-Kompatibilität

Minuspunkte

  • Langwierig zu implementieren, insbesondere auf großen Websites
  • Die Verwendung eines Inhaltsbildes als Hintergrund ist semantisch falsch

Javascript

Das gleiche Ergebnis kann mit window.devicePixelRatio erreicht werden:
$(document).ready(function()( if (window.devicePixelRatio > 1) ( var lowresImages = $("img"); images.each(function(i) ( var lowres = $(this).attr(" src"); var highres = lowres.replace(".", "@2x."); $(this).attr("src", highres); )); ) ));

Es gibt ein spezielles Javascript-Plugin namens Retina.js, das all das kann, aber mit zusätzlichen Funktionen wie dem Überspringen externer Bilder und dem Überspringen interner Bilder, die keine Retina-Kopien haben.

Wo zu verwenden: auf allen Seiten mit Bildern im Inhalt.

Vorteile

  • Leichtigkeit der Durchsetzung
  • Geräte laden keine unnötigen Bilder herunter
  • Steuerung der Pixeldichte der Website

Minuspunkte

  • Retina-Geräte laden beide Versionen jedes Bildes herunter
  • Bild-Spoofing macht sich auf Retina-Geräten bemerkbar
  • Funktioniert nicht in einigen gängigen Browsern (IE und Firefox)

Skalierbare Vektorgrafiken


Unabhängig von der verwendeten Methode bleiben Bitmaps naturgemäß in der Skalierung begrenzt. Hier können Vektorgrafiken helfen. SVG (Scalable Vector Graphics) XML-basiertes Format wird von den meisten Browsern unterstützt. Der einfachste Weg, SVG-Bilder zu verwenden, ist im img-Tag oder mit den CSS-Optionen background-image und content:url().

In diesem Beispiel kann ein einfaches SVG-Bild beliebig skaliert werden:

Dasselbe passiert mit CSS:
/* Ein Hintergrundbild verwenden */ .image ( background-image: url(example.svg); background-size: 200px 300px; height: 200px; width: 300px; ) /* Using content:url() */ .image - container:before ( content: url(example.svg); /* width und height funktionieren nicht mit content:url() */ )

Die Unterstützung für IE 7 oder 8 und Android 2.x erfordert die Verwendung von PNG-Ersatzbildern. Das geht ganz einfach mit Modernizr:
.image ( Hintergrundbild: url(example.png); Hintergrundgröße: 200px 300px; ) .svg ( .image ( background-image: url(example.svg); ) )

Für beste Cross-Browser-Kompatibilität und um Rasterungsprobleme in Firefox und Opera zu vermeiden, passen Sie jedes SVG-Bild an sein übergeordnetes HTML-Element an.

In HTML können Sie dasselbe mit den erforderlichen Daten im a-Tag implementieren:

Verwendung von jQuery und Modernizr:
$(document).ready(function()( if(!Modernizr.svg) ( var images = $("img"); images.each(function(i) ( $(this).attr("src", $ (this).data("png-fallback")); )); ) ));

Wo zu verwenden: auf allen Websites, geeignet für Symbole, Logos und einfache Vektorillustrationen.

Vorteile

  • Ein Satz Bilder für alle Geräte
  • Leichtigkeit der Durchsetzung
  • Unendlicher Zoom

Minuspunkte

  • Kein pixelgenaues Anti-Aliasing
  • Aufgrund großer Dateigrößen nicht für komplexe Grafiken geeignet
  • Keine integrierte Unterstützung in IE 7, 8 und früheren Versionen von Android

Icon-Fonts



beliebt dank

Retina-Displays und die neueren Retina-HD-Displays werden oft erwähnt, wenn es um Apple-Produkte geht. In diesem Artikel werden wir versuchen, die Unterschiede zwischen diesen Arten von Displays zu ermitteln und festzustellen, ob diese Displays das geforderte Geld wert sind.

Was ist Retina-Display? Oder wie lautet die genaue Definition für Displays mit diesem Namen?

Ein Retina-Display ist eher ein Marketingtrick als ein technischer Begriff, aber es kann als ein Display definiert werden, das in einem Computergerät verwendet wird und eine hohe Pixeldichte aufweist, bei der das menschliche Auge die einzelnen Pixel nicht sehen kann. Mit anderen Worten, es wird angenommen, dass eine Person nicht in der Lage sein wird, den Unterschied zwischen einem Foto eines Gemäldes, das auf einem Retina-Bildschirm gezeigt wird, und dem Gemälde selbst zu erkennen. Aber das ist nur in der Theorie.

Retina ist Eigentum von Apple. Andere Unternehmen produzieren möglicherweise Bildschirme mit den gleichen Spezifikationen, aber sie werden sie nicht Retina nennen können. Dies ist eine Marke.

Welche Auflösung hat das Retina Display?

Bildschirmauflösungen werden im Format "Anzahl Pixel" X "Anzahl Pixel" angegeben. Aber der entscheidende Punkt für Retina-Displays ist die Pixeldichte (Anzahl der Pixel pro Zoll). Bei gleichen Bildschirmauflösungen (in Pixeln), aber unterschiedlichen Größen (in Zoll), ist die Pixeldichte unterschiedlich.

Aber selbst in Bezug auf die Pixeldichte gibt es keine einzelne Zahl, die einen Bildschirm als Retina qualifiziert, da die Definition von Retina-Displays, Achtung, den Abstand des Bildschirms von den Augen berücksichtigt.

Tatsächlich sind die folgenden Pixeldichten für verschiedene Arten von Geräten üblicher:

  • 326 ppi - Smartphones
  • 264 ppi - Tabletten
  • 220 ppi - Laptops

Gibt es Bildschirme, die eine bessere Leistung als Retina-Displays bieten?

Es gibt. Es gibt Bildschirme, die eine höhere Pixeldichte haben. Apple selbst bietet seit dem Start des iPhone 6 an, einen verbesserten Retina-HD-Bildschirm zu verwenden. Aber viele Android-Geräte übertreffen Apple-Geräte in diesem Indikator, zum Beispiel LG G3 - 534 Pixel pro Zoll.

Aber wenn wir uns an unsere vorherige Definition von Retina erinnern, dann ist die Erhöhung der Pixeldichte ein ziemlich umstrittenes Unterfangen, weil das menschliche Auge bei so hohen ppi keinen Unterschied mehr sieht. Apple hat selbst darüber gesprochen. Aber die Veröffentlichung des iPhone 6 kann als Anerkennung dafür gewertet werden, dass man den Unterschied immer noch spürt.

Der Unterschied zwischen Retina und Retina HD.

Der Begriff Retina HD bezieht sich nur auf die Bildschirme neuer Apple-Smartphones. Wie also ist Retina HD seinem Vorgänger überlegen:

  • höhere Auflösung
  • Größerer Kontrast
  • Größerer Betrachtungswinkel dank Dual-Domain-Pixel-Technologie
  • Auch wenn Sie mit einer Brille auf den Bildschirm schauen, ist das Bild auf dem Bildschirm heller als bei früheren Modellen.

yFH UVBFSHA S TEYIM OBRYUBFSH RPUME VKhTOPZP PVEEOIS PE NOPZYI VMPZBI UP NOPTSEUFCHPN RPMSh'PCHBFEMEK. UMSHCHYB FP FHF, FP FBN „X iPad“ B VHDEF HMHYUYEOOSCHK DYURMEK“ YMY „EUMY OE Retina, OBBYUF, PFUFPK!“ S TEYM, UFP RPTB RTELTBFYFSH LFH DYULKHUUYA Y TBPVMBYUYFSH NYZHSC P DYURMEE „Retina“.

PUOPCHSC: UFP FBLPE „Retina“?

obyuoyin U FPZP, LBLPE PRTEDEMEOYE Apfel DBЈF DYURMEA "Retina".

y PRYUBOYS iPhone: "vMBZPDBTS DYURMEA Retina CHUE UFP CHSHCHCHYDYFE Y DEMBEFE ABOUT CHBYEN iPhone 4S CHCHZMSDYF RTECCHPUIPDOP. rMPFOPUFSH RYLUEMEK UFPMSh CHSHCHUPLB, UFP ZMB OE NPCEF TBEKMYUIFSHHI PFDELMSHHOEM." - Apple.com

y PRYUBOYS iPad: "rYLUEMY OBIPDSFUS FBL VMYêLP DTHZ PF DTHZB, UFP RTY TBUUNNPFTEOYY U PVSCHUOPZP TBUUFPSOYS GENERAL ZMBB OE CH UPUFPSOYY PFMYUYFSH YODYCHYDHBMSHOSHCHE RAYLUEMY." - Apple.com

йЪ ЧУФХРЙФЕМШОПК ТЕЮЙ РП РПЧПДХ ДЙУРМЕС Retina: "пЛБЪЩЧБЕФУС, ЕУФШ НБЗЙЮЕУЛПЕ ЮЙУМП - 300 РЙЛУЕМЕК ОБ ДАКН - РТЙ ЬФПК РМПФОПУФЙ ЗМБЪ ОЕ НПЦЕФ ЧЩДЕМЙФШ ПФДЕМШОЩЕ РЙЛУЕМЙ ЕУМЙ УНПФТЕФШ У ТБУУФПСОЙС 10 ЙМЙ 12 ДАКНПЧ (ПЛПМП 25,5 ЙМЙ 30,5 УН - РТЙН. RETECH.)." -- UFYCH dTsHVU (Steve Jobs) ÜBER WWDC

yê LFYI UMPC NPTsOP UDEMBFSH CHSHCHCHPD, UFP DBOOPE Apple PRTEDEMEOYE DYURMEA "Retina" UCHPDYFUS L OEURPUUPVOPUFY TBMYYUYFSH YODYCHYDKHBMSHOSHCHE RYLUEMY U OELPFPTSCHI "OPTNBMSHOSHCHI" TBUUFPSOYK. lPOEYUOP, LFP ЪCHKHYUYF CHEYUBFMSAEE, OP, PUOPCHSCCHBSUSH ÜBER TBNET LTBOB, TBTEYOYY Y TBUUFPSOY, RPDPVOPE NPTsOP HFCHETSDBFSH P MAVPN DYURMEE. OBRTYNET, 50-DAKNPCHSCK 720P (1280x720) FEMECHJPT OE HUFHRBEF DUURMEA "Retina" RTY TBUUNNPFTEOY U TBUUFPSOYS RTYNETOP FTJI NEFTCH, IPFS RMPFOPUFSH RYLUEMEK UPUFBCHMSEF CHUEZP.29.4 rPDTPVOEE PV LFPN OYCE.

oENOPZP FEPTYY: YEEN ЪPOH OBIMHYUYEZP CHPURTYSFYS DMS DYURMES "Retina"

FERETSCH, LPZDB NSCH RPOINBEN UFP RTEDUFBCHMSEF UPVPK DYURMEK "Retina", LBL OBKFY OHTSOPE DMS DPUFYTSEOIS RPDPVOPZP TZHZHELFB TBTEYOYE?

pFCHEF LTPEFUS CH FPN HZME ЪTEOYS, ABOUT LPFPTPN ZMB NPTSEF TBMYYUBFSH YЪPVTTBTSEOIS Y OELPFPTSCHI NBFENBFYUEULYI TBUYUЈFBI. dms ÜBER RTBLFILE LFP POBYUBEF UMEDHAEEE: EUMY ÜBER BDBOOPN TBUUFPSOYY DCHB PVYAELFB OBIPDSFUS H NEOEE YUEN PDOPC HZMPCHPK NYOHFE DTHZ PF DTHZB, NSC HCHYDYN YI LBL PDYO PVYAELF. DMS DYURMEECH TBUUFPSOYE NETSDH RILUEMSNY OBSCCHCHBEFUUS YBZPN TBURPMPTSEOIS FPYUEL. UEKYUBU FFPF RBTBNEFT OE YURPMSH'HEFUS CH TELMBNOP-NBTLEFPMPZYUEULYI GEMSI, OP CHTENEOB MF-NPOYFPTPCH FFPF RBTBNEFT UPUFBCHMSM 0.28. yFBL, RPMHYUCH CHUE RBTBNEFTSHCH, NShch NPTSEN PRTEDEMYFSH OBBYUEOYE PUFTPFSHCH TEOYS, YMY TBUUFPSOIE, ÜBER LPFPTPN RYLUEMY HTS OE TBMYUBAFUS DTHZ PF DTHZB. oE UFBOH HFPNMSFSH CHBU CHUENY TBUYUЈFBNY, OP CHPF LFB ZhPTNHMB RTEDUFBCHMSEFUS CHBTSOPK: VA=Punktabstand/(2*Tangente(rad((1/60)(20/20))/2)).

dBChBKFE RPUNPFTYN ÜBER FFPF RBTBNEFT DMS RPRHMSCHI TBTEYOYK OB LTBOBI RMBOYEFOSHI LPNRSHAFETCH.

HUFTPKUFCHP (TBNET LLTBOB) tbteeee yBZ TBURPMPCEOYS FPYUEL RILUEMEK rMPFOPUFSH RYLUEMEK PUFTPFB UTEOIS
iPad 2 (9,7") 1024 x 768 0.008 786K 132 26.1"
iPad HLK (9,7") 2084x1536 0.004 3,15 Mio 264 13"
Lenovo-Tablet 2 (10,1") 1366 x 768 0.006 1,05 Mio 155 22.2"
Surface Pro (10,6 Zoll) 1920 x 1080 0.005 2,1 Mio 207 16.5"

uFB FBVMYGB PJOBYUBEF UMEDHAEEE: U TBUUFPSOYS VPMEE 61 UN chue LFY TBTEYOYS UPPFCHEFUFCHHAF PRTEDEMEOYA "Retina" DMS YuEMPCHELB U OPTNBMSHOSHCHN TEOYEN. chDKHNBKFEUSH EEY TB: wow! FERETSCH OBN PUFBЈFUS OBKFY EEI PYO RBTBNEFT: ZBLFYUEULPE CHYHBMSHOPE TBUUFPSOYE.

mit CHYTSH UCHPK RMBOYEF PFUADB: UTEDOYE CHYHBMSHOSHCHE TBUUFPSOIS

NPTsOP VSHMP VSH RTYCHEUFY RTYNETSHCH U HYJFPN UTEDOEZP TPUFB, DMYOOSHCH LPOEYUOPUFEK, B FBLTS FYRYUOSCHI HUMPCHYK RTYNEOYS, OP PF LFPZP UFBFSHS HCHEMYYUYMBUSH VSHCH H OEULPMSHLP TB. dPUFBFPYuOP ULBEBFSH, UFP NPY TBUYUЈFSHCH CHRPMOE UPCHRBDBAF UP UTEDONY OBYUEOYSNNY, LPFPTSCHE NPTsOP OBKFY CH UEFY. Display Mate, TAUW Y bNETILBOULBS PRFPNEFTYUEULBS BLBDENYS RTYYYMY L EDYOPNH NOOYA P OBBYEOOYY H 15"-22". YUIPDS Y UPVUFCHEOOPZP PRSHCHFB, NOE LBTCEFUS UFP 15" - UMYYLPN VMYêLPE TBUUFPSOIE, UFP S OBDEAUSH RTPYMMAUFTYTPCHBFSH OYCE.

eUMY CHSH YURPMSH'HEFE UCHPK RMBOYEF RPDPVOSHCHN PVTBPN, DBKFE OBFSH.

dBChBKFE PVTBFYN CHOYNBOYE ABOUT OBBYUEOYS PUFTPFSHCH ЪTEOYS EEI TB Y RPUNPFTYN, LBLIE HUFTPKUFCHB UPPFCHEFUFCHHAF PRTEDEMEOYA "Retina" U LFPZP TBUUFPSOIS.

RMBSF tbteeee PUFTPFB UTEOIS Retina?
iPad 2 1024 x 768 26.1" oEF
Lenovo-Tablet 2 1366 x 768 22.2" dB
Surface Pro 1920 x 1080 16.5" dB
iPad 2084x1536 13.0" dB

дЕКУФЧЙФЕМШОП, ДБЦЕ "ОЙЪЛПЕ" ТБЪТЕЫЕОЙЕ 1366x768 УППФЧЕФУФЧХЕФ ПРТЕДЕМЕОЙА "Retina" РТЙ ВПМЕЕ ЮЕН 22". еДЙОУФЧЕООПЕ ХУФТПКУФЧП, ЛПФПТПЕ ЧЩВЙЧБЕФУС ЙЪ ЬФПЗП ТСДБ - iPad 2. ьФП ПДОБ ЙЪ ЗМБЧОЩИ РТЙЮЙО ЧПУФПТЗБ РПМШЪПЧБФЕМЕК iPad РП РПЧПДХ ДЙУРМЕС "Retina". пОЙ ПДОЙ ЙЪ ОЕНОПЗЙИ ЧЙДСФ РТЕЙНХЭЕУФЧП ХЧЕМЙЮЕОЙС ТБЪТЕЫЕОЙС, ЮФП ЗПЧПТЙФ УЛПТЕЕ П ОЕДПУФБФЛБИ УФБТПЗП ДЙУРМЕС, ЮЕН П ДПУФПЙОУФЧБИ ОПЧПЗП. оЕ РПКНЙФЕ НЕОС ОЕРТБЧЙМШОП, ДЙУРМЕК ОПЧПЗП iPad"Б РТЕЧПУИПДЕО, ОП ЬФП ДПУФЙЗБЕФУС ЪБ УЮЈФ ХЧЕМЙЮЕОЙС ЛПОФТБУФБ Й ГЧЕФПЧПК ЗБННЩ, Б ОЕ PPI. LFY DCHB HMHYUYOYS HNEAF LHDB VPMSHIEE OBYUEOYE DMS TBVPFSCH (CHRTPYUEN, LFP HCE FENB DMS DTHZPK UVBFSHY).

eUMY CHSC DETSYFE RMBOYEF ÜBER TBUUFPSOY 12"-18", YFP NPTSEF CHSCHZMSDEFSH FBL:

рПЦБМХК, 22" - ЬФП НОПЗПЧБФП, ОП ТБЪТЕЫЕОЙЕ 1366x768 ДЕКУФЧЙФЕМШОП ОЕ ФБЛ ХЦ РМПИП, ЛБЛ НПЦЕФ РПЛБЪБФШУС. чПЪНПЦОП, ОБ 15-ДАКНПЧПН ОПХФВХЛЕ, ОП ОЕ ОБ 10-ДАКНПЧПН РМБОЫЕФЕ. с ДХНБА, ЮФП ЧУЕ НЩ УПЗМБУЙНУС У ФЕН, ЮФП ТБЪТЕЫЕОЙЕ 1920x1080 YMYY 1080p ÜBER LTBOE U DYBZPOBMSHA 10-11 DAKNPCH RPMOPUFSHHA UPPFFCHEFUFCHHEF RPOSFIA "Retina" F. L. PUFTPFB ЪTEOYS DMS LFPZP TBTEYOYS UPUFBCHMSEF 16 ".


oE VKhDSH FBLYN CE LBL FFPF RBTEOSH
h Apple OBYUBMY "CHPKOH RB RMPFOPUFSH RYLUEMEK", RPDPVOHA "CHPKOE BL NEZBRYLUEMY", LPFPTBS UCHYTERUFCHCHBMB ÜBER TSCHOLE GYZHTPCHSCHI LBNET OEULPMSHLP MEF OBBD. op NShch-FP OBEN, UFP OELPFPTSCHE 9-NEZBRYLUEMSHOSCHE LBNETSHCH DEMBAF ZHFPZTBZHYY MKHYUYEZP LBYUEUFCHB, YUEN 21-NEZBRYLUEMSHOSCHE. CHUERPDPVOP. h Apple UDEMBMY FP, UFP PVSCHUOP DEMBAF: RPYMY RP RHFY OBYNEOSHYYEZP UPRTPFYCHMEOYS Y UFPBMY RTPDBCHBFSH LFP LBL "PUVEOOPUFSH". tbteyeoye 2048x1536 VShchmp Chshchvtbop yb-b FPZP, UFP FERESH RTPEE NBUYFBVYTPCHBFSH RTYMPTSEOIS - Chue UFBMP Ch DChB tbb VPMSHYE. ChSCHVPT VSHCHM UDEMBOE PFOADSHOE RPFPNKh, YuFP FBLPE TBTEYOYE MKHYUYE RPDIPDYF DMS FBLYI HUFTPKUFCH, FBLTSE LFP OE UBNSHCHK MHYUYK CHSHCHVPT DMS RPFTEVYFEMS. rPDTPVOEE PV LFPN OYCE.

VPMSHIE RILUEMEK: OEGEMEUPWTBBEOPE WOYCEOYE RTPYCHPDYFEMSHOPUFY

yuyfbfemsh npcef bdbfshus chprtpupn: "dprhufyn, 1080p UPPFCHEFUFCHHEF DUURMEA "Retina" ÜBER RMBOYEFOPN LPNRSHAFET.

pFCHEF RTPUF. b LBTsDSHK OBIPDSEYKUS CHSCHCHCHPNPTSOPUFEK OBYEZP CHPURTYSFYS "OEOKHTSOSCHK" RYLUEMSH RTYIPDYFUS RMBFYFSH UOYCEOYEN ULTPUFY TBVPFSHCH, RPCHSHCHIEOOOSCHN FERMPCCHSHCHDEMEOYEN Y NEOSHHYYN UTPLPPN TBLVPPHSHCH

MAVPK ZEKNET ULBCEF, UFP YUEN CHSHCHIE TBTEYOYE, FEN NEOSHIE LBDTPCH CH UELHODH (FPS) CH RPMHYUFE. pFUADB Y RPFTEVOPUFSH H OBCHPTPUEOOSCHI YZTPCHSCHI LPNRSHAFETBI UP NOPTSEUFCHPN CHYDEPLBTF. CHUS LFB CHSHCHUYUMYFEMSHOBS NPESH, OBRTBCCHMEOOBS ÜBER RTPUYUJF LBTFYOLY, RTYCHPDYF L CHSHDEMEOYA FERMB, VON YUEN CHCHCHY FENRETBFHTTB YUIRB, FEN PO NEDMEOOEE. ZEKNETSHCH TEYBAF LFH RTPVMENH U RPNPESHHA UYUFEN TSYDLPUFOPZP PIMBTSDEOYS Y VPMSHYI LHMETCH.

Retina oBULPMShLP RTPYCHPDYFEMSHOEE VSCM VSCH WB iPad? OBULPMSHLP NEOSHY VSC AUF OBZTECHBMUS Y OBULPMSHLP DPMSH TBVPFBM? rPIPTSE, CHSH LFPZP OE HOBEF.

NSCH OBEN, UFP OPCHSHCHK iPad "FPMEE", YUEN iPad 2. NSCH OBEN, UFP YFP Yb-b VPMSHYEZP BLLHNHMSFPTB. yuEZP CHSH NPTSEFE OE OBFSH, FBL LFP FPZP, UFP EZP ЈNLPUFSH HCHEMYYUEOB ÜBER 70%. dB, RPYUFY CH DCHB TBBB! th FEN OE NEOEE BLLHNHMSFPT TBTSTSBEFUSS VSHCHUFTEE. Displaymate RPLBSCCHBEF, UFP OPCHSCK iPad TBVPFBEF RTYNETOP CA. 5 % NEOSHY YUEN iPad 2 pDOB FPMSHLP RPDUCHEFLB YURPMSHHEF IOETZYY H 2.5 TBB VPMSHYE, YUEN X iPad 2, Y FP DP FPZP, LBL CHSH OBJUOJFE RPDUCHEYUCHBFSH CHUE 3.15 NYMMYPOB RGB-RAYLUEMEK. rTEDUFBCHSHFE YFP YOBYUE: EUMY BLLHNHMSFPT PF OPCHPZP iPad HUFBOPCHYFSH H iPad 2, FP ON RTPTBVPFBEF U RPUFPSOOP CHLMAYJOOOSCHN LTBOPN VPMEE 20 YBUCHN.

IDEBMSHOPE BOBYOEOYE PPI: 1080p

rPFPNH H IBZPMPCHLE Y HFCHETCDBEFUS: X Surface Pro „Retina MXYY“, YEN X iPad. RTY TBUUNPFTEOYY U OPTNBMShOPZP TBUUFPSOYS TBOYGSCH OEF. BITTE OOP OILBLPC! ч ЙФПЗЕ РПМШЪПЧБФЕМШ РПМХЮБЕФ ПФМЙЮОЩЕ ЧЙЪХБМШОЩЕ ЬЖЖЕЛФЩ, ПУФБЧМСС ВПМШЫЕ ТЕУХТУПЧ GPU ДМС РТПЛТХФЛЙ, РТПУНПФТБ ЧЕВ-УФТБОЙГ Ч БРРБТБФОЩН ХУЛПТЕОЙЕН, МХЮЫЙИ ЙЗТ Й Ф. Р. уТПЛ ТБВПФЩ ПФ БЛЛХНХМСФПТПЧ ХЧЕМЙЮЙЧБЕФУС, Б ХТПЧЕОШ ЧЩДЕМСЕНПЗП ФЕРМБ УОЙЦБЕФУС. OE RPUMedoaa TPMSh Yztbef, UFPINPUFSH RTPPYCHPDUFCHB, YuFP DBEF PPNPTSOPUFSH RTPYCHPDIMA RPBPFSHUS P Cheesbi RP-OBOFPSENKOSHKA, LPOFTBUFOPUFPETS.

FPF, LFP UYUYFBEF, UFP CHUE DEMP CH RMPFOPUFY RYLUEMEK - RTPUFP PYYVBEFUS!

dPRPMYFEMSHOBS YOGPTNBGYS:

  • bCHFPT: -
  • dBFB RHVMYLBGYY PTYZYOBMB: bCHZHUF 2012
  • UFPUOIL: www.theverge.com
  • RETECHPD CHSCHRPMOEO RP BLBH eCo-Shop

lPNNEOFBTYY L UVBFSH

UETZEK ENLB
2012/10/25
http://ipad-the-new.ru/retina - PRYUBOYE DYURMES Netzhaut
bMELUBODT
2013/08/05
vTED LBLPC-FP ... rMPFOPUFSH RYLUEMEK OKHTSOB DMS FPZP, UFPVSCH FELUF OE TBNSCHCHBMUS. i ÜBER iPad 3 (RYYKH U OEZP UEKYUBU) AUF OE TBNSCHCHBEFUS. DMS RMBOYEFB FFP PYUEOSH CHBTsOP!
Ronin427
2013/08/16
obchetope BCHFPTH OBDP RPYOFETEUPCHBFSHUS H RPMYZTBJYUFCH, PFLHDB CHSMUS UFBODBTF 300DRY Y UFP PO OBBYUF. OP RPIPTS BCHFPT CHPPVEE OE H FEN. = (
Alexander
2013/08/21
uFP BCHFPT ZPCHPTYM PV BLLHNHMSFPTE ipad "a?

гЙФБФБ chip.ua "уБНЩК ВПМШЫПК ОЕДПУФБФПЛ ДБООПЗП РМБОЫЕФБ - ЬФП ЧТЕНС БЧФПОПНОПК ТБВПФЩ. рТЙ РПМОПК СТЛПУФЙ ЬЛТБОБ БЛЛХНХМСФПТ ТБЪТСДЙМУС РПУМЕ 3:46 ЮБУПЧ РТПУНПФТБ ЧЙДЕП, ЙМЙ 4:24 ЮБУПЧ ЙОФЕТОЕФ-УЕТЖЙОЗБ. нОПЗЙЕ ВПМЕЕ ДЕЫЕЧЩЕ РМБОЫЕФЩ РПЛБЪЩЧБАФ МХЮЫЙЕ ТЕЪХМШФБФЩ."

RHUFSH RPDPKDEF CH NBZBYOE L MacBook Pro U TEFIOPK Y WE Y UTBCHOYF, DEMP OE CH UBNY RYLUEMSI B CH YUEFLPUF YYTYZHFPCH Y MENEOPFC YOFETZEKUB, CH PFUHFUFCHY CHUSLYI MEUEOPL Y F.D.

VETHIS
2013/09/27
p, OBVETSBMY ЪPNVY HRMPCHULIE! pwidemy ja
pMEZ
2014/02/20
b RP NOE DBL CHBTSOEE BTSD CH BRRBTBFHTE! IPad-FFP CHTPDE, LBL RETEOPUOPK LPNRSHAFET!!!?))) th EUMY LFP-FP UYUYFBEF RP DTHZPNKh, FP FFPF Yuempchchel OPUIF iPad DMS RPOFPCH Y ChTSD MY NPTCEF RTPLPNEOFYTPCHBFSH DBOOHA FENH, BDELCBFOP !!!)))))
CHMBDYNEIT
2014/06/09
"ч ЙФПЗЕ РПМШЪПЧБФЕМШ РПМХЮБЕФ ПФМЙЮОЩЕ ЧЙЪХБМШОЩЕ ЬЖЖЕЛФЩ, ПУФБЧМСС ВПМШЫЕ ТЕУХТУПЧ GPU ДМС РТПЛТХФЛЙ, РТПУНПФТБ ЧЕВ-УФТБОЙГ Ч БРРБТБФОЩН ХУЛПТЕОЙЕН, МХЮЫЙИ ЙЗТ Й Ф. Р. уТПЛ ТБВПФЩ ПФ БЛЛХНХМСФПТПЧ ХЧЕМЙЮЙЧБЕФУС, Б ХТПЧЕОШ ЧЩДЕМСЕНПЗП ФЕРМБ УОЙЦБЕФУС."

OH RP PDOPNH RHOLPHH H NEO OEF RTEFEOYK L ipad4. LFP IBYF BKRBD FPF MYVP YN OE RPMShêPCHBMUS MYVP êBYOFETEUPCHBO.

Entwickler verschiedener Unternehmen versuchen, dem Display mehr Aufmerksamkeit zu schenken und neue Benutzer für ihre Produkte zu gewinnen. Was hat Apple dieses Mal überrascht und was ist ein Retina-Display? Seine Vorteile gegenüber anderen und Nachteile. Genau darüber wird dieser Artikel sprechen.

Das Display ist fester Bestandteil eines jeden Gerätes. Egal ob Tablet, Computer oder Telefon. Schließlich wird durch ihn die Verbindung zwischen einer Person und dem „Eisen“ hergestellt.

Was ist ein Retina-Display?

Bei Verwendung dieses Displays wird eine Person die Pixel überhaupt nicht bemerken. Das Bild ist sehr klar und hell, womit nicht jedes Gerät auftrumpfen kann.

Bisher war eine solche Anzeigeschärfe nur auf professionellen Computern zu genießen, jetzt ist sie auch auf Apple-Geräten verfügbar. Am häufigsten wird Retina auf iPad-Tablets verwendet, die Auflösung beträgt 2048 x 1536 Pixel. Das ist sogar mehr als manche Computermonitore.


Foto: Visueller Vergleich der Auflösung des iPhone 3Gs (normales Display) und iPhone 4s (Retina-Display)

Retina nur von Apple verwendet?

Das Retina-Display ist ein patentiertes Tool, was bedeutet, dass keine Marke das Recht hat, es in dieser Form zu verwenden. Allerdings gab es bei Sony einen Versuch, die Bildschirmpixel zu erhöhen, was aber nicht gelang. Denn bei Apple entspricht die Bildschirmgröße (Zoll) der Anzahl der Pixel. Schließlich sei daran erinnert, dass mit einer Erhöhung der Auflösung auch die technische Komponente des Geräts erhöht werden muss.


Steve Jobs (Gründer von Apple) hat einmal gesagt, dass 300 dpi der optimale Punkt für Telefone sind.

Vor- und Nachteile von Retina-Displays

Das Retina-Display enthält eine Reihe von Vorteilen, die es von Displays anderer Unternehmen unterscheiden:

  • Matrixtyp - IPS, was bedeutet, dass sich diese Technik durch eine verbesserte Grafikkomponente auszeichnet: hohe Helligkeit, Kontrast und Betrachtungswinkel, genaue Farbwiedergabe;
  • Fotos sehen lebendig aus und entsprechen so weit wie möglich der Realität;
  • gute Leistung beim digitalen Malen;
  • das Bild bleibt aus jedem Betrachtungswinkel lesbar;
  • das Preis-Leistungs-Verhältnis ist optimal;
  • automatische Beseitigung von Pixelfehlern.


Aber alle Displays haben ihre Nachteile. Und Retina ist keine Ausnahme. Bei Verwendung mit den höchstmöglichen Einstellungen erwärmt sich der Akku schnell und entlädt sich.

Zusammenfassung des Retina-Displays

  1. Retina Display ist eine Entwicklung der Apple Corporation. Heute ist es das beste Preis-Leistungs-Verhältnis.
  2. Das Bild auf einem solchen Display ist sehr klar, die Farben entsprechen der Realität. Es ist sehr bequem, auf solchen Tabletten zu zeichnen.
  3. Einer der Hauptvorteile ist der Betrachtungswinkel, wodurch das Bild klar und farblich „korrekt“ bleibt, egal aus welchem ​​Blickwinkel Sie schauen.
  4. In Anbetracht der Vor- und Nachteile behält Retina seinen Platz als führendes Display der Moderne.

Heute werden wir analysieren, was die Retina Display-Bildschirmtechnologie ist. Retina Display Dies ist ein neuer Bildschirm mit hoher Auflösung. Es wird auf dem Tablet-Computer iPad verwendet. Die Auflösung dieses Bildschirms beträgt 2048 x 1536 Pixel. Das ist deutlich mehr als bei manchen Monitoren. Die Retina-Display-Technologie ist eine Innovation auf dem Tablet-PC-Markt. Die Arbeit der Apple-Ingenieure verdient Respekt.

Früher arbeiteten die Menschen mit einem so genauen und hochwertigen Bild nur mit professionellen Monitoren (z. B. High-End-Computermonitoren verschiedener Unternehmen), die normalerweise über 9.000 US-Dollar kosten, aber heute können Sie eine hervorragende Bildschärfe genießen, indem Sie einfach ein Tablet kaufen . , auf dem Retina Display installiert ist.

Speziell für iPad

Das iPad mit Retina-Display verwendet die IPS-Technologie. Aufgrund dieses Systems erhalten wir einen breiteren Betrachtungswinkel. Dank dieser Technologie sehen Sie immer ein tolles Bild, egal wo das iPad platziert wird. Auch der Kontrast des Retina-Displays ist viel höher als bei den vorherigen. Dadurch wirkt Weiß viel heller und Schwarz viel dunkler, was zu einem viel besseren Gesamtbild führt. Laut Apple-Ingenieuren war es ziemlich schwierig, ein Display mit 3,1 Millionen Pixeln herzustellen. Um höchste Bildqualität zu erreichen, nutzten die Entwickler die Aufteilung der Systemlogik des iPad Retina Displays in zwei Sphären. Die Pixel selbst blieben oben, und die Signalerzeugungsschaltung für jedes Subpixel, die die grüne, rote oder blaue Farbe bestimmt, wurde unten platziert.

Zusätzliche Funktionen

Wenn Sie sich für das Retina Display entscheiden, was bringt es Ihnen? Apple-Ingenieure haben auch das Glas verbessert.

Es besteht aus den gleichen Materialien, die auch für Helikopterfenster verwendet werden. Es wurde einer chemischen Behandlung unterzogen, wodurch seine Festigkeit, sein Schutz gegen verschiedene Arten von Kratzern und seine Festigkeit erhöht wurden. Ein wichtiges Merkmal dieses Displays ist, dass es eine spezielle oleophobe Beschichtung gibt, die hilft, Fingerabdrücke zu verhindern und sie leicht zu entfernen. Zu den zusätzlichen Funktionen von Retina gehören auch Umgebungsbeleuchtung und LED-Hintergrundbeleuchtung. Es besteht darin, die Helligkeit des Bildschirms anzupassen, wodurch ein optimaler Batterieverbrauch ohne Verlust der Bildqualität erreicht wird.

Vorteile des Retina-Displays

Beim Kauf eines Retina Displays kann man mit Sicherheit sagen, dass dies eine großartige Sache ist, die viele Vorteile bietet. Der Bildschirm der neuesten Generation von iPads zeichnet sich nicht nur durch seine hohe Auflösung aus, sondern auch durch eine hervorragende Wiedergabe von Farben und Schattierungen – insbesondere durch die absolut perfekte Gammakurve und den Standard-Farbraum.

Dadurch sehen alle Ihre Videos und Fotos auf diesem Tablet genau so aus, wie sie auf einem „stationären“ Gerät angezeigt werden sollten. Der Bildschirmhelligkeitsspielraum liegt hauptsächlich bei maximal 407 cd / m 2 . Sein Fehlen kann sich nur bei ziemlich heller Sonne bemerkbar machen, in anderen Fällen reicht die Batterieversorgung aus. Das Kontrastverhältnis liegt bei etwa 900:1. Dieses Verhältnis ist höher als beim iPad der vorherigen Generation (wo das Verhältnis 687:1 betrug). Retina Display Blendschutzfilter – was ist das? Ein Gerät, das mit externen Lichtstörungen gut zurechtkommt und nicht zulässt, dass der Bildschirm unter Lichteinfluss ausbleicht oder verblasst. Die Blickwinkel sind recht weit, die Schattierungen verzerren praktisch nicht, das Bild bleibt bei jedem Betrachtungswinkel gut lesbar.

Auch wenn Sie ein Hersteller von iDevice-Hintergrundbildern sind, werden Sie dieses Display sicherlich genießen. Alles unter diesem Bildschirm zu machen ist viel einfacher geworden. Das Display selbst trägt dazu bei, alle Pixelrauigkeiten zu entfernen, und liefert Ihnen ein hervorragendes Bild von höchster Qualität.

Nachteile des Systems

Aber egal wie gut dieses Display ist, es hat immer noch einige Nachteile. Erstens neigt es bei einigen Geräten mit Retina-Bildschirm zur Erwärmung, was sich als unangenehm herausstellt. Zweitens, egal was uns über die Akkulaufzeit gesagt wird, dieses Display bei maximaler Helligkeit entlädt den Akku des Geräts schnell. Und drittens gibt es oft Probleme mit der Auto-Helligkeit, die sich nicht gut an das Umgebungslicht anpasst, man sie aber jederzeit manuell anpassen kann.

Aber all diese Nachteile des Apple iPad (Retina Display ist eines seiner besten Features) können die Freude an der resultierenden Bildqualität nicht trüben. Und mit jedem neuen Modell wird das Display besser.

Schlussfolgerungen ziehen

Wenn wir alle Funktionen und Vorteile der neuen Technologie zusammenzählen, können wir daraus schließen, dass das Retina Display ein wunderbares Geschenk ist. Wir sehen, dass das resultierende Produkt all unsere Träume und Erwartungen daran voll und ganz rechtfertigt. Die Bildqualität ändert sich nicht, wenn sie aus verschiedenen Blickwinkeln betrachtet werden, Farben unterbrechen sich nicht und verblassen nicht, und Benutzer werden viel mehr Freude am Lesen, Ansehen von Videodateien und Fotos haben. Definitiv im Moment das beste aller existierenden Displays für Tablet-Computer.