Cos'è il display IPS e Retina? Cosa sono i display Retina? Cosa significa display Retina?

Con il recente rilascio del Retina MacBook Pro e del nuovo iPad, gli schermi con una maggiore densità di pixel hanno iniziato a entrare attivamente nelle nostre vite. Cosa significa questo per gli sviluppatori web?

Per prima cosa, capiamo la terminologia.

Pixel fisici

Pixel fisici(pixel del dispositivo o pixel fisico) - i pixel a cui siamo abituati: gli elementi più piccoli di qualsiasi display, ognuno dei quali ha il proprio colore e luminosità.

Densità dello schermo La densità dello schermo è il numero di pixel fisici sul display. Solitamente misurato in pixel per pollice (PPI: pixel per pollice). Apple, avendo sviluppato schermi Retina con doppia densità di pixel, afferma che l'occhio umano non è in grado di distinguere una densità maggiore.

Pixel CSS


Pixel CSS(Pixel CSS) - un valore astratto utilizzato dai browser per visualizzare accuratamente il contenuto delle pagine, indipendentemente dallo schermo (DIP: pixel indipendenti dal dispositivo). Esempio:


Un tale blocco sugli schermi normali occuperà un'area di 200x300 pixel e sugli schermi Retina lo stesso blocco riceverà 400x600 pixel. Pertanto, sugli schermi Retina la densità dei pixel è 4 volte maggiore rispetto a quelli normali:

La relazione tra pixel fisici e CSS può essere impostata in questo modo:
rapporto pixel del dispositivo, rapporto pixel del dispositivo -o, rapporto pixel del dispositivo -moz, rapporto pixel del dispositivo -Webkit (...)

O così:
rapporto pixel del dispositivo, rapporto pixel del dispositivo -o-min, rapporto pixel del dispositivo min--moz, rapporto pixel del dispositivo -Webkit-min (...)

In Javascript puoi ottenere questo risultato utilizzando
window.devicePixelRatio

Pixel raster



Pixel raster(pixel bitmap) - le parti più piccole che compongono un'immagine raster (PNG, JPF, GIF, ecc.) Ogni pixel contiene informazioni sul colore e sulla posizione nel sistema di coordinate dell'immagine. In alcuni formati, un pixel può contenere informazioni aggiuntive, come la trasparenza.

Oltre alla risoluzione raster, le immagini su Internet hanno dimensioni astratte in pixel CSS. Il browser comprime o allunga l'immagine in base alla larghezza e alla lunghezza CSS. Quando viene visualizzato su uno schermo normale, un pixel raster corrisponde a un pixel CSS. Sugli schermi Retina, ogni pixel raster viene moltiplicato per 4 volte:

Ottimizzazione

Esistono diversi modi per ottimizzare la grafica per la visualizzazione sugli schermi Retina. Ognuno ha sia pro che contro; in ogni caso specifico, devi scegliere ciò che ha la priorità più alta: prestazioni, facilità di implementazione, supporto del browser o altri parametri.

Ridimensionamento HTML e CSS

Il modo più semplice per preparare la grafica per un display Retina è semplicemente dimezzare le dimensioni fisiche dell'immagine. Ad esempio, per visualizzare una foto da 200x300 pixel su uno schermo con una maggiore densità di pixel, dovresti caricare una foto da 400x600 pixel e ridimensionarla utilizzando attributi CSS o parametri HTML. Ecco come apparirà su uno schermo normale:

E questo su Retina:

Esistono diversi modi per implementare il ridimensionamento HTML e CSS:

HTML

Il modo più semplice è semplicemente impostare i parametri di larghezza e altezza sul tag img:

Dove usare: su siti a pagina singola con poche immagini.

Javascript

Lo stesso risultato può essere ottenuto utilizzando Javascript per dimezzare le dimensioni delle immagini per gli schermi Retina. Usando la libreria jQuery appare così:
$(finestra).load(funzione() ( var immagini = $("img"); immagini.each(funzione(i) ( $(questo).width($(questo).width() / 2); ) );));

Dove usare: su siti con più immagini nel contenuto.

CSS (SCSS)

Puoi anche utilizzare un'immagine come sfondo con le dimensioni richieste ( background-size ) di un div specifico. Il parametro background-size non è supportato in IE 7 e 8.
.immagine (immagine di sfondo: url( [e-mail protetta]); dimensione dello sfondo: 200px 300px; /* In alternativa dimensione dello sfondo: contiene; */ altezza: 300px; larghezza: 200px; )

È possibile utilizzare pseudo-elementi:before o:after
.image-container:before ( background-image: url( [e-mail protetta]); dimensione dello sfondo: 200px 300px; contenuto:"";

blocco di visualizzazione;
altezza: 300px; larghezza: 200px; ) [e-mail protetta] La tecnica funziona anche quando si usano gli sprite:

Dove usare:.icona (immagine di sfondo: url(

); dimensione dello sfondo: 200px 300px; altezza: 25px; larghezza: 25px; &.trash (posizione di sfondo: 25px 0; ) &.edit (posizione di sfondo: 25px 25px; ))

  • su siti con un numero limitato di immagini di sfondo (ad esempio, una come sprite).
  • Ridimensionamento HTML e CSS: vantaggi

Facilità di implementazione

  • Compatibilità tra browser
  • Ridimensionamento HTML e CSS: contro
  • I dispositivi con schermi normali scaricheranno megabyte aggiuntivi

Determinazione della densità dei pixel dello schermo



Questo è forse il modo più popolare per ottimizzare la grafica per i display Retina. Utilizza CSS o Javascript.

