Matapos ang kamakailang pagpapalabas ng Retina MacBook Pro at ang bagong iPad, ang mga screen na may pinalaki na pixel density ay nagsimulang aktibong pumasok sa aming mga buhay. Ano ang ibig sabihin nito para sa mga web developer?

Upang magsimula, maunawaan natin ang terminolohiya.

Pisikal na mga pixel.

Pisikal na mga pixel. (Pixel ng aparato o pisikal na pixel) - pamilyar kami sa mga pixel ng US: ang pinakamaliit na elemento ng anumang display, bawat isa ay may sariling kulay at liwanag.

Screen density. Ang density ng screen ay ang bilang ng mga pisikal na display pixel. Karaniwan sinusukat sa pixels-on-inch (ppi: pixels per inch). Apple, pagbuo ng retina-screen na may double density ng pixel, argues na ang mata ng tao ay hindi makilala ang density ng boom.

CSS Pixels.

CSS Pixels. (CSS pixels) - Isang abstract na halaga na ginagamit ng mga browser upang tumpak na magpakita ng nilalaman sa mga pahina, hindi alintana ng screen (Dips: Device-Independent Pixels). Halimbawa:

Ang ganitong bloke sa mga ordinaryong screen ay maghawak ng 200x300 pixel area, at ang parehong bloke ay makakatanggap ng 400x600 pixels sa retina screen. Sa paraan, ang pixel density ay 4 beses na higit pa sa retina-screen kaysa sa ordinaryong:

Ang ratio sa pagitan ng pisikal at css pixel ay maaaring mai-install bilang mga sumusunod:
Device-pixel-ratio, -o-device-pixel-ratio, -moz-device-pixel-ratio, -webkit-device-pixel-ratio (...)

O kaya:
Device-pixel-ratio, -o-min-device-pixel-ratio, min - Moz-device-pixel-ratio, -webkit-min-device-pixel-ratio (...)

Sa JavaScript, maaari mong makamit ang paggamit na ito
Window.devicepixelratio.

Raster pixels.

Raster pixels. (Bitmap pixels) - ang pinakamaliit na bahagi na bumubuo ng isang raster image (PNG, JPF, GIF, atbp.) Ang bawat pixel ay naglalaman ng impormasyon tungkol sa kulay at lokasyon sa sistema ng coordinate ng imahe. Sa ilang mga format, ang pixel ay maaaring maglaman ng karagdagang impormasyon, halimbawa, transparency.

Bilang karagdagan sa pahintulot ng raster, ang mga imahe sa Internet ay may abstract laki sa CSS pixels. Ang browser compresses o stretches ang imahe ayon sa CSS-lapad at -Dinine. Kapag nagpapakita sa karaniwang screen, ang isang raster pixel ay tumutugma sa isang CSS pixel. Sa retina-screen, ang bawat raster pixel ay pinarami ng 4 na beses:

Pag-optimize

Mayroong maraming mga paraan upang ma-optimize ang mga graphics upang ipakita sa mga screen ng retina. Ang bawat isa ay may mga kalamangan, at kahinaan, ito ay kinakailangan upang pumili sa bawat partikular na kaso, na may higit na priyoridad: pagganap, pagiging simple ng pagpapatupad, suporta para sa mga browser, o ilang iba pang mga parameter.

Html at css scaling

Ang pinakamadaling paraan upang ihanda ang iskedyul sa display ng retina ay madaling hatiin ang mga pisikal na sukat ng imahe sa kalahati. Halimbawa, upang ipakita ang photo 200x300 pixels sa screen na may pinalaki na pixel density, dapat kang mag-upload ng isang larawan ng 400x600 pixels sa laki at bawasan ito gamit ang mga katangian ng CSS o mga parameter ng HTML. Ito ay ipapakita sa karaniwang screen:

At kaya sa retina:

Mayroong maraming mga paraan upang ipatupad ang HTML at CSS scaling:

HTML.

Ang pinakamadaling paraan ay upang itakda lamang ang mga parameter ng lapad at taas ng IMG tag:

Saan gamitin: Sa mga single-page site na may maramihang mga imahe.

JavaScript.

Ang parehong resulta ay maaaring makamit gamit ang JavaScript upang hatiin ang laki ng imahe para sa mga screen ng retina sa kalahati. Gamit ang jQuery library mukhang ito:
$ (window) .load (function () (var images \u003d $ ("img"); mga larawan.each (function (i) ($ (ito) .width ($ (ito) .width () / 2);) );));

Saan gamitin: Sa mga site na may maramihang mga imahe sa nilalaman.

CSS (SCS)

