Cách phân biệt màn hình retina với màn hình thông thường. Đối số để nhân đôi pixel

Công nghệ hiện đại đã đạt đến tầm cao chưa từng thấy. Đồng thời, chúng không ngừng phát triển và cải tiến. Vì vậy, ma trận hiện đại được phân biệt bởi chất lượng hình ảnh cao nhất, điều mà cách đây 5-10 năm không có. Một ví dụ điển hình thành tựu hiện đại trong công nghệ màn hình là màn hình Retina. Chúng được phân biệt bởi mật độ điểm ảnh cao, nhờ đó người ta có thể nhìn thấy một bức ảnh hoàn mỹ. Tuy nhiên, mặc dù thực tế là những công nghệ như vậy đã đi vào cuộc sống hàng ngày một cách vững chắc người hiện đại, nhiều người đặt câu hỏi, Retina LCD hiển thị, nó là gì?

1. Ma trận Retina là gì

Lần đầu tiên, khái niệm "Retina" được Apple sử dụng tại buổi giới thiệu điện thoại thông minh mới mang tên iPhone 4. Một thiên tài thực sự trên thế giới công nghệ hiện đại Steve Jobs khá chú ý trong buổi giới thiệu đứa con tinh thần mới của mình công nghệ mới ma trận. Tuy nhiên, nhiều người đang hỏi một câu hỏi hoàn toàn hợp lý - không phải "Retina" có phải là một mưu đồ tiếp thị thông thường? Đây có thực sự là một phát hiện mới mà nhà sản xuất các sản phẩm của “quả táo” có thể tự hào?

Khi trả lời câu hỏi màn hình LCD Retina là gì, trước hết cần lưu ý rằng bản thân từ “Retina” trong tiếng Anh có nghĩa là “võng mạc”. Công nghệ này có tên là có lý do. Thực tế là ngày nay cái tên Màn hình Retina được sử dụng trong mô tả chung ma trận tinh thể lỏng thông thường, có mật độ điểm ảnh tăng trên mỗi inch vuông và được sử dụng trong các thiết bị của Apple.

Nói cách khác, trả lời câu hỏi màn hình LCD Retina là gì, chúng ta hoàn toàn có thể tự tin nói rằng đây là những màn hình LCD thông thường được làm theo Công nghệ IPSđang có mật độ cao pixel từ 220 ppi trở lên. Ngoài ra còn có một tên không chính thức cho công nghệ này - Super Fine TFT (SFT). Ngày nay, các ma trận như vậy được sử dụng trên tất cả các điện thoại thông minh hiện đại, máy tính bảng, Macbook và các sản phẩm khác của Apple.

Cần lưu ý rằng do mật độ điểm ảnh cao, các chấm trên màn hình không thể nhìn thấy bằng mắt thường, dẫn đến hình ảnh càng gần với hình ảnh trên các trang tạp chí bóng bẩy càng tốt. chất lượng và cảm nhận.

1.1. Thiết bị ma trận võng mạc

Không có ý nghĩa gì khi nói một thời gian dài về cách màn hình Retina được sắp xếp, bởi vì, như bạn đã biết, đây là một Ma trận IPS một. Sự khác biệt duy nhất là mật độ điểm ảnh tăng lên. Theo đó, thiết kế của các ma trận này hoàn toàn giống với thiết bị IPS. Có thể nói rằng màn hình Retina là một loại phân loài của ma trận IPS.

Đặc biệt đáng chú ý là thực tế là một nhóm các nhà khoa học làm việc tại Apple đã quản lý để tách các pixel và subpixel, giúp giảm đáng kể khoảng cách giữa chúng. Đó là những gì nó là tính năng chính của công nghệ này.

1.2. Lợi ích của màn hình Retina

Màn hình Retina và những gì bạn đã biết, bây giờ bạn có thể thảo luận về những ưu điểm của chúng. Những màn hình như vậy có toàn bộ dòng không thể phủ nhận những ưu điểm, trong đó chất lượng hình ảnh đáng được quan tâm đặc biệt. Công nghệ này xây dựng ma trận cho phép giảm đáng kể khoảng cách giữa các pixel. Do đó, hình ảnh trên màn hình Retina trông giống như mắt người thường không thể phân biệt được lưới hoặc bất kỳ điểm nào. Hình ảnh có vẻ chân thực nhất có thể.