CSS

Questo metodo utilizza il rapporto pixel-dispositivo per impostare il rapporto desiderato tra pixel fisici e CSS:
.icon (immagine di sfondo: url(esempio.png); dimensione di sfondo: 200px 300px; altezza: 300px; larghezza: 200px; ) Schermo solo @media e (-Webkit-min-device-pixel-ratio: 1.5), solo schermo e (-moz-min-device-pixel-ratio: 1,5), solo schermo e (-o-min-device-pixel-ratio: 3/2), solo schermo e (min-device-pixel-ratio: 1.5) ( .icon (immagine di sfondo: url( [e-mail protetta]); } }

Dove usare: su siti o applicazioni che utilizzano immagini di sfondo per elementi di design. Non adatto per immagini all'interno del contenuto.

professionisti

  • Ridimensionamento HTML e CSS: vantaggi

Aspetti negativi

  • Faticoso da implementare, soprattutto su siti di grandi dimensioni
  • Utilizzare un'immagine di contenuto come sfondo è semanticamente errato

Javascript

Lo stesso risultato può essere ottenuto utilizzando window.devicePixelRatio:
$(document).ready(function())( if (window.devicePixelRatio > 1) ( var lowresImages = $("img"); images.each(function(i) ( var lowres = $(this).attr( " src"); var alta risoluzione = lowres.sostituisci(".", "@2x."); $(questo).attr("src", alta risoluzione ) ));

Esiste uno speciale plugin Javascript Retina.js, che può fare tutto quanto descritto sopra, ma con funzionalità aggiuntive, come saltare le immagini esterne e saltare le copie interne, ma non Retina.

Dove usare: su qualsiasi sito con immagini nel contenuto.

professionisti

  • Facilità di implementazione
  • I dispositivi non scaricano immagini non necessarie
  • Controllo della densità dei pixel su un sito Web

Aspetti negativi

  • I dispositivi Retina scaricano entrambe le versioni di ciascuna immagine
  • La manomissione delle immagini è evidente sui dispositivi Retina
  • Non funziona con alcuni browser più diffusi (IE e Firefox)

Grafica vettoriale scalabile


Indipendentemente dal metodo utilizzato, le immagini raster per loro natura rimangono limitate nel ridimensionamento. È qui che la grafica vettoriale ci può aiutare. SVG (Scalable Vector Graphics) è un formato basato su XML supportato dalla maggior parte dei browser. Il modo più semplice per utilizzare le immagini SVG è in un tag img o con i parametri CSS background-image e content:url().

In questo esempio, una semplice immagine SVG può essere ridimensionata a piacere:

La stessa cosa accadrà usando i CSS:
/* Utilizzando un'immagine di sfondo */ .image ( background-image: url(example.svg); background-size: 200px 300px; altezza: 200px; larghezza: 300px; ) /* Utilizzando content:url() */ .image - container:before ( content: url(example.svg); /* larghezza e altezza non funzionano con content:url() */ )

Il supporto per IE 7 o 8 e Android 2.x richiederà l'uso di immagini PNG sostitutive. Questo può essere fatto facilmente usando Modernizr:
.immagine (immagine di sfondo: url(esempio.png); dimensione di sfondo: 200px 300px; ) .svg ( .immagine (immagine di sfondo: url(esempio.svg); ) )

Per una migliore compatibilità tra browser e per evitare problemi di rasterizzazione in Firefox e Opera, dovresti fare in modo che ciascuna immagine SVG corrisponda al suo elemento HTML principale.

In HTML, puoi implementare una cosa simile utilizzando i dati desiderati nel tag a:

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

Dove usare: su qualsiasi sito web, adatto per icone, loghi e semplici illustrazioni vettoriali.

professionisti

  • Un unico set di immagini per tutti i dispositivi
  • su siti con un numero limitato di immagini di sfondo (ad esempio, una come sprite).
  • Scala infinita

Aspetti negativi

  • Nessun anti-aliasing preciso pixel per pixel
  • Non adatto per grafica complessa a causa delle grandi dimensioni dei file
  • Nessun supporto nativo in IE 7, 8 e versioni precedenti di Android

Caratteri delle icone



Popolare grazie a

I display Retina e i display Retina HD introdotti di recente vengono spesso menzionati quando si parla di prodotti Apple. In questo articolo cercheremo di determinare le differenze tra questi tipi di display e se valgono i soldi richiesti.

Cos'è il display Retina? Oppure, quale definizione è accurata per i display con questo nome?

Il display Retina è più uno stratagemma di marketing che un termine tecnico, ma il concetto può essere definito: è uno schermo utilizzato in un dispositivo informatico che ha un'elevata densità di pixel, in cui l'occhio umano non può vedere i singoli pixel. In altre parole, si presuppone che una persona non sia in grado di distinguere tra la fotografia di un dipinto mostrata su uno schermo Retina e il dipinto stesso. Ma questo è solo in teoria.

Retina è di proprietà di Apple. Altre aziende possono produrre schermi con le stesse caratteristiche tecniche, ma non possono chiamarli Retina. Questo è un marchio.

Che risoluzione ha il display Retina?

Le risoluzioni dello schermo sono indicate nel formato "numero di pixel" X "numero di pixel". Ma la chiave per i display Retina è la densità dei pixel (il numero di pixel per pollice). Con le stesse risoluzioni dello schermo (in pixel) ma dimensioni diverse (in pollici), la densità dei pixel sarà diversa.

Ma anche in termini di densità di pixel non esiste un numero unico che qualifichi uno schermo come Retina, poiché quando si determinano i display Retina viene presa in considerazione la distanza dello schermo dagli occhi.

Infatti, spesso puoi trovare i seguenti indicatori di densità di pixel per vari tipi di dispositivi:

  • 326ppi: smartphone
  • 264ppi - compresse
  • 220ppi: laptop

Esistono schermi con prestazioni migliori dei display Retina?

Mangiare. Ci sono schermi che hanno una densità di pixel maggiore. La stessa Apple, sin dal lancio dell'iPhone 6, offre l'utilizzo di uno schermo Retina HD migliorato. Ma molti dispositivi Android sono superiori ai dispositivi Apple in questo indicatore, ad esempio l'LG G3: 534 pixel per pollice.

Ma, se ricordiamo la nostra precedente definizione di Retina, aumentare la densità dei pixel è un'impresa piuttosto controversa, perché l'occhio umano non vede più la differenza a valori ppi così elevati. La stessa Apple ne ha parlato. Ma l'uscita dell'iPhone 6 può essere considerata come il riconoscimento che la differenza si sente ancora.

Differenza tra Retina e Retina HD.

Il termine Retina HD si riferisce solo agli schermi dei nuovi smartphone Apple. Quindi cosa c'è di superiore al Retina HD rispetto al suo predecessore:

  • Risoluzione più elevata
  • Maggiore contrasto
  • Angolo di visione più ampio grazie alla tecnologia dei pixel a doppio dominio
  • Inoltre, se guardi lo schermo con gli occhiali, l'immagine sullo schermo sarà più luminosa rispetto ai modelli precedenti.

bFKh UFBFSHA WITH TEYM OBRYUBFSH RPUME VHTOPZP PVEEOYS PE NOPZYI VMPZBI UP NOPTSEUFCHPN RPMSHЪPCHBFEMEK. UMSCHYB FP FHF, FP FBN "X iPad" B VHDEF KHMHYUYOOOSCHK DYURMEK" YMY "EUMY OE Retina, OBYUIF, PFUFPK!" S TEYM, YuFP RPTB RTELTBFYFSH BFKH DYULHUYA Y TBЪПВМБУИФШ NJSHCH P DYURMEE "Retina".

PUPOPCHSHCH: UFP FBLPE "Retina"?

OBYUOEN U FPZP, LBLPE PRTEDEMEOYE Mela DBЈF DYURMEA "Retina".

yЪ PRYUBOYS iPhone: "vMBZPDBTS DYURMEA Retina CHUE YuFP ChCHYDYFE Y DEMBEFE INFORMAZIONI SU CHBYEN iPhone 4S CHZMSDYF RTECHPUIPDOP. PFDEMSHOSCHI RYLUEMEK." --Apple.com

Yu PRYUBUS IPAD: "Rylujemi dlupdsfus FB VMILP DTHZ PF DTHZB, YuFP RTY TBUNPFTEOII UTO PVCHUOOPZP TBUUFPSOS OBIY ZMBPSUI PFMYUIYUIYYISHBMYPhYURY RILUMI." --Apple.com

yЪ CHUFKHRYFEMSHOPK TEYUY RP RPCHPDH DYURMES Retina: "PLBSCCHBEFUS, EUFSH NBZYUEULPE YUYUMP - 300 RLUEMEK ABOUT DAKN - RTY LFPC RMPFOPUFY ZMB OE NPTsEF CHSHCHDEMYFSH PFDEMSHOSH R YLUEMY EUMY UNPFTEFSH U TBUUFPSOYS 10 YMY 12 DAKNPCH (PLMP 25.5 YMY 30.5 UN - RTYN. RETECH.) ." -- UFYCH dTsPVU (Steve Jobs) INFORMAZIONI SUL WWDC

yЪ FYI UMCH NPTsOP UDEMBFSH CHCHCHPD, YuFP DBOOPE Apple PRTEDEMEOYE DYURMEA "Retina" UCHPDYFUS L OEURPUPVOPUFY TBMYYUYFSH YODYCHYDHBMSHOSHE RILUEMY U OELPFPTSCHI "OPTNBMSHOSHI TBUUFPSOIK" . lPOYUOP, LFP ЪCHHUYF CHREYUBFMSAEE, OP, PUOPCHCHCHBSUSH SU TBNET LBOB, TBTEYYYY TBUUFPSOYY, RPDPVOPE NPTsOP KHFCHETTSDBFSH P MAVPN DYURMEE. OBRTYNET, 50-DAKNPCHCHK 720P (1280x720) FEMECHYPT OE KHUFKHRBEF DYURMEA "Retina" RTY TBUUNPFTEOYY U TBUUFPSOYS RTYNETOP FTЈI NEFTPCH, IPFS RMPFOPUFSH RYLUEMEK UPUFBCHMSEF CHUEZP 29.4 PPI. rPDTPVOEE PV LFPN OJCE.

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

FERETSH, LPZDB NSCH RPOINBEN YuFP RTEDUFBCHMSEF UPVPK DYURMEK "Retina", LBL OBKFY OHTSOPE DMS DPUFYTSEOYS RPDPVOPZP LZHZHELFB TBTEYEOYE?

pFCHEF LTPEFUS CH FPN KHZME ЪTEOYS, ABOUT LPFPTPN ZMB NPTsEF TBMYUBFSH YЪPVTBTSEOYS Y OELPFPTSCHI NBFENBFYUEULYI TBUYUFBI. dMS OPTNBMSHOPZP ЪTEOYS FBLPK KHZPM UPPFCHEFUFCHHEF PDOPK NYOHFE KHZMB YMY YMY NYONBMSHOPNH KHZMKH TBTEYEOYS PDOPK NYOHFSHCH. INFORMAZIONI SU RTBLFYLE LFP POBYUBEF UMEDHAEE: EUMY INFORMAZIONI SU ЪBDBOOPN TBUUFPSOY DCHB PVYAELFB OBIPDSFUS CH NEOEE YUEN PDOPK KHZMPCHPK NYOHFE DTHZ PF DTHZB, NSCH HCHYDYN YI LBL PDYO . DMS DYURMEECH TBUUFPSOYE NETSDH RILUEMSNY OBSCHCHBEFUS YBZPN TBURPMPTSEOYS FPYUEL. uEKYUBU LFPF RBTBNEFT OE YURPMSH'HEFUS CH TELMBNOP-NBTLEFPMPZYUEULYI GEMSI, OP PE CHTENEOB yumph-NPOYFPTPCH LFPF RBTBNEFT UPUFBCHMSM 0.28. yFBL, RPMHYYCH CHUE RBTBNEFTSCH, NSCH NPTSE PRTEDEMYFSH OBYUEOYE PUFTPFSH ЪTEOYS, YMY TBUUFPSOYE, ABOUT LPFPTPN RLUEMY HCE OE TBMYUBAFUS DTHZ PF DTHZB. OE UFBOKH KhFPNMSFSH CHBU CHUENY TBUYUFBNY, OP CHPF LFB ZHTTNKHMB RTEDUFBCHMSEFUS CHBTsOPK: VA=dot pitch/(2*tangente(rad(((1/60)(20/20))/2)).

dBChBKFE RPUNPFTYN INFORMAZIONI SU LFPF RBTBNEFT DMS RPRKHMSTOSHI TBBTEYEOYK INFORMAZIONI SU LTBOBI RMBOYEFOSHI LPNRSHAFETPCH.

xUFTPKUFCHP (TBNET LLTBOB) TTBTEYOOYE yBZ TBURPMPTSEOYS FPYUEL RYLUEMEC rMPFOPUFSH RYLUEMEK PUFTPFB ЪTEOYS
iPad2 (9,7") 1024x768 0.008 786K 132 26.1"
COMPLETO iPad (9.7") 2084x1536 0.004 3,15 milioni 264 13"
LenovoTablet 2(10.1") 1366x768 0.006 1,05 milioni 155 22.2"
Superficie Pro (10,6") 1920x1080 0.005 2,1 milioni 207 16.5"

ьФБ ФБВМИГБ ПЪБУБEF UMEDHAEEE: U TBUUFPSOYS VPMEE 61 UN chue bFY TBBTEEEOYS UPPFCHEFUFCHHAF PRTEDEMEOYA "Retina" DMS YUEMPCHELB U OPTNBMSHOSCHN ЪTEOYEN. chDKHNBKFEUSH EEЈ TB: wow! FERETSH OBN PUFBЈFUS OBKFY EEЈ PDYO RBTBNEFT: ZBLFYUEULPE CHYHBMSHOPE TBUUFPSOYE.

con CHYTSKH UCHPK RMBOYEF PFUADB: UTEDOYE CHYHBMSHOSHE TBUUFPSOYS

NPTsOP VSHMP VSH RTYCHEUFY RTYNETSH U KHYuEFPN UTEDOEZP TPUFB, DMYOOSH LPOYUOPUFEK, B FBLCE FYRYUOSHI HUMPCHYK RTYNEOOYS, OP PF LFPZP UFBFSHS KHCHEMYYUMBUSH VSC CH OULPMSHLP TB Kommersant dPUFBFPYuOP ULBJBFSH, YuFP NPI TBYuЈFSH CHRPMOE UPCHRBDBAF UP UTEDOYNY OBYUEOYSNY, LPFPTSCHE NPTsOP OBKFY CH UEFI. Visualizza l'accoppiamento TAUW yUIPDS YЪ UPVUFCHEOOPZP PRSHCHFB, NOE LBTSEFUS YuFP 15" - UMYILPN VMYOLPE TBUUFPSOYE, YuFP S OBDEAUSH RTPYMMAUFTYTPCHBFSH OJCE.

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

dBChBKFE PVTBFYN CHOYNBOYE INFORMAZIONI SU OBYUEOYS PUFTPFSH ЪTEOYS EEJ TBY RPUNPFTYN, LBLYE HUFTPKUFCHB UPPFCHEFUFCHHAF PRTEDEMEOYA "Retina" U LFPP TBUUFPSOYS.

rMBOYEF TTBTEYOOYE PUFTPFB ЪTEOYS Retina?
iPad2 1024x768 26.1" oEF
LenovoTablet2 1366x768 22.2" dB
Superficie Pro 1920x1080 16.5" dB
OCSC iPad 2084x1536 13.0" dB

DEKUFCHYFEMSHOP, DBCE "OYLPE" TBTEYEOYE 1366x768 UPPFCHEFUFCHHEF PRTEDEMEOYA "Retina" RTY VPMEE YUEN 22". P TSDB - iPad 2. iFP PDOB YJ ZMBCHOSHI RTYYUYO CHPUFPTZB RPMSHЪPCHBFEMEK iPad RP RPCHPDH DYURMES "Retina". CHYDSF RTEINHE EUFChP KHCHEMYUEOYS TBTEYEOYS, YuFP ZPCHPTYF ULPTEE P OEDPUFBFLBI UFBTPZP DYURMES, YUEN P DPUFPYOUFCHBI OPCHPZP OE RPKNYFE NEOS OERTBCHYMSHOP, DYURMEK OPCHPZP iPad "B RTECHPUIPDEO, OP LFP DPUFYZBEFUS ЪB UYUEF HCHEMYUEOYS LPOFTBUFB Y GCHEFPCHPK ZBNNSCH, B OE PPI. bFY DCHB KHMHYUYEOYS KHNEAF LHDB VPMSHYEE OBYUEOYE DMS TBVPFSH (CHRTPYUEN, LFP HCE FENB DMS DTHZPK UFBFSHY).

eUMY CHCH DETSYFE RMBOYEF INFORMAZIONI SU TBUUFPSOY 12"-18", LFP NPTsEF CHSHCHZMSDEFSH FBL:

rPTsBMHK, 22" - LFP NOPZPCHBFP, OP TBTEYEOYE 1366x768 DEKUFCHYFEMSHOP OE FBL HC RMPIP, LBL NPTsEF RPLBBFSHUS. chPNPTSOP, OB 15-DAKNPCHPN OPHFVHLE, OP OE OB 10-DA KNPChPN RMBOYEFE. con DKHNBA, YuFP CHUE NSCH UPZMBUYNUS U FEN, YuFP TBTEYEOYE 1920x1080 YMY 1080p INFORMAZIONI SU BLTBOE U DYBZPOBMSHA 10-11 DAKNPCH RPMOPUFSHA UPPFCHEFUFCHHEF RPOSFYA "Retina" F. L. PUFTPFB ЪTEOYS DMS LFPPZP TBTEYEOYS UPUFBCHMSEF 16".


OE VHDSH FBLYN TSE LBL LFPF RBTEOSH
h Apple OBYUBMY "CHPKOKH ЪB RMPFOPUFSH RYLUEMEK", RPDPVOKHA "CHPKOYE ЪB NESBRYLUEMY", LPFPTBS UCHYTERUFCHPCHBMB INFORMAZIONI SU TSHOLE GYZhTPCHSHCHI LBNET OEULPMSHLP MEF OBBD. OP NSCH-FP ЪOBEN, YuFP OELPFPTSHCHE 9-NEZBRILUEMSHOSH LBNETSH DEMBAF ZHPFPZTBZHYY MKHYUYEZP LBUEUFCHB, YUEN 21-NEZBRILLUEMSHOSHCHE. CHUE RPDPWOP. h Apple UDEMBMY FP, YuFP PVSHYUOP DEMBAF: RPIMY RP RHFY OBYNEOSHYEZP UPRTPPFYCHMEOYS Y UFBMY RTDDBCHBFSH LFP LBL "PUPVEOOPUFSH". TBTEYEOYE 2048x1536 VSHMP CHSHCHVTBOP YЪ-ЪB FPZP, YuFP FERTSH RTPEE NBUYFBVYTPCHBFSH RTYMPTSEOYS - CHUE UVBMP CH DCHB TBBB VPMSHYE. ChShchVPT VShM UDEMBO PFOADSH OE RPFPNKH, YuFP FBLPE TBTEYOEYE MHYUYE RPDIPDYF DMS FBLYI KHUFTPKUFCH, FBLCE LFP OE UBNSCHK MKHYUYK CHSHCHVPT DMS RPFTEVYFEMS. rPDTPVOEE PV LFPN OJCE.

vPMSHYE RILUEMEK: OEGEMEUPPVTTBOPE UOTSEOIE RTPYCHPDYFEMSHOPUFY

yuYFBFEMSH NPTSEF ЪBDBFSHUS CHPRTPPUPN: "dPRKHUFYN, 1080p UPPFCHEFUFCHHEF DYURMEA "Retina" ABOUT RMBOYEFOPN LPNRSHAFET. oP YuFP RMPIPZP CH VPMSHYEK RMPFOPUFY RYLUEMEK?"

pFCHEF RTPUF. ъB ЛБЦДШЧК OBIPDSEYKUS CHCHCHYE CHNPTSOPUFEK OBEZP CHPURTYSFYS "OOOKHTSOSCHK" RYLUEMSH RTYIPDIFUS RMBFIFSH UOTSEOYEN ULPTPUFY TBVPFSH, RPCHSHCHYEOOOSCHN FERMPCHSHCHDEMEOYEN Y UTPLPN TBVPFSCH PF BL LHLHNHMSFPTCH.

mAVPK ZEKNET ULBTSEF, YUFP YUEN CHCHCHYE TBTEYEOYE, FEN NEOSHIE LBDTPCH CH UELKHODH (FPS) CHCH RPMKHUYFE. pFUADB Y RPFTEVOPUFSH CH OBCHPTPUEOOSCHI YZTPCHSHCHI LPNRSHAFETBI UP NOPTSEUFCHPN CHYDEPLBTTF. CHUS LFB CHSHCHYUMYFEMSHOBS NPESH, OBRTBCHMEOOBS INFORMAZIONI SU RTPPUYuEF LBTFYOLY, RTYCHPDYF L CHSHCHDEMEOYA FERMB, B YUEN CHCHCHYE FENRETBFKHTTB YURB, FEN ON NEDMEOOEE. zEKNETSH TEYBAF BH RTPVMENH U RPNPESH UYUFEN TSIDLPUFOPZP PIMBTSDEOOYS Y VPMSHYI LHMETCH.

Retina UPЪDBЈF MYYOOAA OBZTHYLH INFORMAZIONI SU GPU, PFTYUPCHCHBS RYLUEMY, LPFPTSCHI CHCH DBCE OE KHCHYDYFE (VPMEE NYMMYPOB "OECHYDYNSCHI" RYLUEMEK). oBULPMSHLP RTPIYCHPDYFEMSHOEE VSHM VSC CHBY iPad? oBULPMSHLP NEOSHYE VSH ON OZTECHBMUS Y OBULPMSHLP DPMSHYE TBVPFBM? rPIPTSE, CHCH LFPZP OE KHOBEFE.

NSHCH OBEN, YuFP OPCHSHCHK iPad "FPMEE", YuEN iPad 2. NSHCH OBEN, YuFP LFP YЪ-ЪB VPMSHYEZP BLLHNHMSFPTB. yuEZP ChSch NPTSEFE OE OBFSH, FBL LFP FPZP, YuFP EZP ЈNLPUFSH KHCHEMYUEOB CIRCA il 70%. dB, RPYUFY CH DCHB TBBB! th FEN OE NEOEE BLLHNHMSFPT TBTSTSBEFUS VSHUFTEE. Displaymate RPLBYSCHCHBEF, YuFP OPCHSHCHK iPad TBVPFBEF RTYNETOP CIRCA 5% NEOSHYE YUEN iPad 2 RTY UTEDOEN KHTPCHOE STLPUFY, Y CIRCA 20% NEOSHYE RTY NBLUINBMSHOPN KHTPCHOE. pDOB FPMSHLP RPDUCHEFLB YURPMSHJHEF OOETZYY CH 2.5 TBUB VPMSHYE, YUEN X iPad 2, Y LFP DP FPZP, LBL CHCH OBYUOFE RPDUCHYUYCHBFSH CHUE 3.15 NYMMYPOB RGB-RYLUEMEK. rTEDUFBCHSHFE LFP YOBYUE: EUMY BLLHNHMSFPT PF OPChPZP iPad HUFBOPCHYFSH H iPad 2, FP ON RPTTBVPFBEF U RPUFPSOOP CHLMAYUЈOOOSCHN LLTBOPN VPMEE 20 YUBUPCH.

IDEBMSHOPE OBYUEOE PPI: 1080p DMS RMBOYEFOSHI LPNRSHAFETPCH

rППФПНХ Х ЪБЗПМПЧЛЭ ХФЧЭТЦДБЭФУС: Х Surface Pro "Retina МХУЕYE", YUEN Х iPad. rTY TBUUNPFTEOYY U OPTNBMSHOPZP TBUUFPSOYS TBIOGSHCH OEF. UPCHETYYOOOP OLIOBLPC! h YFPZE RPMSHЪPCHBFEMSH RPMKHYUBEF PFMYUOSCH CHYHBMSHOSHE LZHZHELFSHCH, PUFBCHMSS VPMSHYE TEUKHTUPCH GPU DMS RTPLTHFLY, RTPUNPFTTB CHEV-UFTBOIG CH BRRBTBFOSCHN KHULPTEOYEN, M HYUYI YZT Y F. R. uTPL TBVPFSH PF BLLHLHN HMSFPTCH HCHEMYYUCHBEFUS, B HTPCHEOSH CHCHDEMSENPZP FERMB UOTSBEFUS. OE RPUMEDOAA TPMSH YZTBEF Y NEOSHIBS UFPYNPUFSH RTPYCHPDUFCHB, YuFP DBЈF CHPNPTsOPUFSH RTPYCHPDYFEMA RPBBVPFYFSHUS P CHEEBI RP-OBUFPSEENH CHBTSOSCHI: VPMSHYEK STL PUFY, LPOFTBUFOPUFY, VPMEE YYTPLK GCHEFPCHPK Z BNNE.

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

dPRPMOYFEMSHOBS YOZHPTNBGYS:

  • bChFPT: -
  • dBFB RHVMYLBGYY PTYZYOBMB: bCHZHUF 2012
  • yUFPYUOIL: www.theverge.com
  • RETECHPD CHSHRPMOEO RP ЪBLБЪХ eCo Shop

lPNNEOFBTYY L UFBFSHE

UETZEK ENLB
2012/10/25
http://ipad-the-new.ru/retina - PRJUBOIE DYURMES Retina
bMELUBODT
2013/08/05
VTED LBLPK-FP... rMPFOPUFSH RYLUEMEK OHTSOB DMS FPZP, YUFPVSH FELUF OE TBNSCHCHBMUS. ° INFORMAZIONI su iPad 3 (RYYH U OEZP UEKUBU) SU OE TBNSCHCHBEFUS. dMS RMBOYEFB LFP PYUEOSH CHBTsOP!
Ronin427
2013/08/16
INFORMAZIONI SU CHETOPE BCHFPTKH OBDP RPYOFETEUPCHBFSHUS X RPMYZTBZHYUFPCH, PFLKHDB CHSMUS UFBODBTF 300DRY Y UFP DI OBYUIF. OP RPIPCE BCHFPT CHPPVEE OE CH FEN.=(
Alessandro
2013/08/21
YuFP BChFPT ZPCHPTYM PV BLLHLHNHMSFPTE ipad"a?

gYFBFB chip.ua "UBNSCHK VPMSHYPK OEDPUFBFPL DBOOPZP RMBOYEFB - LFP CHTENS BChFPOPNOPK TBVPFSHCH. rTY RPMOK STLPUFY LLTBOB BLLHNHMSFPT TBTSDIYMUS RPUME 3:46 YUBUPCH RTPUNPFTB CHYDE P, YMY 4:24 YUBUPCH JYOZB.

RHUFSH RPPDKDEF CH NBZBIYOE L MacBook Pro U TEFYOPK Y VEY UTBCHOYF, DEMP OE CH UBNYI RYLUEMSI B CH YUEFLPUFY YTYZHFPCH Y EMENEOFPCH YOFETZHEKUB, CH PFUHFUFCHY CHUSLY MEUEOPL Y F .D.

VETYS
2013/09/27
p, OBVETSBMY ЪPNVIY ÑRMPCHULYE! pVYDEMY YI
pMEZ
2014/02/20
b RP NOE DBL CHBTSOEE ЪBTSD CH BRRBTBFHTE! IPad-LFP CHTPDE, LBL RETEOPUOPK LPNRSHAFET!!!?))) rППФПНХ С МХУИ ДПРПМОПМОФМШОСХХК YuBU RPUNPFTA SU YЪPVTBTSEOYE RPIKHTSE, YUEN SU YUETOSHCH K LLTBO! th EUMY LFP-FP UYUYFBEF RP DTHZPNH,FP LFPF YUEMPCHEL OPUIF iPad DMS RPOFPCH Y CHTSD MY NPTsEF RTPLPNEOFYTPCHBFSH DBOOKHA FENKH,BDELCHBFOP!!!)))))
hMBDYNYT
2014/06/09
"h YFPZE RPMSHЪPCHBFEMSH RPMKHYUBEF PFMYUOSCH CHYHBMSHOSHE LZHZHELFSHCH, PUFBCHMSS VPMSHYE TEUKHTUPCH GPU DMS RTPLTKHFLY, RTPUNPFTTB CHEV-UFTBOYG CH BRRBTBFOSHCHN KHULPTEOYEN, MKHYYI YZT Y F. R. uTPL TBVPFSH PF BLLHN HMSFPTPCH HCHEMYYUCHBEFUS, B HTPCHEOSH CHSHCHDEMSENZP FERMB UOTSBEFUS."