Maaari mo ring gamitin ang imahe bilang isang background na may kinakailangang dimensyon (laki ng background) ng isang partikular na div "a. Ang parameter na sukat sa background ay hindi suportado sa IE 7 at 8.
.Image (background-image: URL ( [Email protected]); Background-size: 200px 300px; / * Bilang alternatibong laki ng background: naglalaman; * / Taas: 300px; lapad: 200px; Tama

Maaari mong gamitin ang mga pseudo-elemento: bago o: pagkatapos
.Image-container: bago (background-image: URL ( [Email protected]); Background-size: 200px 300px; Nilalaman: ""; Display: block; Taas: 300px; lapad: 200px; Tama

Ang pamamaraan ay gumagana at kapag gumagamit ng Sprites:
.icon (background-image: URL ( [Email protected]); Background-size: 200px 300px; Taas: 25px; lapad: 25px; & .Trash (posisyon sa background: 25px 0;) & .edit (posisyon sa background: 25px 25px;))

Saan gamitin: Sa mga site na may limitadong bilang ng mga larawan sa background (halimbawa, isa bilang engkanto).

HTML at CSS Scaling: Plus.

• Madaling pagbebenta
• Crossboxrity.

HTML at CSS Scaling: Minuses.

• Ang mga aparatong may mga maginoo na screen ay magda-download ng dagdag na megabytes.
• Sa mga ordinaryong screen, ang kaliwanagan ng mga imahe ay maaaring magdusa dahil sa mga algorithm ng compression
• Ang parameter na sukat sa background ay hindi sinusuportahan sa IE 7 at 8.

Pagpapasiya ng density ng mga pixel sa screen

Marahil ito ang pinaka-popular na paraan upang ma-optimize ang mga graphics para sa retina-display. Ginagamit ang CSS o JavaScript.

Css.

Ang pamamaraan na ito ay gumagamit ng device-pixel-ratio upang maitatag ang ninanais na ratio sa pagitan ng pisikal at CSS pixel:
.icon (example.png); laki ng background: 200px 300px; taas: 300px; lapad: 200px;) @media lamang screen at (-webkit-min-device-pixel-ratio: 1.5), screen lamang at (-moz -Min-Device-Pixel-ratio: 1.5), screen lamang at (-o-min-device-pixel-ratio: 3/2), screen lamang at (min-device-pixel-ratio: 1.5) (.icon ( Background-image: url ( [Email protected]); } }

Saan gamitin: Sa mga site o sa mga application kung saan ang background-image ay inilalapat para sa mga elemento ng disenyo. Hindi angkop para sa mga larawan sa loob ng nilalaman.

pros

• Crossboxrity.

Minuses.

• Nakakapagod na ipatupad, lalo na sa mga malalaking site
• Gamit ang nilalaman ng imahe bilang isang background semantically hindi tama

JavaScript.

Ang parehong resulta ay maaaring makamit gamit ang window.devicepixelratio:
$ (dokumento) .Ready (function () (kung (window.devicepixelratio\u003e 1) (var lowresimages \u003d $ ("img"); mga larawan.each (function (i) (var lowres \u003d $ (ito) .Ttr (" src "); var highres \u003d lowres.replace (". "," @ 2x. "); $ (ito) .attr (" src ", highres);));)));

May isang espesyal na javascript plugin retina.js, na maaaring gawin ang lahat ng nasa itaas, ngunit may karagdagang mga tampok, tulad ng paglaktaw panlabas na mga imahe at pagpasa panloob ngunit hindi pagkakaroon ng retina kopya.

Saan gamitin: Sa anumang mga site na may mga larawan sa nilalaman.

pros

• Madaling pagpapakilala
• Ang mga aparato ay hindi nagda-download ng mga hindi kinakailangang larawan
• Pixel density control sa site

Minuses.

• Retina Devices I-download ang parehong mga pagpipilian para sa bawat larawan.
• Ang pagpapalit ng imahe ay kapansin-pansin sa mga aparatong retina
• Ay hindi gumagana sa ilang mga sikat na browser (ibig sabihin at firefox)

Scalable vector graphics.

Anuman ang pamamaraan na ginamit, ang mga imahe ng raster ay dahil sa kanilang kalikasan ay mananatiling limitado sa scaling. Narito maaari naming tulungan ang vector graphics. SVG (scalable vector graphics) Ang format na batay sa XML ay suportado ng karamihan sa mga browser. Ang pinakamadaling paraan upang magamit ang mga imahe ng SVG ay nasa IMG tag o CSS parameter na background-image at nilalaman: URL ().

Sa halimbawang ito, ang isang simpleng imahe ng SVG ay maaaring ginagamit upang masukat:

Ang parehong ay gagana sa CSS:
/ * Paggamit ng larawan sa background * / .Image (example.svg); laki ng background: 200px 300px; taas: 200px; lapad: 300px;) / * Paggamit ng nilalaman: bago (nilalaman: URL (example.svg); / * lapad at taas ay hindi gumagana sa nilalaman: url () * /)

Upang suportahan ang IE 7 o 8 at Android 2.x, ang paggamit ng mga larawan ng kapalit na PNG ay kinakailangan. Maaari itong madaling gawin gamit ang modernizr:
.Image (background-image: URL (example.png); laki ng background: 200px 300px;) .svg (.Image (background-image: url (example.svg);))

Para sa mas mahusay na cross-browser upang maiwasan ang mga problema sa rasterization sa Firefox at Opera, ang bawat imahe ng SVG ay dapat gawin ng elemento ng HTML ng magulang nito.

Sa HTML, maaari mong ipatupad ang katulad sa nais na data sa tag A:

Paggamit ng jQuery at Modernizr:
$ (dokumento) .Ready (function () (kung (modernizr.svg) (var mga larawan \u003d $ ("img"); mga larawan.each (function (i) ($ (ito) .attr ("src", $ (ito) .data ("png-fallback"));));)));

Saan gamitin: Sa anumang mga site, na angkop para sa mga icon, mga logo at simpleng mga guhit ng vector.

pros

• Pinag-isang hanay ng mga larawan para sa lahat ng mga aparato
• Madaling pagbebenta
• Walang katapusang scaling.

Minuses.

• Walang tumpak na smoothing "bago pixel"
• Hindi angkop para sa kumplikadong graphics dahil sa malaking laki ng file
• Walang built-in na suporta sa IE 7, 8 at sa unang bahagi ng mga bersyon ng Android

Mga IconScript

Mga sikat na pasasalamat

Kami ay nakapagsalita tungkol sa aming website nang higit sa isang beses tungkol sa mga produkto mula sa Apple: , Mobile operating system. . Ngayon patuloy naming ipagbigay-alam sa iyo ang mga tampok ng mga produkto mula sa kumpanya coupertin. Sa aming kasalukuyang artikulo sasabihin namin sa iyo ang tungkol sa isang sandali, na ginagawang masigasig ang mga gumagamit, mula sa screen ng smartphone / laptop / tablet / monoblock mula sa Apple. Narito kami ay pakikipag-usap tungkol sa kamangha-manghang retina screen.

