Độ phân giải màn hình
Độ phân giải thật, tỷ lệ điểm ảnh và viewport của màn hình bạn, trực tiếp.
Điểm ảnh vật lý: kích thước CSS nhân tỷ lệ điểm ảnh
- Cập nhật khi bạn đổi cỡ cửa sổ
- Hiện tỷ lệ điểm ảnh
- Dùng được trên điện thoại và máy tính bảng
Cách kiểm tra độ phân giải màn hình
- Mở trang này trên thiết bị bạn muốn kiểm tra.
- Đọc độ phân giải và tỷ lệ điểm ảnh trong các ô bên dưới.
- Đổi cỡ cửa sổ hoặc xoay thiết bị để xem các con số cập nhật.
Các độ phân giải phổ biến và nơi thường gặp
| Tên gọi | Độ phân giải | Thường gặp trên |
|---|---|---|
| HD | 1280 x 720 | Laptop cũ hoặc giá rẻ |
| Full HD | 1920 x 1080 | Hầu hết laptop và màn hình bán ra hiện nay |
| QHD (1440p) | 2560 x 1440 | Màn hình cao cấp và một số điện thoại |
| 4K UHD | 3840 x 2160 | Màn hình và TV cao cấp |
Điểm ảnh vật lý so với điểm ảnh CSS
Điểm ảnh CSS là đơn vị các trang web dùng để dàn trang, nhưng nó không phải lúc nào cũng khớp với một chấm vật lý trên màn hình. Tỷ lệ điểm ảnh cho biết có bao nhiêu điểm ảnh vật lý được nhồi vào mỗi điểm ảnh CSS, nên tỷ lệ 2 nghĩa là tấm nền đang vẽ 4 điểm ảnh vật lý, xếp thành ô vuông 2 x 2, cho mỗi điểm ảnh CSS mà một trang web dùng.
Màn hình điện thoại và laptop mật độ cao thường báo kích thước CSS nhỏ hơn đi kèm tỷ lệ điểm ảnh 2 hoặc 3, trong khi hầu hết màn hình máy tính để bàn báo tỷ lệ điểm ảnh 1, nơi điểm ảnh CSS và điểm ảnh vật lý khớp nhau 1 đối 1.
Cách đổi độ phân giải màn hình
- Trên Windows 11, mở Cài đặt, sau đó Hệ thống, sau đó Màn hình, rồi chọn một tùy chọn khác từ menu thả xuống Độ phân giải màn hình.
- Trên macOS, mở Cài đặt hệ thống, sau đó Màn hình, rồi chọn Default (mặc định) hoặc một trong các tùy chọn scale hiện dưới phần điều khiển độ phân giải của màn hình.
- Xoay điện thoại hay máy tính bảng, hoặc đổi cỡ cửa sổ trình duyệt trên máy tính, để xem các số liệu viewport trên trang này cập nhật trực tiếp mà không làm thay đổi độ phân giải thật của màn hình.
Câu hỏi thường gặp về Kiểm tra độ phân giải màn hình
Vì sao chỗ này hiện số khác với cài đặt màn hình của tôi?
Windows và macOS liệt kê độ phân giải bạn chọn trong cài đặt màn hình, có thể thấp hơn độ phân giải gốc của tấm nền khi bật chế độ scale. Trang này báo cáo những gì trình duyệt thấy, nhân với tỷ lệ điểm ảnh.
devicePixelRatio là gì?
Đó là tỷ lệ giữa điểm ảnh vật lý và điểm ảnh CSS. Tỷ lệ 2 nghĩa là mỗi điểm ảnh CSS được vẽ bằng 4 điểm ảnh vật lý, thường thấy ở màn hình điện thoại và hầu hết laptop đời mới.
Vì sao viewport nhỏ hơn kích thước màn hình?
Viewport là vùng hiển thị bên trong cửa sổ trình duyệt, nên nó không tính thanh tác vụ, thanh công cụ trình duyệt và các cửa sổ khác đang mở trên màn hình.
Cái này có hoạt động trên điện thoại hay máy tính bảng của tôi không?
Có. Mở trang này trên bất kỳ trình duyệt di động nào và xoay thiết bị để xem cả số liệu ở chế độ dọc lẫn ngang.
Tôi nên chọn độ phân giải nào cho màn hình của mình?
Chọn tùy chọn được đánh dấu Recommended (đề xuất) trong cài đặt màn hình, khớp với độ phân giải gốc của tấm nền. Chạy màn hình LCD dưới độ phân giải gốc thường làm mờ chữ và các đường nét nhỏ vì hình ảnh phải bị scale.
Vì sao hai điện thoại cùng kích thước màn hình lại hiện số khác nhau?
Nhà sản xuất tự chọn mật độ điểm ảnh và hệ số scale CSS riêng ngay cả với những màn hình có kích thước vật lý gần giống nhau, nên hai điện thoại có đường chéo tương đương vẫn có thể báo độ phân giải và tỷ lệ điểm ảnh khác nhau.
Khác nhau giữa độ phân giải và kích thước màn hình là gì?
Độ phân giải đếm số điểm ảnh trên màn hình. Kích thước đo đường chéo vật lý theo inch. Cùng một độ phân giải nhồi vào màn hình nhỏ hơn cho mật độ điểm ảnh cao hơn, đó là lý do màn hình điện thoại trông sắc nét hơn khi nhìn gần so với một màn hình máy tính có cùng số điểm ảnh.