oi RP PDOPNKH RHOLFKH NEOS OEF RTEFEOOJK L ipad4. lFP IBYF BKRBD FPF MYVP YN OE RPMSHЪPCHBMUS MYVP ЪБЪБЪБЪФЭТУПЧКО.

Gli sviluppatori di diverse aziende stanno cercando di prestare maggiore attenzione al display, cercando di attirare nuovi utenti verso i loro prodotti. Quindi cosa ha sorpreso Apple questa volta e cos'è il display Retina? I suoi vantaggi e svantaggi rispetto agli altri. Questo è esattamente ciò di cui parleremo in questo articolo.

Il display è parte integrante di ogni dispositivo. Che si tratti di un tablet, di un computer o di un telefono. Dopotutto, è attraverso di esso che viene effettuata la connessione di una persona con il "ferro".

Cos'è un display Retina?

Quando si utilizza questo display, una persona non noterà affatto i pixel. L'immagine è molto chiara e luminosa, cosa di cui non tutti i dispositivi possono vantarsi.

In precedenza, tale nitidezza del display poteva essere apprezzata solo sui computer professionali, ma ora è disponibile sui dispositivi Apple. Molto spesso, Retina viene utilizzata sui tablet iPad, la risoluzione è 2048x1536 pixel. Questo è anche più di alcuni monitor di computer.