Kaya ano ang retina? Ano ang bentahe ng teknolohiyang ito bago ang mga katunggali? At sa pangkalahatan, paano gumagana ang gawaing retina na ito? Harapin natin.

Ano ang retina display.

Noong Steve Jobs, sa pagtatanghal ng bagong iPhone 4, unang nagpakita sa mundo, ang retina display - ang buong mundo ay pininturahan lamang mula sa sorpresa at sumabog ang alon ng tunay na kasiyahan. Matapos ang iPhone 4, lumitaw ang display na ito sa bagong mga modelo ng iPad, MacBook at IMAC. Ngunit ano ang display ng retina at bakit masigasig ang mga tao?

Ang pinakamahalagang bagay na dapat mong malaman ay ang retina ay isang patented na tatak ng Apple. Bilang karagdagan, walang mga teknikal na paghahayag sa mga display na ito. Sa kakanyahan, ang Apple ay maaaring magbigay ng anumang pagpapakita ng retina console, ngunit may isang kondisyon. Ang kanyang sarili sa di malilimutang pagtatanghal iPhone 4 ay nagsabi na ang bagong display ng smartphone ay napakalinaw na walang sinuman sa mundo ang makakakita ng mga indibidwal na pixel mula sa isang distansya na 25 pulgada. Sa parehong iPhone 4, ang pixel density ay 326 dpi.

Dahil ang pagtatanghal ng iPhone 4, maraming tubig ang dumaloy, at ipinakilala ni Steve Jobs ang isang hanay ng mga device kung saan naka-install ang retina screen. Ngunit kung titingnan mo, halimbawa, sa density ng pixels sa iPad at ihambing ang halagang ito sa density sa iPhone, maaari kang magkaroon ng ilang pagdududa. Ang bagay ay na sa tablet ng Apple, ang pixel density sa screen ng 256 dpi lamang. Kaya bakit ang mga screen na ito ay mayroon ding prefix retina? Talaga bang linlangin tayo ng Apple?

Hindi, ang Apple ay hindi linlangin tayo. Ang bagay ay upang makatanggap ng retina prefix, ang display ay sapat na ang isang hiwalay na pixel ay hindi nakikita sa mata ng tao. Iyon ay, mayroon kaming dalawang direktang pamantayan na nakakaapekto kung nakikita natin ang isang hiwalay na pixel, o hindi: density at distansya mula sa screen hanggang sa mata. Samakatuwid, ang mas malayo mula sa mata na itinatago namin ang screen, kailangan ang mortar density pixels para sa "pagkawala" ng mga pixel. Iba pang mga salita kaysa sa isang malaking screen dayagonal, ang karagdagang panatilihin mo ito mula sa mata, at mas mababa ang halaga ng density ng pixels ay kinakailangan upang makuha ang pamagat ng retina. Kaya, ang kagalingan ng kamay ng mga kamay at walang pandaraya.

Ano ang pagkakaiba sa pagitan ng karaniwang display at ang retina display?

Kung sinasabi namin ang mga simpleng salita, kinuha lamang ng mga inhinyero ng Apple at nadoble ang bilang ng mga pixel nang pahalang at patayo. Bilang isang resulta, sa display na ito, ito ay naka-out dalawang beses ng maraming mga pixel kumpara sa karaniwang hindi retina display. Ngunit kung ang Apple ay limitado lamang sa isang pagtaas sa bilang ng mga pixel, ang mga gumagamit ay magkakaroon ng mga tunay na problema. Ang katotohanan ay ang mas malaki ang bilang ng mga pixel sa screen, ang miniature ng mga elemento ng interface ay magiging.

Ngunit ang Apple ay hindi mansanas kung hindi ito ayusin ang problemang ito. Kaya, ang mga problema sa mga miniaturization engineer ay nagpasya sa pamamagitan ng paglikha ng isang espesyal na sistema ng HIDPI. Ang operasyon ng system ay kasing simple hangga't maaari: ito ay nakikibahagi sa scaling ng mga elemento ng interface sa isang katanggap-tanggap na sukat para sa aming mga mata. Ang pangunahing gawain ng mga display ng retina ay gawin ang lahat sa mas malinaw na screen. Lalo na ang mga display ng retina ay mahusay na ipinapakita na teksto. Salamat sa isang malaking bilang ng mga pixel, ang mga titik ay mukhang makinis at tila binabasa mo ang isang tunay na kalidad ng magazine, at hindi isang uri ng bersyon sa PDF.

Ano ang retina hd at retina 4k / 5k?

Kung ang retina display ay sobrang cool, kung saan upang higit pang mapabuti ang mga ito? Ngunit ito ay Apple, na nangangahulugang pagbabago na walang katapusan 🙂 Alam ng lahat na hindi lamang alam ng Apple kung paano lumikha ng pinakamahusay sa mundo ng device, ngunit alam din kung paano matagumpay na ibenta ang mga ito. At kapag ang lahat ay nagsimulang magsalita sa mundo muna tungkol sa HD, at pagkatapos ay tungkol sa Full HD at 4K, ang mga guys mula sa Cupertino ay hindi maaaring lumayo mula sa lahat ng ito. At bilang isang resulta, sa 2014 mayroong isang bagong iPhone 6 na may HD screen resolution. Sa iPhone 6 plus, ang resolution ng screen ay puno na HD. At paano eksaktong ginawa ng Apple ang mga nagpapakita na ito sa iPhone? Tama iyan, Retina HD at Retina Full HD.

