Retina MacBook Pro va yangi iPad-ning yaqinda chiqarilganidan so'ng, kattalangan piksel zichligi bo'lgan ekranlar bizning hayotimizga faol kirishni boshladi. Veb dasturchilar uchun bu nimani anglatadi?

Boshlash uchun biz terminologiyani tushunamiz.

Jismoniy piksel

Jismoniy piksel (Qurilmani piksel yoki jismoniy piksel) - biz AQShning piksellariga tanishmiz: har qanday displeyning eng kichik elementlari, ularning har biri o'z rang va ravshanligiga ega.

Ekran zichligi Ekran zichligi - bu jismoniy displey piksellari soni. Odatda pikselda o'lchanadi - dyuymli (PPI: bir dyuym uchun piksel). Apple Apple ikki piksel zichligi bilan retina-ekranlarni rivojlantirish, go'yo inson ko'zi buloq zichligini farqlay olmaydi.

CSS piksel

CSS piksel (CSS piksellari) - sistedan qat'i nazar, tarkibdan foydalanadigan sahifalarda tarkibni aniq ko'rsatish uchun brauzerlar tomonidan ishlatiladigan mavhum qiymati (Driver - mustaqil piksellar). Misol:

Oddiy ekranlardagi bunday blok 200x300 piksel maydonini egallaydi va xuddi shu blokda 400x600 pikselni oladi.

Jismoniy va CSS-ning piksellari o'rtasidagi nisbati quyidagicha o'rnatilishi mumkin:
Qurilma-piksel-nisbati, -O-piksel-nisbati, -Moz-qurilmasi-piksel-nisbati, - -webkit-drivatsiya - pikselli-nisbati (...)

Yoki shunday:
Qurilma piksel-nisbati, piksel-koeffitsiomi, min - moz-piksel-nisbati, -webkit-min-qurilma-minopali - pikselli (...)

JavaScript-da, siz ushbudan foydalanishingiz mumkin
Windows.Devicepixelratelratio.

Raster piksel

Raster piksel (Bitmap piksel) - Raster tasvirini (PNG, JPF, GIF va boshqalar) tashkil etadigan eng kichik qismlar, har bir piksel tasvir koordinatalari tizimida joylashgan ma'lumotni o'z ichiga oladi. Ba'zi formatlarda pikselda qo'shimcha ma'lumotlar bo'lishi mumkin, masalan, shaffoflik bo'lishi mumkin.

Raster ruxsatidan tashqari, Internetdagi rasmlar CSS piksellarida tezkor o'lchamlarga ega. Brauzer CSS-kengligi va -ininga ko'ra rasmni siqadi yoki cho'zadi. Odatdagidek ekranda namoyish etilganda bitta raster piksel bitta CSS pikseliga mos keladi. Retina ekranlarida har bir raster pikseli 4 baravar ko'payadi:

Optimallashtirish

Retina ekranlarida aks ettirish uchun grafikalarni optimallashtirishning bir necha usullari mavjud. Ularning har birida ijobiy va kamchiliklarga ega, bu har bir alohida holatda tanlash kerak, bu juda ustuvor yo'nalish bo'ladi: bajarilishning soddaligi, soddaligi, brauzerlarni yoki boshqa parametrlarni qo'llab-quvvatlash kerak.

HTML va CSS-ning tarozi

Retina displeyiga jadvalni tayyorlashning eng oson usuli, rasmning jismoniy o'lchamlarini yarmiga ajratish juda oson. Masalan, 200x300 fotosuratini ekranda kattalangan piksel zichligi bilan namoyish etish uchun siz 400x600 pikselning fotosuratini o'lchamiga yuklashingiz va uni CSS atributlari yoki HTML parametrlaridan foydalanishni kamaytirishingiz kerak. Bu odatdagi ekranda ko'rsatiladi:

Va shunda retinada:

HTML va CSS-ning tarqalishini amalga oshirishning bir necha usullari mavjud:

Html

Eng oson yo'li - bu IMG yorlig'i tomonidan kenglikni va balandlik parametrlarini o'rnatish.

Qayerdan foydalanish kerak: Bir nechta rasmlar bilan bitta sahifali saytlarda.

JavaScript.

Xuddi shu natijaga teskari ekranlar uchun tasvir o'lchamlarini ajratish uchun JavaScript-dan foydalanish uchun erishish mumkin. JQuery kutubxonasidan foydalanish quyidagicha:
$ (oynasi). Yuk (funktsiya (funktsiya) ("IMG"); rasmlar.ie (IMG »). ($ (I) .VIDTH ((). )););

Qayerdan foydalanish kerak: Tarkibidagi bir nechta rasmlar bo'lgan saytlarda.

CSS (SCSS)