Foto: confronto visivo della risoluzione di iPhone 3Gs (display normale) e iPhone 4s (display Retina)

Retina viene utilizzato solo da Apple?

Il display Retina è un dispositivo brevettato, il che significa che nessun marchio ha il diritto di utilizzarlo in questa forma. Tuttavia, Sony ha tentato di aumentare i pixel dello schermo, ma non ha avuto successo. Poiché è in Apple che la dimensione dello schermo (pollici) corrisponde al numero di pixel. Dopotutto, vale la pena ricordare che aumentando la risoluzione è necessario aumentare anche la componente tecnica del dispositivo.


Steve Jobs (fondatore di Apple) una volta disse che 300 dpi è la media aurea per i telefoni.

Vantaggi e svantaggi dei display Retina

Il display Retina presenta una serie di vantaggi che lo distinguono dai display di altre aziende:

  • tipo di matrice - IPS, il che significa che questa tecnica è caratterizzata da una componente grafica migliorata: elevata luminosità, contrasto e angolo di visione, riproduzione accurata dei colori;
  • le fotografie sembrano vivide e corrispondono il più fedelmente possibile alla realtà;
  • ottenere buoni risultati nella pittura digitale;
  • l'immagine rimane leggibile con qualsiasi angolo di visione;
  • il rapporto qualità prezzo è ottimale;
  • eliminazione automatica dei difetti dei pixel.