Kapag ang mundo ay nagsimulang mabaliw sa resolusyon ng 4K (mga screen na may 4,000 pixel nang pahalang), inilabas din ng Steve Jobs ang device nito sa isang 4K - Retina 4K screen. Ang aparatong ito ay ang iMac na may diagonal ng isang 21-inch display at isang pixel density ng 218 dpi. Ngunit ang resolusyon ng 4K ay lahat, at ang mansanas ay dapat na mas mahusay kaysa sa lahat. Samakatuwid, sa 2014 iMac ay nai-publish na may isang dayagonal ng 27 pulgada at isang kahanga-hangang resolution pahalang 5120 puntos. Tulad ng iyong nahulaan, sa kumpanya, ang display na ito ay tinatawag na Retina 5K. Tulad ng makikita mo, para sa retina walang mga hadlang mula sa punto ng pananaw ng pahintulot. Ang pangunahing mataas na densidad ng mga pixel.

Gumagamit ba ang iba pang mga tagagawa ng term retina?

Habang pinoprotektahan ng Apple ang mga patente nito bilang Zenitsa Oka, walang sinuman sa mundo bukod sa mga ito ay maaaring gamitin ang mga salitang "retina" sa mga pangalan ng mga display. Kung hindi man, ang mga abogado ng kumpanya ay dumadaloy lamang sa imprudent manufacturer sa mga barko. Ngunit ang pagbabawal ng paggamit ng termino retina ay hindi nangangahulugan na ang mga tagagawa ay hindi maaaring gumawa ng mga nagpapakita na may higit na pixel density kaysa sa mansanas.

Halimbawa, isa sa mga unang modelo ng mga smartphone sa merkado, kung saan ang density ng display pixel ay mas malaki kaysa sa iPhone, mayroong isang Sony Xperia Z5 Premium. Isipin mo lang, na may isang resolusyon ng 4K at ang diagonal ng pagpapakita ng 5.5 pulgada, ang pixel density ay 806 dpi. Gayundin, hindi maaaring tumayo ang Samsung ang osono ng mga karera sa bawat pixel density. Ang unang kanyang smartphone na may isang talagang mataas na pixel density sa isang pulgada ay Galaxy S6. Sa isang resolusyon ng 1440 x 2560 (Quad HD o QHD) at ang diagonal ng display ay 5.1 pulgada, ang pixel density ay 5.1 pulgada.

Ngunit dito ito ay nagkakahalaga ng pag-iisip tungkol sa pagiging posible ng paggamit ng tulad ng isang mataas na resolution at density ng mga pixel na may napakaliit na diagonals. Ang katotohanan ay mayroong maraming mga mapagkukunan ng hardware at enerhiya upang ipakita ang mga mataas na permit. Samakatuwid, posible na ang Steve Jobs ay tama kapag sinabi niya na ang density ng pixels sa 300 dpi-inch ay isang gintong ibig sabihin para sa mga smartphone. At ito ay nagpapakita ng retina na hindi ang pinakamataas na halaga ng densidad ng pixel na nag-aalok ng pinakamainam na balanse sa pagitan ng sharpness ng imahe at ang bilang ng mga mapagkukunan na dapat na ginugol sa display nito.

Buod

At kaya, alam ng Apple ang kanyang negosyo. Hindi lamang nila ginagawa ang mga pinakamahusay na programa, kundi pati na rin ang mga produktibong aparato na may kamangha-manghang kalidad ng retina display. Sabihin nating maikli ang lahat ng natutunan natin tungkol sa mga nagpapakita na ito. Una, ang retina ay hindi isang teknolohiya, ngunit ang pangalan ng marketing ay nagpapakita ng mataas na pixel density. Pangalawa, mas malaki ang diagonal ng display, mas mababa ang kailangan mo ang halaga ng display ng pixel density upang makuha ang retina console. Ang mataas na pixel density ay tumutulong upang gumawa ng isang imahe na mas malinaw, lalo na mahusay na makikita sa display ng teksto. At pinaka-mahalaga, ang mga display ng retina ay mahusay na pinagsama ng mga permit at density ng mga pixel na may mga mapagkukunan na ginugol. Umaasa kami na ang aming artikulo ay nakatulong sa iyo na harapin ang ipinapakita ng Apple Retina. Sa mga bagong pulong sa aming mga sumusunod na materyales.

Ang pag-unlad ng mga monitor ng LCD ay angkop, sa bilang, ang hitsura ng teknolohiya na tinatawag na mga IP (in-plane switching). Ang pangalan ay ibinigay dahil sa paraan ng paglalagay ng mga kristal sa mga panel ng IP: ang mga kristal ay matatagpuan sa isang eroplanong parallel sa ibabaw ng panel. Ang pamamaraan na ito ay nagbigay ng pagkakataon na makakuha ng maraming malaking mga anggulo sa pagtingin, na gumawa ng mga monitor ng LCD na may alternatibo sa ETT-display.

Ang pagpapakilala ng teknolohiya ng IPS ay posible upang alisin ang mga pangunahing disadvantages ng unang LCD display: isang maliit na anggulo ng pagtingin na dulot ng iba't ibang antas ng pag-on ng mga molecule ng LCD substance, na humantong sa iba't ibang intensity ng radiation ng light beams, pagkatapos nilang lumipas ang ikalawang panel filter.

Ang mga pagbabago sa industriya ng produksyon ng mga panel ng LCD ay posible salamat sa mga inhinyero ng Hitachi, na opisyal na nagsumite ng teknolohiya ng IPS opisyal noong 1996. Salamat sa pambihirang tagumpay na ito, ang mga bagong display ay hindi isang mahabang oras ng pagtugon kapag ang pag-awit ng kulay, ay katumbas ng mga monitor na nilikha batay sa isang electron beam tube.