Shuningdek, siz ma'lum bir Divning kerakli o'lchamlari (fon o'lchami) bilan taniqli qism sifatida foydalanishingiz mumkin. Orqa fon parametrlari 7 va 8 da qo'llab-quvvatlanmaydi.
.Matah (fon rasmlari: URL ( [Elektron pochta bilan himoyalangan]); Fon hajmi: 200px 300px; / * Alternativ ravishda fon hajmi: tarkibida; * / Balandligi: 300px; Kengligi: 200px; )

Siz soxta elementlardan foydalanishingiz mumkin: oldin yoki: keyin
.Mame-konteyner: Oldin (fon rasm: URL ( [Elektron pochta bilan himoyalangan]); Fon hajmi: 200px 300px; Tarkib: "; Displey: blok; Balandligi: 300px; Kengligi: 200px; )

Texnik ishlaydi va Sprits-dan foydalanganda:
.ICON (fon tasviri: URL ( [Elektron pochta bilan himoyalangan]); Fon hajmi: 200px 300px; Balandligi: 25px; Kengligi: 25px; & .Tralash (fon pozitsiyasi: 25px 0;) & .edit (fon pozitsiyasi: 25px 25px;))

Qayerdan foydalanish kerak: Cheklangan miqdordagi fon rasmlari bo'lgan saytlarda (masalan, buraman).

HTML va CSS taraqqiyoti: atirlar

• Oson sotish
• Kreskokkrivlik

HTML va CSS taraqqiyoti: minuslar

• An'anaviy ekranli qurilmalar qo'shimcha megabaytlarni yuklab oladi
• Oddiy ekranda rasmlarning ravshanligi siqish algoritmlari tufayli azob chekishi mumkin
• Balandlik parametri IE 7 va 8 da qo'llab-quvvatlanmaydi.

Ekran piksellarining zichligini aniqlash

Ehtimol, bu retina displeylari uchun grafikalarni optimallashtirishning eng mashhur usuli. CSS yoki JavaScript ishlatiladi.

CSS.

Ushbu usul jismoniy va CSS piksellari o'rtasidagi kerakli nisbatni aniqlash uchun qurilmalar pikselli nisbati ishlatadi:
.IKON (masalan,); fon hajmi: 200px 300px; Balandligi: 300px; 1media faqat ekran va (-Webkit-min-metr), faqat ekran va (-Moz) - qurilmangiz - piksel-nisbati: 1.5), faqat ekran va (min-shinali-pikselli nisbati: 1,5) (.Icon) Orqa fon rasmlari: URL ( [Elektron pochta bilan himoyalangan]); } }

Qayerdan foydalanish kerak: Urug'lar dizayni elementlari uchun fon tasviri qo'llaniladigan saytlarda yoki dasturlarda. Tarkib ichidagi rasmlar uchun mos emas.

xushomadgo'y

• Kreskokkrivlik

Minuslar

• , Ayniqsa katta saytlarda amalga oshirish zerikarli
• Tasvir tarkibidan fonda semantik noto'g'ri noto'g'ri

JavaScript.

Xuddi shu natijaga Windows.Devicepixelratio yordamida erishish mumkin:
$ (hujjat). allaqachon (funktsiya (funktsiya (funktsiya) (Window.devichemario) ("IMG '\u003d $ (" IMG "); Rasmlar (i) .attr (» SRC "); Var Figres \u003d Funres.Replace (". "," @ 2x. "); $ (" SRC ", maqomi);));

Yuqoridagilarning barchasini bajarishi mumkin bo'lgan barcha narsalarni qila oladigan, ammo tashqi tasvirlarni tashlab, ichki nusxadan foydalana oladigan maxsus JavaScript-ning maxsus JavaScript mavjud.

Qayerdan foydalanish kerak: Tarkibidagi rasmlar bilan har qanday saytda.

xushomadgo'y

• Oson kirish
• Qurilmalar keraksiz rasmlarni yuklab olmaydi
• Saytda piksel zichligini boshqarish

Minuslar

• Retina vositalari Har bir rasm uchun ikkala imkoniyatni yuklab oling.
• Retina qurilmalarida rasm almashtirish sezilarli
• Ba'zi mashhur brauzerlarda ishlamaydi (ya'ni va Firefox)

Mashg'ulot vektorli grafikasi

Ishlatilgan usuldan qat'i nazar, Raster tasvirlari ularning tabiati taraqqiyotda cheklanganligi sababli. Bu erda biz vektor grafikasiga yordam bera olamiz. SVG (mas'ul vektor grafikasi) XML asosidagi format aksariyat brauzerlar tomonidan qo'llab-quvvatlanadi. SVG rasmlarini ishlatishning eng oson usuli IMG yorlig'ida yoki CSS parametrlari fon-rasm va tarkibiy qismida: URL ().

Ushbu misolda oddiy SVG rasmni o'lchash uchun ishlatilishi mumkin:

Xuddi shu narsa CSS bilan ishlaydi:
/ * Fon rasmidan foydalanish * / .Matah (Mole.svg); Back-kattalikdagi; ORLD: 300px; URL manzili: URL manzili: Oldingi (tarkib: URL (masalan, kengligi va balandligi tarkib bilan ishlamaydi: URL () * /)

7 yoki 8 va Android 2.x-ni qo'llab-quvvatlash uchun PNG rasmlarini almashtirish talab qilinadi. Uni modernizr yordamida oson bajarish mumkin:
.Matah (fon rasmlari: URL (Mole.png); fon hajmi: 200px 300px;) .Svg (.Matah: URL (URL manzili););););)

Firefox va Opera-dagi rasterizatsiya qilish muammolaridan qochish uchun har bir SVG qiyofasi ota-onasi HTML elementi tomonidan amalga oshirilishi kerak.

HTML-da siz a: Tag-dagi kerakli ma'lumotlarga o'xshash narsani amalga oshirishingiz mumkin:

JQuery va Moderr-dan foydalanish:
$ (hujjat). allaqachon (funktsiyani (MARKASI (MARKASI SHAXSRDSVGG) ("IMG" \u003d $ ("IMG"); rasmlar.ayhat ($ ('SRC) (bu) .data ("png-qashshoqlik"))))))))))));

Qayerdan foydalanish kerak: Har qanday saytlarda, piktoslar, logotiplar va oddiy vektorli rasmlar uchun mos.

xushomadgo'y

• Barcha qurilmalar uchun birlashtirilgan rasmlar to'plami
• Oson sotish
• Cheksiz ulush

Minuslar

• "Pikseldan oldin" aniq tekislash yo'q "
• Katta fayl o'lchamlari tufayli kompleks grafikalar uchun mos emas
• Ie 7, 8 va erta Android versiyalarida o'rnatilmagan qo'llab-quvvatlanmaydi

Iconsmatlar

Mashhur rahmat

Biz allaqachon bizning veb-saytimiz haqida bir necha bor Apple kompaniyasidan ko'proq gapirdik: , Uyali operatsion tizim . Bugun biz sizni ushbu Coepin kompaniyasidan mahsulotlarning xususiyatlari bilan tanishtirmoqdamiz. Bizning hozirgi maqolamizda biz sizga bir lahza haqida aytib beramiz, bu foydalanuvchilarni Apple tomonidan smartfon / noutbuk / planshet / planshet / planshet / monoblockdan hayajonlantiradi. Bu erda biz ajoyib retina ekranlari haqida gapiramiz.

Xo'sh, retina nima? Raqobatchilar oldidan ushbu texnologiyaning afzalligi nimada? Va umuman olganda, bu retinka qanday ishlaydi? Keling bilan shug'ullanamiz.

Retina ko'rsatadigan narsa

Stiv Djobs yangi iPhone 4 taqdimotida birinchi bo'lib dunyoni ko'rsatdi, retina displeyi - butun dunyo shunchaki ajablanib, chinakam zavq to'lqini portladi. IPhone 4 dan keyin ushbu displey yangi iPad, MacBook va Imac modellarida paydo bo'ldi. Ammo retinada nima va nima uchun odamlar juda g'ayratli?

Siz bilishingiz kerak bo'lgan eng muhim narsa shundaki, Retina - bu Apple brendi. Bundan tashqari, ushbu displeylarda texnik oyatlar mavjud emas. Aslida, Apple retina konsolining har qanday displeyini, balki bitta shart bilan namoyish qilishi mumkin. Ish joylari yodgorlik taqdimotida iPhone 4, yangi smartfon displeyi shunchalik ravshanki, dunyoda hech kim 25 dyuymdan iborat piksellarni ko'rmaydi. Xuddi shu iPhone 4, piksel zichligi 326 dpi.

IPhone 4-ning taqdim etilganidan beri juda ko'p suv oqdi va Stiv Jobssetraning ekranlari o'rnatilgan bir qator qurilmalarni joriy etdi. Ammo, masalan, iPad-da piksellarning zichligida va ushbu qiymatni iPhone-da zichligi bilan taqqoslang, shunda siz shubhali bo'lishingiz mumkin. Gap shundaki, Apple planshetlarida, atigi 256 dpi ekranda piksel zichligi. Xo'sh, nega bunday ekranlar ham prefiksni ham oladi? Apple bizni aldayaptimi?

Yo'q, Apple bizni aldamaydi. Gap shundaki, retina prefiksini olish uchun displey kifoya qiladi, shunda alohida piksel inson ko'ziga ko'rinmas ekan. Ya'ni, bizda alohida pikselni ko'rayotganimizga ta'sir qiladigan ikkita to'g'ridan-to'g'ri mezonlar mavjud yoki yo'qmi: zichlik va ekrandan ko'zgacha. Shuning uchun, ko'zdan biz ekranni uzoqroqda, ohak zichligi piksellarning "yo'qolishi" uchun piksellar uchun kerak. Katta ekran diagonalidan boshqa so'zlar, keyinchalik uni ko'zdan ushlab turasiz va zichlikning zichligi narxi retina nomini olish uchun kerak. Shunday qilib, qo'llarning ta'sirchanligi va firibgarlik yo'q.

Oddiy displey va retina displey o'rtasida farq nima?

Agar oddiy so'zlarni aytsak, Apple-ning muhandislari shunchaki gorizontal va vertikal ravishda piksellar sonini olib ketishdi. Natijada, ushbu displeyda odatdagi retina displeyi bo'lmagan holda ko'proq pikselga qaraganda ikki baravar ko'p chiqdi. Ammo agar Apple faqat piksellar sonining ko'payishi bilan cheklangan bo'lsa, unda foydalanuvchilar haqiqiy muammolarga ega bo'lishadi. Gap shundaki, ekrandagi piksellar soni qancha ko'p bo'lsa, interfeys elementlarining miniatyurasi bo'ladi.

Ammo olma bu muammoni hal qilmasa, olma bo'lmaydi. Shunday qilib, miniaturizatsiya muhandislari bilan bog'liq muammolar maxsus Hidpi tizimini yaratish orqali qaror qildi. Tizim operatsiyasi iloji boricha sodda: u bizning ko'zimiz uchun interfeys elementlarining tarozi bilan shug'ullanadi. Retina displeyning asosiy vazifasi ekranda tozalagichda hamma narsani qilishdir. Ayniqsa, retina displeyi yaxshi ko'rinadigan matn. Ko'p sonli piksellar tufayli, harflar silliq ko'rinadi va siz haqiqiy sifat jurnalini o'qidingiz va PDF-da biron bir turdagi versiyasini o'qidingiz.

Retina HD va Retina 4k / 5k nima?

Agar retina displeyi juda ajoyib bo'lsa, unda ularni yana qanday yaxshilash kerak? Ammo bu Apple, bu innovatsiya degani, Olmagi nafaqat qurilma dunyosida eng yaxshi narsalarni qanday yaratishini biladi, balki ularni qanday muvaffaqiyatli sotishni biladi. Va hamma dunyoda HD haqida birinchi bo'lib HD va 4k haqida gapirishni boshlaganda, Kuttinoning yigitlari bularning hammasidan uzoqlasha olmas edilar. Natijada, 2014 yilda HD ekran o'lchamlari bilan yangi iPhone 6 mavjud. IPhone 6 Plus-da ekran o'lchamlari allaqachon to'liq HD edi. Apple iPhone-dagi ushbu displeylarni aynan qanday berdi? To'g'ri, Retina HD va Retina to'liq HD.

Dunyo 4K (gorizontal holatda 4000 piksentsiya) qarori bilan aqldan ozay boshlaganda, Stiv Djobs shuningdek 4K 4K ekranli ekranli qurilmani chiqardi. Ushbu qurilma Imama 21 dyuymli displey va 218 dpi bo'lgan piksel zichligi bo'lgan imama edi. Ammo 4Kning aniqligi hamma narsa va olma hammadan yaxshiroq bo'lishi kerak. Shu sababli, 2014 yilda ImaA diagonali 27 dyuym bilan nashr etilgan va gorizontal ravishda 5120 ball bilan ta'sir ko'rsatdi. Siz allaqachon taxmin qilganingizdek, kompaniyada ushbu displey retina 5k deb ataladi. Ko'rinib turibdiki, retina uchun ruxsatnoma nuqtai nazaridan hech qanday to'siqlar yo'q. Piksellarning asosiy zichligi.

Boshqa ishlab chiqaruvchilar retinani ishlatishadimi?

Apple kabi o'z patentlarini Zenitsa Oka, ulardan tashqari hech kim displey nomlarida "retina" atamalarini ishlatishi mumkin. Aks holda, kompaniyaning advokatlari shunchaki notanish ishlab chiqaruvchilarni kemalarda olib boradilar. Ammo repinaning repinadan foydalanishni ishlatishni taqiqlash, ishlab chiqaruvchilar Apple-ga qaraganda ko'proq piksel zichligi bilan displeylarni namoyish qila olmaydi degani emas.

Masalan, bozorda smartfonlarning birinchi modellaridan biri bo'lgan, unda displey pikselining zichligi iPhone-dan ancha kattaroq bo'lgan, u erda Sony Xperia Z5 mukofoti bor edi. Tasavvur qiling, 4k va displeyning diagonali 5,5 dyuymli, piksel zichligi 806 dpi edi. Shuningdek, Samsung piksel zichligiga ushbu poygalarning eomoniyasiga qarshi tura olmadi. Bir dyuymda juda yuqori piksel zichligi bilan birinchi smartfoni galaktik S6. 1440 x 2560 (QQD yoki QHD) ning 1440 xD yoki displey diagonali 5,1 dyuym, piksel zichligi 5,1 dyuym.

Ammo bu erda juda kichik diagonalli bunday yuqori aniqlikdagi va piksellarning zichligidan foydalanishning maqsadga muvofiqligi haqida o'ylashga arziydi. Gap shundaki, bunday yuqori ruxsatnomalarni aks ettirish uchun juda ko'p apparat resurslari va energiya mavjud. Shuning uchun, Stiv Djobs 300 dyuymdagi pikselning zichligi smartfonlar uchun oltin degani ekanligini aytadi. Va bu retinada yuqori piksel zichligi qiymatlari, tasvirning aniqligi va displeyda o'tkazilishi kerak bo'lgan resurslar soni o'rtasidagi maqbul muvozanatni taklif qiladi.

Qisqacha ma'lumot

Shunday qilib, Apple o'z biznesini biladi. Ular nafaqat eng yaxshi dasturlarni, balki ajoyib retina displeyli samarali qurilmalarini ham qilishadi. Ushbu displeylar haqida biz bilgan hamma narsani qisqacha qisqacha qisqacha muayta bo'lsin. Birinchidan, retinaning texnologiya emas, balki yuqori piksel zichligi bilan displeylarning marketing nomi. Ikkinchidan, displeyning diagonali qanchalik katta bo'lsa, retina konsolini olish uchun pikselning zichligini displeyning qiymatiga kamroq kerak bo'ladi. Yuqori piksel zichligi tasvirni aniqroq qilishga yordam beradi, ayniqsa matnli displeyda ko'rish mumkin. Va eng muhimi, retina displeyi sarflangan resurslar bilan piksellarning ruxsatlari va zichligi bilan optimal ravishda birlashtirilgan. Bizning maqolamiz sizga Apple Retina displeyi qanday bo'lishiga yordam berdi. Quyidagi materiallardagi yangi uchrashuvlarga.

LCD monitorlarining rivojlanishi, ularning soni, IPS (samolyotda kommutatsiya) texnologiyasining paydo bo'lishi to'lanadi. IPS panellariga kristallarni joylashtirish usuli tufayli nom berildi: kristallar panelning yuzasiga parallel ravishda bir tekislikda joylashgan. Ushbu usul LCD monitorlarini "Et-ko'rgazma" ga alternativa bilan to'ldirgan katta tomosha burchaklarini olish imkoniyatini berdi.

IPS texnologiyasining joriy etilishi LCD displeylarning asosiy kamchiliklarini olib tashlash imkonini berdi: LCD moddaning turli darajadagi molekulaslarining turli darajalaridan kelib chiqadigan kichik tomosha burchaklari, ular o'tmishdan keyin turlicha bo'lgan nurlanishning turlicha intilishadi Ikkinchi panel filtri.

LCD panellar sanoatining o'zgarishi 1996 yilda rasmiy ravishda IPS texnologiyasini rasmiy ravishda taqdim etgan Hitachi muhandislari tufayli amalga oshiriladi. Ushbu yutuqqa rahmat, yangi displeylar rang berish, elektron nurli naycha asosida yaratilgan monitorlar bilan taqqoslaganda juda uzoq vaqt davomida javob berish vaqtini o'tkazdi.

Ammo tomoshabinning ko'payishi har bir elementga birdaniga ikkita boshqaruv tranzistorini qo'llash zarurligini keltirib chiqardi. Bu elektr maydonini ekranga nisbatan samolyotda joylashtirish natijasida zarur bo'ldi. Bu rasm sifatini sezilarli darajada oshiradi, ammo ko'p sonli tranzistorlardan avtomatik ravishda ular tomonidan band bo'lgan shaffof maydonni ko'paytirdi, natijada yoritgich chiroqining kuchini sezilarli darajada oshirishi kerak edi.

Shuningdek, iplarning xususiyati kuchlanish suyuq kristalga qo'llanilganda, u dumaloq qutbini qaytarib berdi, bu esa uning yorqinligini oshiradi.

Birinchi IPS panellari hech qanday mashhurligiga hissa qo'shmagan asossiz yo'llar edi. Bundan tashqari, javob vaqti 50 msni juda xohlash kerak: javob berish vaqti hatto oddiy joyga aylantirilmadi, uch o'lchovli so'zlarni aytmaslik uchun.

Tabiiyki, turli xil LCD panellar ishlab chiqaruvchilari tomonidan tayyorlangan yaxshilanishlar talab qilindi. Bu super iplar, ikki tomonlama domen IPS, ilg'or Koplanar elektrod va boshqalar. Tekshiruv yanada katta sezgi, 180 tagacha (!) Darajaga qadar katta tomosha qilish burchakka erishishga imkon berdi. Biroz vaqt o'tgach, NECN NECP IPS texnologiyasining oddiy rivojlanishiga aylanadigan panellarni ishlab chiqarishni boshlaydi, ular orasida A-Aft, SAFT va SA-Aft edi.

Retina ekran nima?

Odam tasavvurlari juda aniq emasligi ma'lum. Shuning uchun 3 soniyada bir soniya freymlar uchun televizor ekranida doimiy rasmni ko'rish uchun etarli. Taxminan siz rasmning o'zi haqida gaplashishingiz mumkin. Biror kishining ko'zini etarlicha olib tashlash katta pog'onadan yasalgan fotosuratga o'xshaydi, go'yo yuqori aniqlik bilan yorqin fotosurat. Umuman olganda, bir kishi taxminan 300 dpi atrofida farq qilishi mumkin. Agar kamroq bo'lsa, ko'z ekranli displey donini ko'radi va agar ko'proq bo'lsa, rasm juda aniq va yorqin ko'rinadi.

Aynan shu xususiyat retina ekranlarini tavsiflaydi, i.e. Yuqori piksel zichligi bilan ekranlar. Bu shunchaki iPhone 4-da ishlatiladi:

Rasm shuni ko'rsatadiki, bir dyuym uchun 326 ball yaqini aniq tasvirni beradi, oddiy ekran esa uning pikselini qo'rqitadi.

Fikringizni qoldiring!

Retina displeyi va yaqinda paydo bo'lgan Retina HD displeylari Apple mahsulotlarini muhokama qilishda tez-tez eslatib o'tilgan. Ushbu maqolada biz displeylarning ma'lumotlar turlaridagi tafovutlarni aniqlashga harakat qilamiz va ular ulardan so'raladigan pulning narxi bo'ladimi-yo'qmi.

Retina nima? Yoki bunday nom bilan namoyishlar uchun qanday aniqroq?

Retina displeyi texnik atamadan kattaroq marketing kursidir, ammo ushbu kontseptsiyaning ta'rifi berilishi mumkin: u yuqori zichlikdagi pikselni ko'rmaydigan, ya'ni pikselni ko'rmaydi . Boshqacha qilib aytganda, kimdir retina ekranida ko'rsatilgan rasmning fotosurati va rasmning o'zi o'rtasidagi farqni ko'ra olmaydi, deb taxmin qilinadi. Ammo bu faqat nazariy ma'noda.

Retina - bu Apple mulki. Boshqa kompaniyalar ekranlarni bir xil texnik xususiyatlar bilan ishlab chiqarishi mumkin, ammo ularni qaytarib berishga chaqiradi, ular bunga qodir emaslar. Bu savdo belgisi.

Retina displeyining qarori nima?

Ekran o'lchamlari "piksellar soni" ning piksellar soni formatida keltirilgan ". Ammo retina displeyi uchun asosiy nuqta - piksel zichligi (bir dyuym uchun piksellar soni). Xuddi shu ekranli rezolyutsiyalar bilan (pikselda), ammo turli o'lchamlar (dyuymda), piksel zichligi boshqacha bo'ladi.

Ammo, hatto piksel zichligi nuqtai nazaridan, ekranni retinani belgilashi mumkin emas, chunki retina displeyini aniqlash, diqqatni ko'zdan kechiradi.

Aslida, turli xil qurilmalarda siz tez-tez quyidagi piksel zichlik ko'rsatkichlarini tez-tez uchrashishingiz mumkin:

• 326PPI - Smartfonlar
• 264ppi - planshetlar
• 220ppi - noutbuklar

Retina displeydan ko'ra eng yaxshi xususiyatlarga ega bo'lgan biron bir ekranlar bormi?

U yerda. Piksel zichlikka ega ekranlar mavjud. Apple o'zida, iPhone 6-ning boshlanganidan beri, takomillashtirilgan Retina HD ekranidan foydalanishni taklif qiladi. Ammo ko'plab Android qurilmalari ushbu olma qurilmasi indikatori, masalan LG G3 - dyuym uchun 534 piksel.

Ammo agar siz retinaning oldingi ta'rifini eslasangiz, piksellarning zichligi oshishi juda munozarali korxonadir, chunki inson ko'zi bunday yuqori ppi ko'rsatkichlaridagi farqni ko'rmaydi. Bu haqda Apple-ning o'zlariga aytilgan edi. Ammo iPhone 6 Nizomni siz hali ham farqni his qilishingiz mumkinligini tan olish deb hisoblash mumkin.

Retina va Retina HD o'rtasidagi farq.

Retina HD muddati - faqat yangi Apple Smart telefon ekranlariga qo'llaniladi. Xo'sh, pulni avvalgi retinadan oshadi:

• Yuqori aniqlik
• Kattaroq farq
• Ikki domen piksels texnologiyasi tufayli kengroq tomosha burchaklari
• Agar siz ko'zoynakda ekranga qarasangiz ham, ekrandagi rasm oldingi modellarga qaraganda yorqinroq bo'ladi.

Mahsulotlarni yoqtiradiganlar Olma. Matematika, Tuaw veb-sayti "Apple" mahsulotlari - asbob-uskunalar va dasturiy ta'minot xususiyatlarini ko'rish uchun raqamlarda raqamlarni taklif etadi.

Endi hamma Mac-da ko'rinmasligi va iPad 3-dagi ko'rinishini kutishgani haqida hammadan saqlanib qolgan (biz deyarli 7 martga sodiq bo'lamiz). Bigo ishlab chiqaruvchisi Twitter-da "Mark Edwards" tomonidan "Setinadagi 27 dyuymli displey 5120 × 2880 \u003d 14745600 pikselli piksellar soni namoyish etildi. 4K: 4096 × 2160 \u003d 8847360 piksel. Retina iPad 3: 2048 × 1536 \u003d 3145728 piksel. Hisob-kitoblar FAQAT deb o'ylashga majbur bo'ladi - Mac-da retina displeyining paydo bo'lishi nimani anglatadi? Agar Edvard to'g'ri bo'lsa - retina va chaqmoq bilan haqiqatan ham 15 megapiks bilanmi?

"Retina displey" atamasi nimani anglatadi? Apple quyidagi ta'rifni berib, u bilan keldi:

"Retina displey piksel zichligi shunchalik balandki, inson ko'zi individual piksellarni ajrata olmaydi."

Ta'rif mantiqiy va yaxshi o'ylangan marketing harakati, ammo bu shunchakimi?

Aslida, ushbu texnologiya nafaqat Apple-dan foydalanadi. Bir dyuymda yuqori piksel zichligi bo'lgan ekranlar boshqa qurilmalarda paydo bo'ladi - masalan, ASOD-dan Android planshetida paydo bo'ladi. "Retina displey" ning aniq atamasi faqat Olmaga tegishli bo'lishi mumkin, ammo yuqori darajadagi ekranlarning afzalliklari yuqori darajadagi ekranlarga tegishli emas. Bu butun sanoat uchun yangi tendentsiya, "Marketing changini" silkitib, texnologiyani qidirishga harakat qilishingiz kerak.

Ta'rif "Retina displey"

Jahorat nima degani, individual piksellar ekranda ajralib bo'lmaydigan degani? Albatta, iPhone 4 Chiqish va birinchi retina displeyi aniq o'sib borardi: u 480 × 320 dan 940 gacha (ya'ni bir dyuym uchun 326 pikselga) ))). Shunday qilib, odamlar retina displeyining o'ziga xos xususiyati 326 hnt yoki 300 glokning zichligi ekanligini tushunishadi. So'nggi raqam "Foto-ruxsat" uchun poligrafiya sanoatida umumjahon qabul qilingan empirik boshlang'ich darajali hisoblanadi.

Biroq, hamma narsa unchalik oddiy emas.

Yaxshi shrift bilan chizilgan qo'lning masofasidan joylashgan matnga qarang. Buni o'qish qanchalik qiyinligini eslatmang. Endi matnni yuziga olib keling va buruningizdan bir necha santimetr masofadan qarang. Iltimos, uni o'qish qanchalik osonligini qayd eting. Apple "istalgan piksellar bilan namoyish etiladigan" deb ta'riflash aniqlik talab qilinadi - ekrandan har bir aniq qurilma uchun foydalanuvchining ko'ziga qanday aniq bo'lishi kerak. Farqi shundaki, iMac stolda turadi, MacBook - stol / tizzalari va boshqalarga, biz iPhone-ni sizning qo'lingizda ushlab turamiz, har birimiz - har birimiz - har birimiz - ko'zdan boshqa olib tashlaymiz.

Xo'sh, uni ko'rinmas deb hisoblash uchun kichik pikselning o'lchami qanday bo'lishi kerak? Matematika boshlanadi (aniqroq, geometriya) - biz ekranga qanday qarash haqida o'ylashimiz kerak.

Ushbu diagrammadagi ko'rish burchagi (A burchagi a) interplyik masofaga (lar) ga qarab burchak. Ushbu masofaning pasayishi bilan burchakning kattaligi ham kamayadi. Xuddi shu tarzda, ob'ektning o'lchami ko'rib chiqiladigan masofaga bog'liq - ko'rish burchagi ob'ektdan rioyachining ko'ziga qarab o'zgarishga qarab o'zgaradi. Katta ob'ektlar aniq ko'rinadi va katta burchak ostida. Retpankdagi rasm hajmi ob'ektning o'lchami va unga masofa bilan uzviy bog'liqdir va quyidagi formulaga muvofiq hisoblanadi:

Nima bo'ladi - ko'rish burchagi uni ko'rish uchun juda kichikmi? O'rtacha odam 20/20-ni ko'rish qobiliyatiga ega - bu "Arc" ning 5 daqiqasi burchagidagi harflarni o'qish qobiliyati (1 daqiqa, Arkminuta 1/60-Tai) daraja). Bu nima degani pikselga nima deyishi mumkin? Ken Perlin (Ken Perlin) tomonidan yaratilgan eng kichik shriftlardan biri - Metyu Welch tomonidan maydalangan va ularning harflarining balandligi atigi 5 piksel (maydalangan elementlar bilan bir qatorda). Bu shuni anglatadiki, o'rta ko'z uchun eng kichik burchak yoyning bir daqiqasi. Aslida, bitta Arkminut odatda dunyoning odatiy qismida qabul qilinadi.

Mavjud Apple displeyda retina

Siz hisob-kitoblarni davom ettirishingiz mumkin - turli xil Apple qurilmalari uchun odatdagi obro'li masofani olib, ularni ekranlar hajmi va o'lchamlarini birlashtirish va aks ettirish yuqorida ko'rsatilgan retinaning ta'rifiga qanday mos keladi.

Google ushbu ma'lumotlar qanday hisoblanganligi to'g'risida batafsil ma'lumotga ega bo'lgan jadvalga hissa qo'shadi. Faqatgina foizlar uchun, "Apple noboni" qurilmalarini - 50 dyuymli televizorni (taxminan 1,8 metr) (taxminan 1,8 metr) (taxminan 1,8 metr) ko'rib chiqamiz va blamuray va dvd disklarini o'ynashni tanlang; Shuningdek, ASUS transformatori 1920 × 1200 displey rezolyutsiyasi bilan planshetni o'zgartirish.

Jadval ajoyib narsalar: Birinchidan, ushbu olmaning retina displeyiga nisbatan ta'rifi matematik ta'rifdan yuqori bo'lgan ma'lumotlar bilan chambarchas bog'liqligi aniq bo'ladi. Odatda 11 dyuym (28 santimetr) masofaga qarab, iPhone 4 ekranini, retina osti ostol-darmoniga juda mos keladigan xususiyatlarni taklif etadi, hisoblash texnikasi to'g'ri ekanligini anglatadi.

Ikkinchidan, hisob-kitoblar avvalgi iPad rezolyutsiyasining (2048 × 156) retina xususiyatlari bilan to'liq bog'liqligi haqida avvalroq xulosani takrorlaydi. Agar siz 16 dyuymni olib tashlash uchun planshetdan foydalansangiz ham (40 santimetr) ko'rsatkichlar juda yaqin. ASUS planshetida bo'lgani kabi, uning displeyi retinani ham ko'rib chiqish mumkin.

Hisob-kitoblar shuni ko'rsatadiki, ko'plab zamonaviy Mac displeylari dastlabki qarashda ko'rinadiganidan ko'ra tezroq. 28 dyuymli iMaC ekranida 28 dyuym (taxminan 70 sm), 17 dyuymdan 17 dyuymli masofada 22 dyuymli masofada (56 dyuym) masofada (56 Sm) - bu ekranlarning barchasi ko'rinmas ustunda bo'lishi uchun juda kichik piksellar mavjud.

Bundan tashqari, 480 × 320 o'lchamdagi iPhone ekranida Apple tomonidan yaratilgan boshqa mahsulotlar fonida, bugungi kunda pikinaning zichligining atigi 53 foizini tashkil qiladi). Hatto iPadning ruxsati (1024 × 768), ko'pchilik norozi bo'lganligi, hisob-kitoblarda eng yaxshi ko'rsatkichni beradi - 61%. "Yomon" displey Mac (28 dyuymli imama ekranini 28 dyuym) 28 dyuymli masofada joylashganligi ko'rsatilganki, uchinchi raqamga nisbatan pikselning miqdori bir xil ko'rinishga ega.

Va nihoyat, hisob-kitoblarga nima uchun loy tasviri juda yaxshi ko'rinishga ega ekanligini tushunishga ruxsat beriladi. Ekrandan kichik masofaga ega bo'lgan katta televizorlarda (diagonal - 50 dyuym, olib tashlash - 15 sm) rasm 92% retina darajasi - DVD formati atigi 36% ni ko'rsatadi.

Bu erda siz ikkita muhim fikrni ko'rib chiqishingiz kerak.

Birinchidan, Retina displeyining piksellarining ko'rinmasining ko'rinishini boshdan kechirish yoki undan oshish, Apple aksariyat displeyining ko'pligini ikki baravar ko'paytirishga hojat yo'q. Vaqt yo'q - 2560 × 1640 dan 2912 × 1638 gacha bo'lgan piksellarning zichligini oshirish kifoya.

Ikkinchi nuqta shundaki, odamlar Mac-da retina displeyi mavjud bo'lgan takliflardan ko'ra yaxshiroq bo'lishini tushunishlari kerak. IPhone 4 Chiqish iPhone 3GS-ni asosan 3GS ekraniga kirgandan so'ng, oldinga katta qadam bo'ldi (bugungi standartlar). Mavjud MAC modellari juda yaxshi ekranda, shuning uchun kuchli yaxshilanishlarda ularga kerak bo'lmaydi.

Arkminutdan tashqarida

Yuqorida aytilganlarga asoslanib, Apple har qanday narsani o'zgartirish uchun barcha narsalarga ega emas, chunki yuqori darajadagi ekranlarning afzalliklari juda kamtardir. Ammo Hidpi formati mavjud va tibbiyot sohasida ishlatiladigan bir dyuym uchun 508 dan 750 pikselga ega bo'lgan maxsus tashkil etilgan ekranlar mavjud.

Javobimiz, bizning insoniy qarashlarini aniqlashimiz (daqiqali yoyning burchak ostida ko'rinadigan qismlari) juda ibratli. Haqiqiy inson ko'rinishi o'rtasidagi o'zaro munosabatlarni kompyuter dospektlari bilan o'zaro ta'sir qilish, jumladan atipi ko'rinadigan masofalar, turli xil rasmlar va boshqalar bilan ishlash masalalarini ko'rib chiqish kerak. Masalan, siz so'zlarni kichik o'lchamdagi o'lchamlarni o'qishingiz mumkin, chunki bizning miyamiz ularning taxminlarida qo'shimcha afzalliklarga ega. Inson miyasi turli xil shablonlarni tan olish uchun yaxshi vositadir va u ko'zning aniq qismlarga ajratib bo'lmaydigan qismlarini sharhlash uchun ekologik ma'lumotlardan foydalanadi.

Rasmda - siz o'z ekraningizni tekshirishingiz mumkin bo'lgan bir nechta shablonlar. Agar siz buni iOS ekranida qilishga harakat qilmoqchi bo'lsangiz, tegishli faylni (iPhone yoki iPad uchun olishingiz kerak) va uni kamera rulosiga saqlashingiz kerak. Chunki iOS imidjni ko'maklash va tasavvur qilishga harakat qiladi va biz ekranda bitta pikselni egallab olish uchun bitta piksel tasvirini istaymiz. Faylni kamera rulosiga olganingizdan so'ng, rasmni rasm ilovasi orqali rasmni rasm ilovasi orqali ko'ring, rasmni portret rejimiga joylashtiring. Agar siz taqqoslashni boshlasangiz, Mac ekranida, iPad yoki iPhone-da, ekrandagi farqni ko'rasiz.

Ikki baravar piksellar foydasiga dalillar

Rene Rieie (Rene Ritchie) Imore veb-saytida iPad displeyining o'lchamlari ikki baravarga (ya'ni 2048 × 1536 piksel, chunki bu 2048 × 156 piksel, chunki bu 2048 × 156 piksel, kabi emas) iPhone 4) Oraliq qiymat har bir mavjud ariza qayta kengaytirilishi kerakligini anglatadi (va rasm loyqa bo'ladi) yoki ekrandan har xil o'lchamlarga ega bo'ladi. Har bir mavjud iPad ilovasi to'liq ekranda 1024 × 768 o'lchamlari bilan to'liq ekranda boshlanganligi bilan izohlanadi.

Bir oz boshqacha narsalar ish stoli foydalanuvchilarida. Mavjud ish stolining zichligi Apple dyuym uchun 92 dan 133 piksel oralig'ida. Foydalanuvchilar foydalanuvchi interfeysi elementlarining hajmini o'zgartirishga ko'proq chidamli (kurs, albatta, mantiqiy).

27 dyuymli displeyni chaqirib, zichligi 109 PND va 2560 × 1440 pikselni ko'rib chiqing va Apple uni qaytarib berish xususiyatlariga mos keladi deb taxmin qiling. Qarorning 4192 × 2388 pikselga ko'paytirilishi mumkin (zichlik 178 pn bo'ladi), bu displey iPhone-dagi displeydan yaxshiroq bo'ladi (5120 × 2808). Foydalanuvchi interfeysi elementlari mutanosib ko'rinadi, lekin 24 dyuymli imama ekranidan ko'p emas, shuning uchun ular loyqa yoki bema'ni ko'rinmaydi.

Xulosa

Bu erda biz sayt mualliflarini Tuaw-ni ishontirishga harakat qilgan bir nechta narsalar:

- Retina displeyi shunchaki jozibali marketing tushunchasi emas;

- belgilashda retina displeyi yoki yo'q, ekranga masofani hisobga olishingiz kerak;

- Agar Retina xususiyatlaridan oldin Mac displey yaxshilansa, 3GS ekraniga nisbatan iPhone 4 ekranining kengayishidan ko'ra kamroq sezilarli bo'ladi.