Ma tutti i display hanno i loro svantaggi. E Retina non ha fatto eccezione. Se utilizzata alle massime impostazioni possibili, la batteria si riscalda e si scarica rapidamente.

Riepilogo del display Retina

  1. Il display Retina è uno sviluppo di Apple Corporation. Oggi è il migliore in termini di rapporto qualità-prezzo.
  2. L'immagine su questo display è molto chiara, i colori corrispondono alla realtà. È molto conveniente attingere a tali tablet.
  3. Uno dei principali vantaggi è l'angolo di visione, che consente all'immagine di rimanere chiara e “corretta” in relazione ai colori, indipendentemente dall'angolazione da cui la si guarda.
  4. Considerando i vantaggi e gli svantaggi, Retina mantiene il suo posto come il display principale del nostro tempo.

Oggi vedremo cos'è la tecnologia dello schermo Retina Display. Display Retina Questo è un nuovo schermo ad ampia risoluzione. Viene utilizzato sul tablet iPad. La risoluzione di questo schermo è 2048x1536 pixel. Questo è molto più di alcuni monitor. La tecnologia Retina Display è un'innovazione nel mercato dei tablet. Il lavoro svolto dagli ingegneri Apple è degno di rispetto.

In precedenza, le persone potevano ottenere immagini così precise e di alta qualità utilizzando solo monitor professionali (ad esempio, monitor di computer di fascia alta di varie aziende), che di solito costavano fino a 9.000 dollari, ma oggi puoi goderti un'eccellente nitidezza delle immagini semplicemente acquistando un tablet. , su cui è installato Retina Display.