Ngunit ang pagtaas sa anggulo sa pagtingin ay sanhi ng pangangailangan na mag-aplay ng dalawang control transistors nang sabay-sabay sa bawat elemento. Ito ay naging kinakailangan bilang isang resulta ng paglalagay ng electric field sa isang eroplano na may paggalang sa screen. Ito ay makabuluhang nadagdagan ang kalidad ng imahe, ngunit ang paggamit ng isang malaking bilang ng mga transistors ay awtomatikong nadagdagan ang opaque area na inookupahan ng mga ito, bilang isang resulta, ay upang makabuluhang taasan ang kapangyarihan ng backlight lamp.

Gayundin, ang tampok ng mga IP ay naging kapag ang boltahe ay inilalapat sa likidong kristal, ibinalik nito ang kanyang pabilog na polariseysyon, na nangangahulugan na nadagdagan ang liwanag nito.

Ang unang mga panel ng IP ay hindi makatwirang mga kalsada, na hindi nag-ambag sa kanilang katanyagan. Bilang karagdagan, ang oras ng pagtugon ng 50 ms kaliwa magkano ang nais: ang oras ng pagtugon ay kapansin-pansin kahit na sa isang simpleng pag-scroll, hindi upang mailakip ang tatlong-dimensional.

Naturally, ang mga pagpapabuti ay kinakailangan, na ginawa ng iba't ibang mga tagagawa ng LCD panel. Ito ay isang super-IP, dual domain IP, advanced na elektrod ng coplanar at iba pa. Pinahintulutan ng refinement na makamit ang malalaking mga anggulo sa pagtingin, hanggang 180 (!) Degrees. Pagkalipas ng ilang panahon, ang NEC ay nagsisimula upang makabuo ng mga panel na naging simpleng pag-unlad ng teknolohiya ng IPS, na bukod sa A-SFT, A-Aft, SA-SFT at SA-AFT.

Ano ang retina screen?

Ito ay kilala na ang pangitain ng tao ay napaka-inertially. Iyon ang dahilan kung bakit ang 24 na mga frame sa bawat segundo para sa mata ng tao ay sapat upang makita ang isang patuloy na imahe sa screen ng TV. Humigit-kumulang maaari mong sabihin tungkol sa imahe mismo. Na may sapat na pag-alis ng mata ng isang tao ay tumatagal ng isang larawan mula sa mga malalaking smears na parang ito ay isang makintab na larawan na may mataas na resolution. Sa pangkalahatan, ang isang tao ay maaaring makilala sa pagitan ng mga 300 DPI. Kung mas mababa, nakikita ng mata ang tinatawag na butil ng display, at kung higit pa, ang larawan ay tila napakalinaw at maliwanag.

Ito ang tampok na ito na characterizes ang retina screen, i.e. Mga screen na may mataas na pixel density. Ginagamit lamang ito sa iPhone 4:

Ang larawan ay nagpapakita na ang density ng 326 puntos bawat pulgada ay nagbibigay ng isang malinaw na imahe, habang ang ordinaryong screen ay nakakatakot lamang sa mga pixel nito.

Iwanan ang iyong komento!

Ang mga display ng Retina at kamakailan ay lumitaw ang mga display ng Retina HD ay madalas na nabanggit kapag tinatalakay ang mga produkto ng Apple. Sa artikulong ito, susubukan naming matukoy ang mga pagkakaiba sa mga uri ng data ng mga display, at kung ang mga ito ay nagpapakita ng gastos sa pera na hinihiling sa kanila.

Ano ang dismiksyon ng retina? O, anong kahulugan ang tumpak para sa mga nagpapakita na may ganitong pangalan?

Ang Retina Display ay isang mas malaking kurso sa pagmemerkado kaysa sa isang teknikal na termino, ngunit din ang kahulugan ng konsepto na ito ay maaaring ibigay: Ito ay isang screen na ginagamit sa isang computing device, na may mataas na density ng pixels, kung saan ang mata ng tao ay hindi maaaring makakita ng mga indibidwal na pixel . Sa madaling salita, ipinapalagay na ang isang tao ay hindi makakakita ng pagkakaiba sa pagitan ng larawan ng larawan na ipinapakita sa retina screen, at ang larawan mismo. Ngunit ito ay nasa teorya lamang.

Retina ay Apple Property. Ang iba pang mga kumpanya ay maaaring gumawa ng mga screen na may parehong mga teknikal na pagtutukoy, ngunit tawagan sila retina, hindi nila magagawang. Ito ay isang trademark.

Ano ang resolusyon ng retina display?

Ang resolution ng screen ay ibinibigay sa format ng "bilang ng mga pixel" x "bilang ng mga pixel". Ngunit ang pangunahing punto para sa Retina display ay ang pixel density (bilang ng mga pixel bawat pulgada). Gamit ang parehong mga resolution ng screen (sa pixels), ngunit iba't ibang mga laki (sa pulgada), ang pixel density ay naiiba.

Ngunit, kahit na mula sa pananaw ng densidad ng mga pixel, walang solong digit, na maaaring maging karapat-dapat sa screen bilang retina, dahil kapag tinutukoy ang retina display, ang pansin ay isinasaalang-alang, ang distansya ng screen mula sa mata.

Sa katunayan, maaari mong mas madalas matugunan ang mga sumusunod na tagapagpahiwatig ng pixel density para sa iba't ibang uri ng mga device:

• 326ppi - smartphone.
• 264ppi - Mga tablet.
• 220ppi - laptops.

Mayroon bang anumang mga screen na may pinakamahusay na mga katangian kaysa sa retina display?