Xem xét thực tế rằng Retina thực sự dựa trên ma trận IPS, không có gì ngạc nhiên khi những màn hình như vậy có góc nhìn tốt nhất hiện nay. Đồng thời, tốc độ thu hồi cũng không thua kém các loại khác. ma trận hiện đại. Ngoài ra, các lợi ích bao gồm cấp độ caođộ tương phản 900: 1. Đồng thời, cần hiểu rằng chỉ có một số loài có thể đạt được các chỉ số như vậy. màn hình tốt nhất, nhu la siêu amoled và cuối cùng Các loại IPS ma trận, một trong số đó là Retina.

Ma trận Retin hiện đại không chỉ có độ phân giải cao vượt quá Full HD (1920x1080). Ngoài ra, chúng còn được phân biệt bởi khả năng tái tạo màu sắc tuyệt vời, giúp hình ảnh chân thực nhất có thể. Các nhà phát triển đã cố gắng tiến gần nhất có thể để tạo ra một màn hình được các cơ quan thị giác của con người cảm nhận một cách tối ưu nhất. Điều này có nghĩa là hình ảnh được hiển thị bởi các ma trận như vậy được cảm nhận bằng mắt một cách dễ dàng và dễ chịu nhất.

Một lần nữa lợi thế quan trọng của công nghệ xây dựng màn hình này nằm ở chỗ chúng có tác dụng chống phản chiếu. Thực tế là ma trận sử dụng một bộ lọc đặc biệt không cho phép màn hình hiển thị mờ đi và mờ dần ngay cả dưới ánh sáng mặt trời trực tiếp.

1.3. Nhược điểm của màn hình Retina

Trên đời không có gì là hoàn hảo cả. Giống như bất kỳ công nghệ nào khác, màn hình Retina cũng có những mặt hạn chế. Hàm số điều chỉnh tự độngđộ sáng, có sẵn trên bất kỳ thiết bị hiện đại nào, không phải lúc nào cũng hoạt động hoàn hảo. Trong một số trường hợp, bạn phải đặt mức độ sáng theo cách thủ công. Tuy nhiên, điều này một vấn đề chung màn hình, hệ điều hành thiết bị, cũng như cảm biến ánh sáng.

Một nhược điểm khác là các màn hình như vậy có mức tiêu thụ điện năng khá mạnh, đã vượt qua Ma trận amoled. Tuy nhiên, để bù đắp cho khuyết điểm này, nhà sản xuất trang bị Thiết bị Apple pin dung lượng lớn hơn và mạnh mẽ hơn.

2. Màn hình Retina trong máy tính bảng

Màn hình Retina trên máy tính bảng là gì? Theo quy định, trước khi mua một máy tính bảng, người mua phải đọc phần mô tả của nó. Một trong các thông số quan trọng Một trong những bạn nên chú ý đến là màn hình. Rất thường xuyên, nhìn thấy từ "Retina" mọi người không hiểu gì trong câu hỏi. Bạn đã biết Retina LCD có nghĩa là gì, vì vậy khi mua một máy tính bảng, bạn sẽ không gặp bất kỳ khó khăn nào. Màn hình Retina trên máy tính bảng có nghĩa là thiết bị này có màn hình với mật độ điểm ảnh tăng lên và độ phân giải cao.

Điều đáng chú ý là các nhà khoa học đã cố gắng tăng thêm độ phân giải hiển thị trên máy tính bảng. Bây giờ nó cao hơn độ phân giải Full HD, là 1920x1080 pixel. Ví dụ, iPad4 có kích thước màn hình là 2048x1536 pixel. Mật độ điểm ảnh là 264 ppi (264 pixel trên inch vuông). Tất nhiên, điều này dẫn đến việc tăng lượng điện tiêu thụ. Nhưng đồng thời, sự cho phép đó thậm chí còn có ý nghĩa chất lượng cao Hình ảnh.

