Pixels - Một tiếng kêu cho một cái nhìn sâu sắc


7

Tôi khá mới để phát triển web và tôi muốn làm rõ một số điều. Mặc dù đọc nhiều hơn một cuốn sách về chủ đề này, tôi dường như không thể quấn đầu xung quanh khái niệm pixel. Tôi gặp vấn đề với vấn đề này khi cố gắng sử dụng các đơn vị CSS và pixel cho thiết kế phù hợp với các kích thước màn hình khác nhau.

Theo hiểu biết của tôi, pixel là đơn vị cơ bản nhất được sử dụng bởi một màn hình để soạn ảnh trên màn hình. Vì vậy, nếu độ phân giải của tôi là 800 x 600, mọi thứ trên màn hình của tôi được hiển thị bằng các khối xây dựng cơ bản 800 * 600 đó. Nếu tôi phóng to độ phân giải màn hình của mình, 3 điều sẽ tích lũy:

A. Khối xây dựng hình ảnh cơ bản (pixel) sẽ thu nhỏ kích thước B. Các pixel sẽ di chuyển gần nhau C. Chà, giờ đây sẽ có nhiều pixel hơn

Tất cả những điều này kết hợp dẫn đến sắc nét hơn (tùy thuộc vào khoảng cách xem) và chi tiết hơn cho phép hình ảnh.

Vâng cho đến nay rất tốt. Đây là tôi bắt đầu bị lạc:

Theo hiểu biết của tôi, một pixel không phải là một vật thể thực. Màn hình không được nhúng với một vài nghìn pixel. Tôi bị lôi cuốn vào kết luận này bởi vì bất kỳ ai cũng có thể thay đổi độ phân giải màn hình của anh ấy, làm cho pixel trên màn hình của anh ấy lớn hơn hoặc nhỏ hơn và cộng hoặc trừ tổng số pixel trên màn hình.

Thêm vào đó, tôi có bầy rằng các màn hình khác nhau có mật độ pixel khác nhau. Ví dụ màn hình võng mạc của Apple.

Lấy tất cả những điều trên làm cơ sở kiến ​​thức của tôi, Đây là những câu hỏi của tôi:

  1. Nếu một pixel không có kích thước không đổi trong thế giới thực, thì việc so sánh mật độ pixel khác nhau có vấn đề gì? Mỗi công ty màn hình có thể xác định khái niệm pixel của riêng mình và khai báo mật độ cao hơn.

  2. Mật độ pixel lớn hơn có nghĩa là gì? Giả sử chúng ta có hai màn hình có cùng kích thước vật lý, nhưng với mật độ pixel khác nhau, tôi có thể khẳng định rằng sự khác biệt chính sẽ là màn hình mật độ lớn hơn có thể hiển thị độ phân giải tối đa cao hơn? Hay tôi phải khẳng định rằng với cùng độ phân giải trên cả hai màn hình, mật độ cao hơn sẽ hiển thị hình ảnh sắc nét hơn, nhỏ hơn?

  3. Nếu một pixel không phải là một kích thước cố định trong một màn hình, thì đó có phải là một kích thước cố định giữa cùng một độ phân giải trên hai màn hình khác nhau không? Ví dụ: hai màn hình khác nhau, được đặt ở cùng độ phân giải, có bao gồm cùng kích thước, cùng số lượng pixel không?