Mayroong. May mga screen na may higit na pixel density. Apple mismo, dahil ang simula ng iPhone 6, ay nag-aalok upang gamitin ang pinahusay na retina HD screen. Ngunit maraming mga Android device ay nakahihigit sa tagapagpahiwatig ng aparatong ito ng Apple, halimbawa LG G3 - 534 pixel bawat pulgada.

Ngunit kung naaalala mo ang aming nakaraang kahulugan ng retina, ang isang pagtaas sa density ng pixels ay isang halip kontrobersyal enterprise, dahil ang mata ng tao ay hindi nakikita ang pagkakaiba sa tulad mataas na mga tagapagpahiwatig ng PPI. Sinabi ito sa Apple mismo. Ngunit ang release ng iPhone 6 ay maaaring ituring bilang pagkilala na maaari mo pa ring pakiramdam ang pagkakaiba.

Ang pagkakaiba sa pagitan ng retina at retina HD.

Ang terminong Retina HD - ay nalalapat lamang sa mga screen ng mga bagong Apple smart phone. Kaya kung ano ang lumampas sa retina HD nito hinalinhan:

• Mas mataas na resolution
• Mas malaking kaibahan
• Mas malawak na pagtingin sa anggulo salamat sa Dual Domain Pixels Technology.
• Kahit na tumingin ka sa screen sa baso, ang imahe sa screen ay mas maliwanag kaysa sa mga nakaraang modelo.

Yaong mga gusto ng mga produkto Mansanas. At matematika, nag-aalok ang TUAW website sa mga numero upang makita ang mga tampok ng mga produkto ng "Apple" - kagamitan at software.

Ngayon lahat ng mga nagsasalita tungkol sa retina display, surviving tungkol sa ang katunayan na hindi sila maaaring lumitaw sa Mac, at anticipating kanilang hitsura sa iPad 3 (kung saan kami ay kumbinsido sa Marso 7, halos tiyak). May isang pag-iisip na ipinahayag ng developer ng Bjango ni Mark Edwards (Marc Edwards) sa Twitter: "Ang bilang ng mga pixel sa retina 27-inch display na may Thunderbolt ay 5120 × 2880 \u003d 14745600 pixels. Sa isang resolusyon ng 4K: 4096 × 2160 \u003d 8847360 pixels. Retina sa iPad 3: 2048 × 1536 \u003d 3145728 pixels. " Ang mga kalkulasyon ay pinipilit na mag-isip - kung ano ang maaaring magpahiwatig ng hitsura ng retina display sa Mac? Kung tama ang Edwards - talagang nasa display na may retina at kulog talagang halos 15 megapixels?

Ano ang ibig sabihin ng salitang "retina display"? Dumating ang Apple dito, na nagbibigay ng sumusunod na kahulugan:

"Ang retina display pixel density ay napakataas na ang mata ng tao ay hindi makilala ang mga indibidwal na pixel."

Ang kahulugan ay may katuturan at isang mahusay na pag-iisip na paglipat ng pagmemerkado, ngunit ito ay lamang?

Sa katunayan, ang teknolohiyang ito ay gumagamit ng hindi lamang Apple. Ang mga screen na may mataas na pixel density sa isang pulgada ay nagsisimulang lumitaw sa iba pang mga device - halimbawa, sa Android tablet mula sa ASUS. Ang eksaktong terminong "retina display" ay maaari lamang sa Apple, ngunit ang mga benepisyo ng mga screen ng mataas na resolution ay hindi maaaring pag-aari sa mga screen ng mataas na resolution. Dahil ito ay isang bagong trend para sa industriya sa kabuuan, kailangan mong subukan ang isang pulutong upang iwagayway ang "marketing dust" at subukan upang tumingin sa teknolohiya.

Kahulugan "retina display"

Ano ang ibig sabihin ng parirala na ang mga indibidwal na pixel ay hindi makilala sa screen? Siyempre, ang iPhone 4 na output at ang unang retina display ay isang mahusay na tumalon sa pagtaas sa resolution: ito ay lumago mula sa 480 × 320 sa 960 × 640 (iyon ay, na may 163 pixels bawat pulgada sa 326 pixels bawat pulgada (PND )). Kaya, naiintindihan ng mga tao na ang natatanging katangian ng retina display ay isang density ng 326 HNT, o 300 HDP. Ang huling numero ay itinuturing na karaniwang tinatanggap na empirical unang antas sa industriya ng pagpi-print para sa "Photo-Permission".

Gayunpaman, ang lahat ay hindi gaanong simple.

Tingnan ang teksto na naka-print na may pinong font, mula sa distansya ng isang pinahabang kamay. Tandaan kung gaano kahirap na basahin ito. Ngayon dalhin ang teksto sa mukha at tingnan ito mula sa isang distansya ng ilang sentimetro mula sa iyong ilong. Mangyaring tandaan kung gaano madali na basahin ito ngayon. Ito ay nagiging malinaw na ang kahulugan ng termino ng Apple na "Retina Display" bilang "display na may hindi makilala na mga pixel" ay nangangailangan ng paglilinaw - kung ano ang eksaktong dapat na distansya mula sa screen sa mata ng gumagamit para sa bawat partikular na aparato. Ang pagkakaiba ay - ang iMac ay nakatayo sa talahanayan, MacBook - sa talahanayan / tuhod, atbp., Pinananatili namin ang iPhone sa iyong mga kamay, bawat isa sa atin - sa iba't ibang pagtanggal mula sa mga mata.

Kaya, ano ang dapat na laki ng isang maliit na pixel upang maituring na hindi nakikita? Nagsisimula ang matematika (mas tiyak, geometry) - kailangan nating isipin kung paano ang anggulo na tinitingnan natin sa screen.