3. Đánh giá iPad mini với màn hình Retina: Video

Tất nhiên, ngày nay đây không còn là độ phân giải cao nhất, vì các công ty lớn không ngừng cạnh tranh với nhau, phát hành thêm thiết bị hiện đại, với cài đặt cao hơn. Cho nên, Googleđể đáp lại Nexus được phát hành iPad4, có độ phân giải 2560x1600. Tất nhiên, đây không phải là màn hình retina, mặc dù nó không hề thua kém nó về mặt thông số.

4. Màn hình Retina trong màn hình

Công nghệ này không chỉ được sử dụng trong sản xuất màn hình cho thiêt bị di động. Màn hình này cũng được sử dụng trong các mẫu máy tính xách tay mới. Mô hình đầu tiên là một thiết bị của Apple được gọi là Macbook Pro. 15 được sử dụng ở đây màn hình inch với độ phân giải 2880x1800 pixel. Tất nhiên, mật độ điểm ảnh trong các màn hình như vậy là 220 ppi.

Nhờ đó, người dùng có cơ hội xử lý hình ảnh ở độ phân giải Full HD mà không làm giảm tỷ lệ hình ảnh.

Ma trận võng mạc là một từ mới công nghệ hiện đại mở ra cấp độ mới chất lượng hình ảnh. Với sự ra đời của công nghệ này, các thiết bị di động như máy tính bảng, điện thoại thông minh, máy tính xách tay, v.v. đã trở nên gần hơn một bước với máy tính để bàn với màn hình chất lượng cao.

Màn hình Retina - công nghệ độc quyền Công ty Apple, trên cơ sở đó màn hình được tạo cho tất cả các thiết bị di động mới. Công ty đang quảng bá công nghệ này như kỳ quan hiện đại, không đâu sánh bằng và hứa hẹn ở những màn hình này, ngoài khả năng truyền tải cân bằng màu sắc tuyệt vời, còn có mật độ điểm ảnh cực lớn. Về nguyên tắc, hiện đang có một cuộc chiến trí tuệ giữa công nghệ Retina và OLED của Samsung. Điều thú vị hơn là Retina là một Công nghệ TFT+ IPS. Tất nhiên là cộng với sự thống trị của thương hiệu.

TFT, hoặc LCD - màn hình được xây dựng trên cơ sở các đặc tính của tinh thể lỏng. Những tinh thể này là chất lỏng, dưới ảnh hưởng nhất định, có thể biến thành tinh thể, và sau đó lại trở thành chất lỏng. Chất lỏng này được tổng hợp tại các doanh nghiệp, xây dựng trên đó Màn hình LCD. Nguyên lý hoạt động của màn hình khá đơn giản, nếu bạn mô tả trên ngón tay. Có hai bộ lọc phân cực mà ánh sáng đi qua. Một trong số chúng có lưới cắt dọc, ô thứ hai có lưới cắt ngang. Giữa các bộ lọc là một "bể cá" với các tinh thể lỏng. Tất nhiên, nó rất mỏng, đóng và bên trong, ngoài các tinh thể, có những con đường để đi qua dòng điện. Bản thân các tinh thể không tái tạo màu sắc, nhưng phản chiếu nó. Khi dòng điện được đưa vào lưới, tinh thể quay và thay đổi hướng của ánh sáng. Vì màn hình đơn sắcđiều này đã là đủ. Khi các tấm phân cực có một hướng thì ánh sáng bị trễ ở đầu ra của bộ lọc và thu được một chấm đen, nếu không thì nó có màu trắng. Màu sắc được tạo ra bằng cách sử dụng các bộ lọc màu, mỗi bộ lọc nhận một chùm tia từ tinh thể.