Soprattutto per iPad

L'iPad con display Retina utilizza la tecnologia IPS. Grazie a questo sistema otteniamo un angolo di visione più ampio. Grazie a questa tecnologia, qualunque sia la posizione in cui si trova il tuo iPad, vedrai sempre un'ottima immagine. Inoltre, il contrasto del display Retina è molto più elevato rispetto ai precedenti. Ciò rende i bianchi molto più luminosi e i neri molto più scuri, con il risultato che l'immagine complessiva appare molto migliore. Secondo gli ingegneri Apple è stato piuttosto difficile realizzare un display con 3,1 milioni di pixel. Per ottenere la massima qualità dell'immagine, gli sviluppatori hanno utilizzato la suddivisione della logica di sistema del display Retina dell'iPad in due sfere. I pixel stessi sono rimasti in alto e in basso c'era un circuito di generazione del segnale per ciascun subpixel, che determina il colore verde, rosso o blu.

Funzioni aggiuntive

Se scegli Retina Display, cosa farà per te? Gli ingegneri Apple hanno anche migliorato il vetro.

È realizzato con gli stessi materiali utilizzati nel vetro degli elicotteri. Ha subito un trattamento chimico, grazie al quale ne sono aumentate la resistenza, la protezione da vari tipi di graffi e la sua resistenza. Una caratteristica importante di questo display è la presenza di uno speciale rivestimento oleorepellente che aiuta a prevenire la comparsa di impronte digitali e può essere facilmente rimosso. Ulteriori funzionalità Retina includono anche l'illuminazione ambientale e la retroilluminazione a LED. Consiste nella regolazione della luminosità dello schermo, in seguito alla quale si verifica un consumo ottimale della batteria senza perdita di qualità dell'immagine.