Ang anggulo sa pagtingin sa diagram na ito (anggulo a) ay isang anggulo depende sa (mga) distansya ng interpixel. Sa pagbaba sa distansya na ito, ang magnitude ng anggulo ay nabawasan din. Sa parehong paraan, ang laki ng bagay ay depende sa distansya mula sa kung saan ito ay isinasaalang-alang - ang anggulo ng pagtingin ay mag-iiba depende sa pagbabago sa distansya mula sa bagay sa mata ng tagamasid. Ang mas malaking bagay ay malinaw na nakikita at sa isang malaking anggulo. Ang laki ng imahe sa retina ay inextricably naka-link sa laki ng bagay at ang distansya dito, at kinakalkula ayon sa mga sumusunod na formula:

Ano ang mangyayari - ang anggulo sa pagtingin ay masyadong maliit upang makita ito? Ang average na tao ay may isang pangitain ng 20/20 - ito ay kasaysayan na tinutukoy ng kakayahan upang basahin ang mga titik sa standard table checking table sa isang anggulo ng 5 minuto ng arc (1 minuto ng arc, Arkminuta ay 1/60-Tai ng degree). Ano ang ibig sabihin nito na isinalin sa mga pixel? Ang isa sa pinakamaliit na mga font ay itinuturing na tinyfont, na nilikha ni Ken Perlin (Ken Perlin), at maliit mula sa Mateo Welch, at ang taas ng kanilang mga titik ay 5 pixel lamang (kasama ang mga elemento ng substitting sa maliit). Nangangahulugan ito na ang pinakamaliit na anggulo para sa gitnang mata ay isang minuto ng arko. Sa katunayan, ang isang arkminut ay karaniwang tinatanggap sa siyentipiko ng mundo ang limitasyon ng pahintulot para sa retina ng isang tipikal na mata ng tao.

Retina sa umiiral na display ng Apple.

Maaari mong ipagpatuloy ang mga kalkulasyon - kumuha ng ilang mga karaniwang distansya sa panonood para sa iba't ibang mga aparatong Apple, pagsamahin ang mga ito sa laki at resolution ng screen, at kalkulahin kung paano tumutugma ang display sa kahulugan ng retina na tinukoy sa itaas.

Nag-aambag ang Google sa isang table na may detalyadong impormasyon kung paano kinakalkula ang data na ito. Para lamang sa interes, kunin upang ihambing ang isang pares ng mga aparatong "di-mansanas" - isang 50-inch TV, na titingnan namin mula sa distansya ng anim na talampakan (mga 1.8 metro) at maglaro ng Bluray at DVD disc; Pati na rin ang isang tablet Asus Transformer Prime Android na may 1920 × 1200 display resolution.

Ang talahanayan ay nagpapakita ng mga kamangha-manghang bagay: Una, ito ay nagiging malinaw na ang kahulugan ng mansanas na may kaugnayan sa retina display ay lubos na malapit na nauugnay sa data sa itaas ng kahulugan ng matematika. Ang iPhone 4 na screen, na karaniwan ay tumingin mula sa isang distansya ng 11 pulgada (28 sentimetro), nag-aalok ng mga katangian, napakalapit sa retina threshold ay nangangahulugan na ang pamamaraan ng pagkalkula ay tama.

Pangalawa, ang mga kalkulasyon ay ulitin ang naunang konklusyon na ang doubted na resolution ng iPad (2048 × 1536) ay ganap na may kaugnayan sa mga katangian ng retina. Kahit na gumamit ka ng isang tablet sa pag-alis ng 16 pulgada (mga 40 sentimetro) mula sa mga mata, ang mga tagapagpahiwatig ay nakuha na malapit. Gayundin, tulad ng sa Asus Tablet, ang display nito ay maaari ring ituring na retina.

Ipinapakita rin ng mga kalkulasyon na maraming mga modernong MAC nagpapakita ay mas malapit sa mga tagapagpahiwatig ng retina kaysa ito ay maaaring mukhang sa unang sulyap. 27-inch imac screen sa layo na 28 pulgada (humigit-kumulang 70 cm), 17-inch MacBook Pro sa layo na 26 pulgada mula sa mga mata (66 cm) at isang 11-inch macbook air screen mula sa isang distansya ng 22 pulgada (56 cm) - Ang lahat ng mga screen na ito ay may medyo maliit na pixel upang maging sa threshold ng invisibility.

Bilang karagdagan, ang pagpapakita ng iPhone na may resolusyon ng 480 × 320 ay mukhang mas masahol pa laban sa background ng iba pang mga produkto na nilikha ng Apple ngayon (ang density nito ay 53% lamang ng retina display pixel density). Kahit na ang pahintulot ng iPad (1024 × 768), na marami ay hindi nasisiyahan, nagbibigay ng pinakamahusay na tagapagpahiwatig sa mga kalkulasyon - 61%. Ang pagtatasa ng "masamang" display mac (24-inch na screen ng iMac sa layo na 28 pulgada) ay nagpapakita na ang halaga ng mga pixel nito sa pamamagitan ng isang ikatlong ay lumampas sa parehong threshold ng pagka-di-makita.

Sa wakas, ang mga kalkulasyon ay pinahihintulutan na maunawaan kung bakit mukhang maganda ang imahe ng Bluraft. Sa mga malalaking TV na may isang maliit na distansya mula sa screen (diagonal - 50 pulgada, pag-alis - 15 cm) Larawan ng 1080p na format ay nagpapakita ng 92% retina level - sa kabila ng katotohanan na ang format ng DVD ay nagpapakita lamang ng 36%.

Narito kailangan mong isaalang-alang ang dalawang napakahalagang puntos.