Màn hình LCD nhiều "bộ cải tiến" truyền dẫn khác nhau đã được phát minh, ví dụ, IPS và TN. Với sự trợ giúp của công nghệ đầu tiên, góc nhìn lớn của hình ảnh trên màn hình được sắp xếp, cũng như màu sắc tự nhiên hơn. Công nghệ thứ hai trông hẹp hơn và tồi tệ hơn, nhưng nó hoạt động nhanh hơn nhiều. Không thể kết hợp chúng. Khái niệm TFT, nói chung, đề cập đến công nghệ bóng bán dẫn trên một màng mỏng, trong đó mỗi bóng bán dẫn tăng cường các đặc tính của một pixel riêng lẻ về tốc độ và độ tương phản. Trong TN, các tinh thể lỏng nằm vuông góc với màn hình, trong IPS - song song. Đối với người dùng, điều quan trọng là mắt không nhìn thấy các pixel riêng lẻ ở mật độ hơn 300 dpi và công nghệ võng mạcđã đạt được điều này.

Nó vẫn chỉ để nói một chút về nguyên tắc, chúng khác với các tính năng cơ bản của màn hình LCD như thế nào Công nghệ OLED. Họ sử dụng một phương tiện làm việc, mà bản thân nó, không cần ánh sáng kích hoạt, có thể tạo ra ánh sáng, do đó có thể thu được màn hình mỏng hơn nhiều bằng công nghệ này. Ngoài ra, Màn hình OLED sử dụng năng lượng tiết kiệm hơn nhiều và có thể hoạt động lâu hơn mà không cần sạc lại. Vẫn còn phải xem công nghệ nào sẽ chiến thắng trong tương lai, nhưng hiện tại các thiết bị của Samsung đang ngày càng phát triển về kích thước và tăng mật độ trên mỗi inch, khiến Retina có vẻ giống như công nghệ của ngày trước. Nhưng Apple vẫn có những con át chủ bài trong tay bạn - như mọi khi.

Sự phát triển của màn hình LCD là do sự ra đời của một công nghệ gọi là IPS (In-Plane Switching). Cái tên này được đặt vì cách các tinh thể được đặt trong tấm nền IPS: các tinh thể nằm trên một mặt phẳng song song với bề mặt của tấm nền. Phương pháp nàyđã làm cho nó có thể có được góc nhìn lớn hơn nhiều, điều này đã làm cho màn hình LCD trở thành một sự thay thế cho màn hình CRT.

Sự ra đời của công nghệ IPS giúp loại bỏ những nhược điểm chính của màn hình LCD đầu tiên: góc nhỏ xem xét do mức độ khác nhau sự quay của các phân tử của chất LC, dẫn đến các cường độ phát xạ chùm sáng khác nhau sau khi chúng đi qua bộ lọc thứ hai của bảng điều khiển.

Những thay đổi trong ngành công nghiệp màn hình LCD đã được thực hiện bởi các kỹ sư của Hitachi, người đã chính thức giới thiệu công nghệ IPS vào năm 1996. Nhờ sự đột phá này, các màn hình mới không thời điểm trọng đạiđáp ứng với chất lượng màu tương đương với màn hình dựa trên ống tia âm cực.

Nhưng việc tăng góc nhìn khiến cần phải áp dụng hai bóng bán dẫn điều khiển cho mỗi phần tử cùng một lúc. Điều này trở nên cần thiết do đặt điện trường trong một mặt phẳng so với màn hình. Điều này đã cải thiện đáng kể chất lượng hình ảnh, nhưng sử dụng một số lượng lớn các bóng bán dẫn tự động tăng diện tích mờ đục do chúng chiếm giữ, do đó, cần phải tăng đáng kể công suất của đèn nền.

Cũng thế Tính năng IPS là khi điện áp được đặt vào tinh thể lỏng, nó trả về phân cực tròn, có nghĩa là nó đã tăng độ sáng của nó.

Các tấm nền IPS đầu tiên đắt một cách phi lý, điều này không góp phần làm cho chúng trở nên phổ biến. Ngoài ra, thời gian phản hồi 50 ms còn lại nhiều điều mong muốn: thời gian phản hồi đáng chú ý ngay cả với thao tác cuộn đơn giản, chưa kể đến thời gian ba chiều.