Tôi muốn được giúp đỡ (:


Câu hỏi này không phải là về các trang web.
Stephen Ostermiller

Tôi cần phải hiểu khái niệm để tôi có thể thiết kế trang web của mình với sự hiểu biết chính xác về kích thước pixel ... Tôi nên làm cho điểm đó rõ ràng hơn trong bài viết, xin lỗi.
CarrotFile

Tôi chỉnh sửa các thông điệp chính và nhấn mạnh sự liên quan.
CarrotFile

OK, tôi mở lại câu hỏi này.
Stephen Ostermiller

Câu trả lời:


7

Bạn nhầm lẫn nằm ở chỗ bạn không chính xác khi nói rằng pixel không phải là vật lý. Về mặt vật lý, màn hình của bạn có đèn LED gồm 3 màu khác nhau (đỏ, xanh lá cây, xanh dương). Mỗi bộ ba đèn LED màu này là một pixel (cách chúng được sắp xếp có thể làm cho khái niệm này phức tạp hơn nhiều nhưng hãy nghĩ rằng tất cả chúng đều vuông hoàn hảo và tất cả một đơn vị giống như những thẻ video của bạn sử dụng).

Để làm phức tạp điều này, card màn hình của bạn có thể gửi tín hiệu video đến màn hình của bạn ở một phạm vi độ phân giải và tần số rất rộng và màn hình của bạn có thể chọn từ nhiều phương pháp khác nhau để hiển thị tín hiệu đó. Đây là những phương pháp khác nhau để dịch khái niệm trừu tượng về độ phân giải sang khái niệm pixel trong thế giới thực. Thuật ngữ độ phân giải có thể đề cập đến tín hiệu video hoặc pixel vật lý trên màn hình (thường được gọi là 'độ phân giải màn hình'). Khi được sử dụng một mình, nó thường đề cập đến độ phân giải video. Tín hiệu video có thể được truyền cho nhiều độ phân giải màn hình nhưng độ phân giải của màn hình được cố định bởi số lượng pixel vật lý.

Đáp án:

  1. Một pixel DOES có kích thước không đổi trong thế giới thực. Nhưng nếu hình ảnh được gửi đến màn hình không cùng kích thước với màn hình thì bất kỳ một trong số này có thể điều chỉnh tỷ lệ phù hợp (theo thứ tự ưu tiên): thư viện exe phần mềm (ví dụ: DirectX, OpenGL), HĐH (thường chỉ dành cho máy tính để bàn), phần cứng nguồn (ví dụ: card màn hình), màn hình. Thông thường, ít nhất một trong số này sẽ chăm sóc nó. Nếu bạn chơi với các cài đặt cho từng cài đặt này, bạn có thể nhận thấy sự khác biệt nhỏ trong cách chúng thực hiện tỷ lệ đó. Thông thường, người giỏi nhất sẽ là người có mức độ ưu tiên cao nhất; nhanh nhất sẽ có mức ưu tiên thấp nhất.

  2. Mật độ pixel là tham chiếu đến mật độ vật lý (ví dụ 100ppi [pixel vật lý trên inch]) hoặc thuật ngữ tương đối để mô tả hình ảnh in sẽ lớn như thế nào (ví dụ: mật độ bình thường [những thứ trên màn hình có cùng kích thước như chúng in], mật độ cao [những thứ trên màn hình sẽ phát triển khi được in]).

  3. Một pixel là một kích thước cố định. Độ phân giải có thể thay đổi bởi vì nó điển hình đề cập đến độ phân giải tín hiệu (không phải lúc nào cũng giống với độ phân giải màn hình). Khi độ phân giải tín hiệu của bạn thấp hơn độ phân giải màn hình, nó thường sẽ được thu nhỏ lại. Khi cao hơn, nó có thể bị cắt hoặc kéo dài trên màn hình hoặc thu nhỏ lại.

ĐỊA CHỈ:

A. Không có màn hình chỉ có thể hiển thị vật lý những gì nó có pixel để hiển thị. NHƯNG, bạn có thể gửi tín hiệu lớn hơn đến màn hình và tùy thuộc vào cách cấu hình, nó sẽ cắt hoặc chia tỷ lệ tín hiệu đó. Một điều cần lưu ý về tỷ lệ là nó không CẦN phải là số chẵn; Các pixel vật lý 4 x 4 có thể đại diện và diện tích 8x8 hoặc 2.5x3.25 hoặc bất kỳ biến thể nào của không gian ảo. Khi tỉ lệ không thậm chí trông sẽ không tốt. Đây là lý do tại sao bạn có thể nhận thấy rằng một số độ phân giải trông tốt hơn nhiều so với các độ phân giải khác trên màn hình của bạn mặc dù chúng có độ phân giải thấp hơn. Điều này là do thực tế là các độ phân giải đó có thể mở rộng đồng đều dọc theo cả trục dọc và trục ngang. Để chia tỷ lệ 1 pixel vật lý phải bằng một số pixel ảo (ví dụ: 1: 1, 1: 2, 1: 3, ...)

B. Không, pixel thay đổi từ hiển thị sang hiển thị. Đây là lý do tại sao ppi (pixel trên inch quan trọng). màn hình retina về cơ bản là màn hình mật độ cao nhất hiện nay. So sánh điều đó với TV LED thông thường và bạn sẽ thấy rằng mặc dù chúng có thể có cùng độ phân giải màn hình, kích thước vật lý khác nhau RẤT NHIỀU.

C. Giả sử bạn có hai màn hình mà bạn muốn thực hiện một trò chơi tic-tac-toe đơn giản. Một màn hình là điện thoại thông minh và màn hình còn lại là TV. Cả hai đều có cùng độ phân giải. Trong ví dụ này, giả sử cả hai đều có độ phân giải 5x5 (có thể giúp mở chương trình Paint và vẽ lưới 5x5 tic-tac-toe). Nếu bạn muốn chỉ định hình dạng này trên điện thoại thông minh bằng mm, ví dụ, có thể bạn muốn vẽ hai đường thẳng đứng cách nhau 10 mm. Vấn đề là trên TV, chính lưới này sẽ yêu cầu bạn đặt các đường cách nhau 80mm hoặc xa hơn. Để biết cách xa các đường này, bạn cần thông tin về kích thước pixel vật lý. Thông tin này thường không có sẵn (hoặc không chính xác) trong nhiều môi trường. Ngay cả nếu có, nó khó sử dụng hơn nhiều so với pixel và bạn ' sẽ muốn tránh cố gắng mở rộng quy mô bằng cách sử dụng thông tin này trừ khi bạn có lý do chính đáng. Kích thước màn hình không phải là điều phù hợp nhất đối với một nhà thiết kế. Họ thực sự chỉ muốn thông tin hiển thị; kích thước vật lý của màn hình đó không liên quan đến hầu hết các phần nhưng không gian ảo là rất quan trọng. Để tiếp tục trợ giúp về vấn đề này, ngày nay chúng ta có độ phân giải khá phổ biến là 1080p mà hầu hết các màn hình đều hỗ trợ. Bởi vì điều này, chúng ta thậm chí có thể biết được bao nhiêu phần trăm màn hình được lấp đầy bởi một hình ảnh rộng 800px trên phần lớn các hệ thống (nhưng một thiết kế tốt sẽ không phụ thuộc vào thực tế đó bởi vì có những hệ thống rất nhiều không đúng). kích thước vật lý của màn hình đó không liên quan đến hầu hết các phần nhưng không gian ảo là rất quan trọng. Để tiếp tục trợ giúp về vấn đề này, ngày nay chúng ta có độ phân giải khá phổ biến là 1080p mà hầu hết các màn hình đều hỗ trợ. Bởi vì điều này, chúng ta thậm chí có thể biết được bao nhiêu phần trăm màn hình được lấp đầy bởi một hình ảnh rộng 800px trên phần lớn các hệ thống (nhưng một thiết kế tốt sẽ không phụ thuộc vào thực tế đó bởi vì có những hệ thống rất nhiều không đúng). kích thước vật lý của màn hình đó không liên quan đến hầu hết các phần nhưng không gian ảo là rất quan trọng. Để tiếp tục trợ giúp về vấn đề này, ngày nay chúng ta có độ phân giải khá phổ biến là 1080p mà hầu hết các màn hình đều hỗ trợ. Bởi vì điều này, chúng ta thậm chí có thể biết được bao nhiêu phần trăm màn hình được lấp đầy bởi một hình ảnh rộng 800px trên phần lớn các hệ thống (nhưng một thiết kế tốt sẽ không phụ thuộc vào thực tế đó bởi vì có những hệ thống rất nhiều không đúng).

Why is it right to use pixel measurements and expect the layout to look exactly the same on all screens using a certain common res?

Điều này không chính xác. Chúng tôi sử dụng pixel vì chúng có tỷ lệ tốt hơn không phải vì chúng giống hệt nhau. Chúng tôi chọn pixel khi chúng tôi muốn bố cục của mình trông chính xác trên các màn hình khác nhau; không làm cho chúng trông giống nhau trên các màn hình khác nhau. Đây là một trong những vấn đề với ngôn ngữ tiếng Anh, nó không đủ chính xác một lần nữa. Mọi người thường nói rằng điều này có nghĩa là chúng trông giống nhau 'nhưng điều chúng tôi thực sự muốn nói là nó' đúng tỷ lệ 'trên các màn hình khác nhau. Hãy tưởng tượng rằng bạn đã tạo một trang web lấp đầy toàn bộ màn hình TV. Bạn có thực sự muốn nó trông giống 'trên điện thoại thông minh của bạn không? Nếu vậy, thì bạn cần phải cuộn nó hơn 5 feet để xem cạnh phải.

Khi in, kích thước thế giới thực thường quan trọng hơn nhiều nhưng các thiết bị video thường có pixel phù hợp với kích thước hiển thị của chúng. Đó là để nói các thiết bị lớn hơn có pixel lớn hơn. Cuối cùng, họ chủ yếu là 1080p hoặc gần với nó những ngày này. Tất nhiên, luôn có những thiết bị có độ phân giải cao hơn hoặc thấp hơn rất nhiều nhưng khi chúng hoạt động thì đó là công việc chung của HĐH thiết bị để cho phép nó hoạt động với các đối tượng có kích thước 'bình thường' trên màn hình.

Mặc dù, vì chúng ta đang nói về các trang web, phải chỉ ra rằng hầu hết mọi người không để trình duyệt toàn màn hình trừ khi họ đang sử dụng thiết bị di động. Đối với các trang web, tốt nhất là trang web của bạn trông phù hợp cho dù cửa sổ có kích thước như thế nào. Đây được gọi là thiết kế đáp ứng và khi trang web của bạn phản hồi, nó sẽ tự động hoạt động tốt trên mọi màn hình.


Tôi biết là nói không cảm ơn ai đó (tại sao?), Nhưng cảm ơn vì nỗ lực. Tôi sẽ được làm rõ thêm: A. Vì vậy, khi tôi thay đổi độ phân giải màn hình của hệ điều hành, tôi sẽ gọi một mức tăng hoặc giảm tỷ lệ? Tôi có thể tưởng tượng một màn hình thu nhỏ được màn hình thực hiện bằng cách sử dụng hai pixel để hiển thị là một (đúng không?), Nhưng liệu màn hình có thể hiển thị độ phân giải cao hơn số pixel vật lý không?
CarrotFile

B. Bạn nói rằng một pixel có kích thước không đổi. Điều này có giữ cho tất cả các màn hình, bất kể thương hiệu hoặc mô hình? Ý tôi là có một tiêu chuẩn mà tất cả các nhà sản xuất màn hình tuân theo, ví dụ như đặt một pixel là một hình vuông 1 inch? C. Tôi đoán câu trả lời cho B là "không", có nghĩa là có một kích thước thật cho một "pixel". Điều này cho thấy thực tế là các màn hình khác nhau có thể chứa mật độ pixel khác nhau, chúng tôi đi đến điểm quan trọng nhất của tôi câu hỏi: Giả sử tôi đang thiết kế một bố cục cố định, tại sao việc sử dụng các phép đo pixel lại phù hợp và mong muốn bố cục trông giống hệt nhau trên tất cả các màn hình bằng một độ phân giải chung nhất định?
CarrotFile

Bố cục tương tự, sử dụng cùng kích thước pixel trong bảng css, có thể có chiều rộng và chiều cao thực tế khác nhau (tính bằng inch). Vậy tại sao các pixel thường được sử dụng trong khi lập kế hoạch cho các thiết kế "pixel perfect" hiển thị giống nhau trên các màn hình?
CarrotFile

Xem thông tin cập nhật của tôi.
krowe

Thật ngọt ngào, tôi muốn bạn biết rằng bạn thực sự đã giúp tôi, điều này không được coi là điều hiển nhiên. Nếu nó không phổ biến để cảm ơn, tôi xin lỗi và tôi sẽ xóa.
CarrotFile

1

Hệ điều hành phải có khả năng thay đổi sự hồi sinh, bởi vì nó phải hỗ trợ các màn hình khác nhau.

Nhưng mỗi màn hình LCD có độ phân giải riêng và chỉ khi bạn sử dụng độ phân giải này, hình ảnh sẽ trông sắc nét. Nếu bạn sử dụng độ phân giải khác, ví dụ 640 * 480 trên Màn hình 1024 * 728, thì chính màn hình đó sẽ nâng cấp hình ảnh, để 1 pixel gốc sẽ được kéo dài thành ~ 1.6 pixel trên màn hình. Vì bạn không thể hiển thị nửa pixel trên màn hình, điểm giữa sẽ được nội suy và hình ảnh sẽ bị mờ. Điều này hơi khác một chút trên các màn hình CRT trước đó, những người không có kích thước pixel được xác định sửa chữa.

nhập mô tả hình ảnh ở đây Khử răng cưa của văn bản là một ví dụ tốt để hiển thị phép nội suy này, màu phông chữ màu nâu ban đầu ở đây được nội suy với màu nền màu xanh.

Pixel có thể có kích thước khác nhau, màn hình độ phân giải cao của điện thoại thông minh sẽ có pixel nhỏ hơn hầu hết màn hình PC, vì vậy khi bạn sử dụng độ phân giải gốc trên cả hai thiết bị, hình ảnh sẽ nhỏ hơn trên điện thoại thông minh so với màn hình PC.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.