Una, upang makamit o kahit na lumampas sa welcome threshold ng invisibility ng pixels ng retina display, ang Apple ay hindi kailangang i-double ang resolution ng karamihan ng mga display nito. Walang oras - sapat na upang madagdagan ang density ng mga pixel ng 27-pulgada mula 2560 × 1440 hanggang 2912 × 1638.

Ang ikalawang punto ay dapat na maunawaan ng mga tao na hindi sila dapat italaga tungkol sa katotohanan na ang retina-display sa Mac ay magiging mas mahusay kaysa sa umiiral na mga panukala. Ang iPhone 4 output ay naging isang malaking hakbang pasulong pagkatapos ng pagpasok ng iPhone 3GS higit sa lahat dahil ang 3GS screen ay sa halip mahihirap (ngayon ay mga pamantayan). Ang mga kasalukuyang modelo ng Mac ay may mas mahusay na mga screen, kaya sa malakas na mga pagpapabuti hindi nila kailangan.

Sa labas ng arkminut.

Batay sa nabanggit, maaari mong isipin na ang Apple ay malamang na hindi magkaroon ng mga batayan sa lahat upang baguhin ang anumang bagay, dahil ang mga pakinabang ng mga screen ng mataas na resolution ay medyo katamtaman. Ngunit ang format ng HIDPI ay umiiral, at may mga espesyal na nilikha screen na may density ng 508 hanggang 750 pixels bawat pulgada na ginagamit sa industriya ng medikal.

Ang sagot ay nakasalalay sa katotohanan na ang aming kahulugan ng mga limitasyon ng paningin ng tao (mga bahagi na nakikita sa isang anggulo ng minutong arko) ay masyadong primitive. Kinakailangan na isaalang-alang ang higit pa sa pamamagitan ng pagsasaalang-alang sa isyu ng pakikipag-ugnayan sa pagitan ng tunay na pangitain ng tao sa teknolohiya ng display ng computer - kabilang ang mga hindi pangkaraniwang distansya sa pagtingin, iba't ibang uri ng mga imahe at iba pa. Halimbawa, maaari mong basahin ang mga salitang mas maliit na sukat, dahil ang aming utak ay may mga karagdagang pakinabang sa kanilang paghula. Ang utak ng tao ay isang mahusay na tool para makilala ang iba't ibang mga template, at gagamitin nito ang impormasyon sa kapaligiran upang bigyang-kahulugan ang mga bahagi na hindi malinaw na i-disassemble ang mata.

Sa larawan - ilang mga template na maaari mong suriin sa iyong sariling display. Kung nais mong subukan na gawin ito sa iOS screen, kailangan mong makuha ang naaangkop na file (para sa iPhone o iPad) at i-save ito sa camera roll. Ito ay kinakailangan dahil ang iOS ay mabait na subukan upang sukatin at panage ang imahe, at gusto namin ang isang pixel na imahe upang sakupin ang isang pixel sa screen. Pagkatapos mong makuha ang file sa Camera Roll, tingnan ang larawan sa buong screen sa pamamagitan ng app ng Mga Larawan, paglalagay ng larawan sa portrait mode. Kung nagsisimula ka sa paghahambing, tulad ng hitsura nito sa Mac screen, iPad o iPhone, makikita mo ang pagkakaiba sa mga screen.

Argumento sa pabor ng pagdoble pixels

Rene Richie (Rene Ritchie) sa website iMore ay nagbibigay ng isang mabilis na argumento sa pabor ng katotohanan na ang resolution ng iPad display ay dapat na nadoble (iyon ay, ito ay 2048 × 1536 pixels, at hindi sa anumang intermediate na halaga, tulad ng sa kaso ng iPhone 4). Ang isang intermediate value ay nangangahulugan na ang bawat umiiral na application ay dapat na muling i-scale (at ang imahe ay magiging malabo), o magkakaroon ng iba't ibang laki mula sa screen. Ang lahat ay ipinaliwanag sa pamamagitan ng ang katunayan na ang bawat umiiral na application iPad ay rigidly naka-attach sa simula sa buong screen na may isang resolution ng 1024 × 768.

Ang isang maliit na iba't ibang mga bagay ay nasa mga gumagamit ng desktop. Ang density ng umiiral na desktop ay nagpapakita ng Apple ay nasa hanay sa pagitan ng 92 at 133 pixel bawat pulgada. Ang mga gumagamit ay mas mapagparaya upang baguhin ang laki ng mga elemento ng user interface (siyempre, sa loob ng makatwirang).

Isaalang-alang ang isang 27-inch display na may kulog, na may density ng 109 PND at isang resolution ng 2560 × 1440 pixels, at ipagpalagay na nais ng Apple na magkasya ito sa ilalim ng mga katangian ng retina. Ang resolution ay maaaring tumaas sa 4192 × 2358 pixels (ang density ay magiging 178 PND), ang display na ito ay mas mahusay kaysa sa display sa iPhone 4. Ang mga pixel ay magiging isang katlo kaysa sa katutubong resolution pagdodoble (5120 × 2880). Ang mga elemento ng user interface ay titingnan nang higit pa, ngunit hindi higit sa kasalukuyang 24-inch na screen ng iMac, kaya hindi sila mukhang malabo o malamya.

Konklusyon

Narito ang ilang mga bagay kung saan sinubukan naming kumbinsihin ang mga may-akda ng site Tuaw:

- Retina display ay hindi lamang isang kaakit-akit na konsepto sa marketing;

- Kapag ang pagtukoy, ay ang retina display o hindi, kailangan mong isaalang-alang ang distansya sa screen;

- Kung ang Mac display ay nagpapabuti bago ang mga katangian ng retina, ang mga pagbabago ay mas mababa kaysa sa pagpapahusay ng screen ng iPhone 4 kumpara sa 3GS screen.