Đương nhiên, các cải tiến là bắt buộc, đã được thực hiện bởi các nhà sản xuất khác nhau Màn hình LCD. Đó là Super-IPS, Dual Domain IPS, Advanced Coplanar Electrode, v.v. Việc cải tiến này giúp bạn có thể đạt được góc nhìn lớn hơn, lên đến 180 độ (!). Sau một thời gian, NEC bắt đầu sản xuất các tấm phát triển đơn giản Các công nghệ IPS, bao gồm A-SFT, A-AFT, SA-SFT và SA-AFT.

Màn hình Retina là gì?

Được biết rằng tầm nhìn của con người rất bốc đồng. Đó là lý do tại sao 24 khung hình / giây là đủ để mắt người nhìn thấy hình ảnh liên tục trên màn hình TV. Điều này cũng có thể nói về bản thân hình ảnh. Khi đủ xa, mắt của một người chụp ảnh các nét lớn như thể đó là một bức ảnh bóng có độ phân giải cao. Nói chung, một người có thể phân biệt khoảng 300 dpi. Nếu có ít hơn trong số chúng, thì mắt nhìn thấy cái gọi là độ hạt của màn hình, và nếu có nhiều hơn, thì hình ảnh có vẻ rất rõ ràng và sáng sủa.

Đó là tính năng đặc trưng của màn hình Retina, tức là màn hình có mật độ điểm ảnh cao. Đây là cái được sử dụng trong Iphone 4:

Hình ảnh cho thấy mật độ 326 dpi cung cấp hình ảnh rõ ràng, trong khi màn hình thông thường chỉ đơn giản là đáng sợ với các điểm ảnh của nó.