Vantaggi del display Retina

Si può dire con certezza che quando acquisti un display Retina, è un ottimo prodotto che offre molti vantaggi. Lo schermo dell'iPad di ultima generazione si distingue non solo per l'alta risoluzione, ma anche per l'eccellente riproduzione di colori e sfumature, in particolare la curva gamma assolutamente ideale e la gamma cromatica standard.

Di conseguenza, tutti i tuoi video e le tue foto appariranno su questo tablet esattamente come dovrebbero essere visualizzati su un dispositivo "fisso". La riserva di luminosità del display è generalmente fino a 407 cd/m2 al massimo. La sua carenza può essere avvertita in modo evidente solo in condizioni di sole abbastanza splendente, in altri casi la riserva della batteria è abbastanza sufficiente. Il rapporto di contrasto è di circa 900:1. Questa cifra è aumentata rispetto alla generazione precedente di iPad (dove il rapporto era 687:1). Filtro antiriflesso per display Retina: che cos'è? Un dispositivo che resiste bene alle interferenze della luce esterna e impedisce allo schermo di sbiadire o sbiadire sotto l'influenza della luce. Gli angoli di visione sono piuttosto ampi, le ombre praticamente non sono distorte e l'immagine rimane leggibile con qualsiasi angolo di visione.

Inoltre, se sei un creatore di sfondi salvaschermo per iDevices, sarai senza dubbio soddisfatto di questo display. Far sì che tutto si adatti a questo schermo è diventato molto più semplice. Il display stesso aiuta a rimuovere tutta la ruvidità dei pixel e offre un'immagine eccellente della massima qualità.