Để lại bình luận của bạn!

  • Phát triển ứng dụng di động
    • Dịch

    Sau khi phát hành gần đây MacBook Retina Pro và iPad mới, màn hình với mật độ điểm ảnh tăng lên đã bắt đầu tích cực bước vào cuộc sống của chúng ta. Điều này có ý nghĩa gì đối với các nhà phát triển web?

    Đầu tiên, chúng ta hãy hiểu thuật ngữ.

    pixel vật lý

    pixel vật lý(pixel thiết bị hoặc pixel vật lý) - pixel quen thuộc với chúng ta: các phần tử nhỏ nhất của bất kỳ màn hình nào, mỗi phần tử có màu sắc và độ sáng riêng.

    Mật độ màn hình(Mật độ màn hình) là số pixel vật lý của màn hình. Nó thường được đo bằng pixel trên inch (PPI: pixel trên inch). Apple, đã phát triển màn hình Retina với mật độ điểm ảnh gấp đôi, tuyên bố rằng mắt người không thể phân biệt được mật độ cao hơn.

    Pixel CSS


    Pixel CSS(CSS pixel) - một giá trị trừu tượng được trình duyệt sử dụng để hiển thị chính xác nội dung trên các trang, bất kể màn hình (DIPs: pixel không phụ thuộc vào thiết bị). Ví dụ:


    Như một khối màn hình thông thường sẽ chiếm diện tích 200x300 pixel và trên màn hình Retina cùng một khối sẽ nhận được 400x600 pixel. Như vậy, trên màn hình Retina, mật độ điểm ảnh lớn hơn 4 lần so với màn hình thông thường:

    Tỷ lệ giữa pixel vật lý và CSS có thể được đặt như sau:
    device-pixel-ratio, -o-device-pixel-ratio, -moz-device-pixel-ratio, -Webkit-device-pixel-ratio (…)

    Hoặc như thế này:
    device-pixel-ratio, -o-min-device-pixel-ratio, min - moz-device-pixel-ratio, -Webkit-min-device-pixel-ratio (…)

    Trong Javascript, điều này có thể đạt được bằng cách sử dụng
    window.devicePixelRatio

    Raster pixel



    Raster pixel(pixel bitmap) - các phần nhỏ nhất tạo nên hình ảnh bitmap (PNG, JPF, GIF, v.v.) Mỗi ​​pixel chứa thông tin về màu sắc và vị trí trong hệ tọa độ của hình ảnh. Trong một số định dạng, một pixel có thể chứa Thông tin thêm, ví dụ, sự minh bạch.

    Ngoài độ phân giải bitmap, hình ảnh web có kích thước trừu tượng tính bằng pixel CSS. Trình duyệt thu nhỏ hoặc kéo dài hình ảnh theo chiều rộng và chiều dài CSS của nó. Khi hiển thị trên màn hình bình thường, một pixel bitmap tương ứng với một pixel CSS. Trên màn hình Retina, mỗi pixel bitmap được nhân với 4:

    Tối ưu hóa

    Có một số cách để tối ưu hóa đồ họa để hiển thị trên màn hình Retina. Mỗi thứ đều có cả ưu và khuyết điểm, cần thiết trong mỗi trường hợp để chọn những gì có mức độ ưu tiên cao hơn: hiệu suất, dễ thực hiện, hỗ trợ trình duyệt hoặc một số thông số khác.

    Chia tỷ lệ HTML và CSS

    Cách dễ nhất để chuẩn bị đồ họa cho màn hình Retina là chỉ cần chia đôi kích thước vật lý Hình ảnh. Ví dụ: để hiển thị ảnh 200x300 pixel trên màn hình có mật độ pixel tăng lên, bạn cần tải lên ảnh 400x600 pixel và thu nhỏ ảnh bằng cách sử dụng các thuộc tính CSS hoặc thông số HTML. Đây sẽ là hiển thị trên màn hình bình thường:

    Và như thế này trên Retina:

    Có một số cách để triển khai quy mô HTML và CSS:

    HTML

    Cách dễ nhất là chỉ cần đặt các thông số chiều rộng và chiều cao cho thẻ img:

    Sử dụng ở đâu: trên các trang đơn với nhiều hình ảnh.

    javascript

    Kết quả tương tự có thể đạt được bằng cách sử dụng Javascript để giảm một nửa kích thước hình ảnh cho màn hình Retina. Sử dụng thư viện jQuery nó trông như thế này:
    $ (window) .load (function () (var images = $ ("img"); images.each (function (i) ($ (this) .width ($ (this) .width () / 2);) );));

    Sử dụng ở đâu: trên các trang web có nhiều hình ảnh trong nội dung.

    CSS (SCSS)

    Bạn cũng có thể sử dụng hình ảnh làm nền với kích thước yêu cầu (kích thước nền) của một div cụ thể "a. Tham số kích thước nền không được hỗ trợ trong IE 7 và 8.
    .image (background-image: url ( [email được bảo vệ]); background-size: 200px 300px; / * kích thước nền thay thế: chứa; * / chiều cao: 300px; chiều rộng: 200px )

    Bạn có thể sử dụng: before hoặc: after pseudo-element
    .image-container: before (background-image: url ( [email được bảo vệ]); background-size: 200px 300px; các nội dung:""; hiển thị: khối; chiều cao: 300px; chiều rộng: 200px )

    Kỹ thuật này cũng hoạt động khi sử dụng sprites:
    .icon (background-image: url ( [email được bảo vệ]); background-size: 200px 300px; chiều cao: 25px; chiều rộng: 25px & .trash (background-position: 25px 0;) & .edit (background-position: 25px 25px;))

    Sử dụng ở đâu: trên các trang web hạn chế. hinh nên(ví dụ: một như một sprite).

    Định tỷ lệ HTML và CSS: Ưu điểm

    • Dễ thực hiện
    • Khả năng tương thích với trình duyệt chéo

    Định tỷ lệ HTML và CSS: Nhược điểm

    • Các thiết bị có màn hình bình thường sẽ tải thêm megabyte xuống
    • Trên màn hình bình thường, độ rõ nét của hình ảnh có thể bị ảnh hưởng do các thuật toán nén.
    • Tham số kích thước nền không được hỗ trợ trong IE 7 và 8.

    Xác định mật độ điểm ảnh trên màn hình



    Có lẽ đây là cái nhất cách phổ biến tối ưu hóa đồ họa cho màn hình Retina. CSS hoặc Javascript được sử dụng.

    css

    Phương pháp này sử dụng tỷ lệ pixel thiết bị để đặt tỷ lệ phù hợp giữa pixel vật lý và CSS:
    .icon (background-image: url (example.png); background-size: 200px 300px; height: 300px; width: 200px;) @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), chỉ màn hình và (-moz-min-device-pixel-ratio: 1,5), chỉ màn hình và (-o-min-device-pixel-ratio: 3/2), chỉ màn hình và (min-device-pixel-ratio: 1.5) (.icon (background-image: url ( [email được bảo vệ]); } }

    Sử dụng ở đâu: trên các trang web hoặc ứng dụng sử dụng hình nền cho các yếu tố thiết kế. Không phù hợp với hình ảnh trong nội dung.

    thuận

    • Khả năng tương thích với trình duyệt chéo

    Số phút

    • Mệt mỏi để thực hiện, đặc biệt là trên các trang web lớn
    • Sử dụng hình ảnh nội dung làm nền không chính xác về mặt ngữ nghĩa

    javascript

    Kết quả tương tự có thể đạt được bằng cách sử dụng window.devicePixelRatio:
    $ (document) .ready (function () (if (window.devicePixelRatio> 1) (var lowresImages = $ ("img"); images.each (function (i) (var lowres = $ (this) .attr (" src "); var highres = lowres.replace (". "," @ 2x. "); $ (this) .attr (" src ", highres);));)));

    Có một plugin Javascript đặc biệt Retina.js có thể làm tất cả những điều trên, nhưng với Tính năng bổ sung, chẳng hạn như bỏ qua hình ảnh bên ngoài và bỏ qua hình ảnh bên trong không có bản sao võng mạc.

    Sử dụng ở đâu: trên bất kỳ trang web nào có hình ảnh trong nội dung.

    thuận

    • Dễ thực hiện
    • Thiết bị không tải hình ảnh không cần thiết
    • Kiểm soát mật độ pixel của trang web

    Số phút

    • Thiết bị Retina tải xuống cả hai phiên bản của mỗi hình ảnh
    • Giả mạo hình ảnh là đáng chú ý trên các thiết bị retina
    • Không hoạt động trong một số các trình duyệt phổ biến(IE và Firefox)

    Đồ họa vector có thể mở rộng


    Bất kể phương pháp được sử dụng ảnh bitmap bởi bản chất của chúng vẫn bị giới hạn trong việc mở rộng quy mô. Ở đây chúng tôi có thể giúp Đồ họa vector. Định dạng SVG (Đồ họa Vectơ có thể mở rộng) đang bật Dựa trên XMLđược hỗ trợ bởi hầu hết các trình duyệt. Cách dễ nhất để sử dụng hình ảnh SVG là thẻ img hoặc tham số CSS background-image and content: url ().

    Trong ví dụ này, một hình ảnh SVG đơn giản có thể được thu nhỏ theo cách bạn muốn:

    Điều tương tự sẽ xảy ra với sử dụng CSS:
    / * Sử dụng hình nền * / .image (background-image: url (example.svg); background-size: 200px 300px; height: 200px; width: 300px;) / * Sử dụng nội dung: url () * / .image - vùng chứa: trước (nội dung: url (example.svg); / * chiều rộng và chiều cao không hoạt động với nội dung: url () * /)

    Hỗ trợ cho IE 7 hoặc 8 và Android 2.x sẽ yêu cầu sử dụng hình ảnh PNG thay thế. Điều này có thể dễ dàng thực hiện với Modernizr:
    .image (background-image: url (example.png); background-size: 200px 300px;) .svg (.image (background-image: url (example.svg);))

    Để có khả năng tương thích giữa nhiều trình duyệt tốt hơn, để tránh các vấn đề về phân loại trong Firefox và Opera, bạn nên thực hiện từng SVG hình ảnh tương ứng với phần tử HTML mẹ của nó.

    Trong HTML, bạn có thể làm tương tự với dữ liệu mong muốn trong một thẻ:

    Với sử dụng jQuery và Modernizr:
    $ (document) .ready (function () (if (! modernizr.svg) (var images = $ ("img"); images.each (function (i) ($ (this) .attr ("src", $ (this) .data ("png-dự phòng"));));)));

    Sử dụng ở đâu: trên bất kỳ trang web nào, phù hợp với các biểu tượng, logo và hình minh họa vector đơn giản.

    thuận

    • Một bộ hình ảnh cho tất cả các thiết bị
    • Dễ thực hiện
    • Thu phóng vô hạn

    Số phút

    Phông chữ biểu tượng



    phổ biến nhờ

    Màn hình Retina và màn hình Retina HD gần đây thường được đề cập trong các cuộc thảo luận Sản phẩm của Apple. Trong bài viết này, chúng tôi sẽ cố gắng xác định sự khác biệt giữa các loại màn hình này và liệu những màn hình này có xứng đáng với số tiền mà họ yêu cầu hay không.

    Màn hình Retina là gì? Hoặc, định nghĩa chính xác cho các màn hình có tên đó là gì?

    Màn hình Retina nhiều hơn mưu đồ tiếp thị, thế nào thuật ngữ kỹ thuật, mà còn là định nghĩa Khái niệm này có thể được đưa ra: đây là màn hình được sử dụng trong thiết bị tin học, có mật độ điểm ảnh cao mà mắt người không thể nhìn thấy các điểm ảnh riêng lẻ. Nói cách khác, người ta cho rằng một người sẽ không thể phân biệt được sự khác biệt giữa ảnh chụp một bức tranh được hiển thị trên màn hình Retina và chính bức tranh đó. Nhưng điều này chỉ là trên lý thuyết.

    Retina là độc quyền của Apple. Các công ty khác có thể sản xuất màn hình với cùng Thông số kỹ thuật, nhưng họ không thể gọi chúng là Retina. Đây là một nhãn hiệu.

    Độ phân giải của màn hình Retina là gì?

    Độ phân giải màn hình được đưa ra ở định dạng "số điểm ảnh" X "số điểm ảnh". Nhưng điểm quan trọngđối với màn hình Retina là mật độ điểm ảnh (số điểm ảnh trên mỗi inch). Ở cùng độ phân giải màn hình (tính bằng pixel) nhưng kích thước khác nhau(tính bằng inch) mật độ điểm ảnh sẽ khác nhau.

    Nhưng, ngay cả về mật độ điểm ảnh, không có con số nào đủ tiêu chuẩn cho một màn hình là Retina, vì định nghĩa của màn hình Retina có tính đến khoảng cách của màn hình so với mắt.

    Trên thực tế, mật độ pixel sau đây cho nhiều loại khác nhau thiết bị:

    • 326ppi - điện thoại thông minh
    • 264ppi - máy tính bảng
    • 220ppi - máy tính xách tay

    Có màn hình nào hoạt động tốt hơn màn hình Retina không?

    Có. Có những màn hình có mật độ điểm ảnh cao hơn. Bản thân Apple, kể từ khi ra mắt iPhone 6, đã đề xuất sử dụng một màn hình võng mạc HD. Nhưng nhiều Thiết bị Androidđông hơn chỉ số này Các thiết bị của Apple như LG G3 - 534 ppi.

    Tuy nhiên, nếu chúng ta nhớ lại định nghĩa trước đây của chúng ta về Retina, thì việc tăng mật độ điểm ảnh là một công việc gây tranh cãi khá nhiều, bởi vì mắt người không còn nhìn thấy sự khác biệt ở ppi cao như vậy. Apple đã tự nói về điều đó. Nhưng phát hành iPhone 6 có thể được coi là một sự công nhận mà bạn vẫn có thể cảm nhận được sự khác biệt.

    Sự khác biệt giữa Retina và Retina HD.

    Thuật ngữ Retina HD chỉ dùng để chỉ màn hình của điện thoại thông minh Apple mới. Vậy Retina HD vượt trội hơn so với người tiền nhiệm của nó như thế nào:

    • độ phân giải cao hơn
    • Độ tương phản lớn hơn
    • Góc nhìn rộng hơn nhờ công nghệ kép pixel miền
    • Ngoài ra, nếu bạn nhìn vào màn hình bằng kính, hình ảnh trên màn hình sẽ sáng hơn so với các đời máy trước đó.