Contro del sistema

Ma non importa quanto sia buono questo display, presenta ancora diversi inconvenienti. Innanzitutto, in alcuni dispositivi con schermo Retina, tende a surriscaldarsi, il che risulta sgradevole. In secondo luogo, qualunque cosa ci dicano sulla durata della batteria, questo display alla massima luminosità scarica la batteria del dispositivo abbastanza rapidamente. E in terzo luogo, ci sono spesso problemi con la luminosità automatica, che non si adatta bene all'illuminazione esterna, ma puoi sempre regolarla manualmente.

Ma tutti questi svantaggi dell'Apple iPad (il display Retina è una delle sue migliori caratteristiche) non possono rovinare il piacere della qualità dell'immagine risultante. E con ogni nuovo modello il display diventa sempre più perfetto.

Traendo le conclusioni

Sommando tutte le caratteristiche e i vantaggi della nuova tecnologia, possiamo concludere che il Retina Display è un regalo meraviglioso. Vediamo che il prodotto risultante è pienamente all'altezza di tutti i nostri sogni e aspettative al riguardo. La qualità dell'immagine non cambia se vista da diverse angolazioni, i colori non si interrompono o sbiadiscono e gli utenti trarranno molto più piacere dalla lettura, dalla visualizzazione di file video e foto. Sicuramente al momento questo è il migliore tra tutti i display esistenti per tablet.