Kiểm tra Độ phân giải Màn hình

Độ phân giải màn hình của bạn hiển thị ở đầu thẻ công cụ phía trên — ví dụ 1920 × 1080. Đây là kích thước màn hình tính bằng pixel CSS, đơn vị logic mà trình duyệt dùng để dàn trang. Bên dưới bạn cũng thấy ước tính độ phân giải vật lý, có tính đến mức thu phóng của màn hình. Nếu hai con số khác nhau, màn hình của bạn đang chạy với thu phóng bật — điều bình thường và được khuyến nghị trên tấm nền độ phân giải cao. Muốn thấy các giá trị cập nhật trực tiếp, hãy thay đổi kích thước cửa sổ trình duyệt hoặc chuyển nó sang màn hình khác.

Màn hình độ phân giải cao hiện đại dùng thu phóng để giữ chữ và biểu tượng ở kích thước dễ chịu. Một màn hình 4K ở mức 150% báo 2560 × 1440 pixel CSS dù tấm nền thực sự hiển thị 3840 × 2160. screen.width và screen.height của trình duyệt luôn tính bằng pixel CSS, nên độ phân giải báo cáo là độ phân giải logic đã thu phóng. Nhân nó với tỷ lệ pixel thiết bị bạn sẽ có độ phân giải vật lý — đúng việc mà ước tính độ phân giải vật lý trên trang này làm thay bạn.

Tỷ lệ pixel thiết bị là số pixel vật lý mà trình duyệt dùng để vẽ một pixel CSS. DPR bằng 1 nghĩa là một pixel CSS tương ứng một pixel vật lý. DPR bằng 2 — phổ biến trên màn hình Retina và laptop hiện đại — nghĩa là mỗi pixel CSS được vẽ bằng khối 2 × 2 pixel vật lý, giúp nội dung sắc nét hơn. DPR cũng thay đổi khi bạn thu phóng: thu phóng 125% trong trình duyệt làm DPR báo cáo tăng 1,25 lần, đó là lý do ước tính độ phân giải vật lý được ghi là gần đúng.

Độ phân giải màn hình mô tả toàn bộ màn hình — cả màn hình máy tính hoặc màn hình điện thoại. Viewport là phần nhìn thấy của trang web bên trong cửa sổ trình duyệt: nó không gồm thanh công cụ, thanh giao diện, thanh bên và thanh cuộn. Trên trình duyệt phóng to hết cỡ, viewport nhỏ hơn màn hình một chút; trên cửa sổ nổi nhỏ thì có thể nhỏ hơn nhiều. Nhà phát triển web dùng kích thước viewport (chứ không phải độ phân giải màn hình) để xây bố cục đáp ứng, vì vậy trang này hiển thị cả hai giá trị cạnh nhau.

Độ phân giải vật lý được tính bằng cách nhân độ phân giải CSS với tỷ lệ pixel thiết bị rồi làm tròn thành pixel nguyên. Hai yếu tố khiến đây là con số ước tính: thu phóng trình duyệt làm thay đổi DPR báo cáo — ở mức thu phóng 110%, DPR 2 được báo thành 2,2 — và một số trình duyệt tự làm tròn kích thước màn hình. Ước tính này chính xác khi thu phóng trình duyệt ở mức 100%, nên chúng tôi khuyên đặt lại thu phóng (Ctrl/Cmd + 0) nếu bạn cần số đo chính xác.

Vùng khả dụng là phần màn hình không bị các thành phần cố định của hệ điều hành chiếm chỗ như thanh tác vụ Windows, Dock của macOS hay thanh hệ thống trên thiết bị di động. Một màn hình 1920 × 1080 với thanh tác vụ Windows mặc định báo chiều cao khả dụng 1040 pixel hoặc ít hơn. Các ứng dụng — kể cả cửa sổ trình duyệt phóng to — được bố trí trong vùng khả dụng, nên đây thường là con số thực tế hơn khi bạn tính xem cửa sổ phóng to thực sự được bao nhiêu chỗ.

Mở trang này và đọc ước tính độ phân giải vật lý — khi thu phóng trình duyệt ở mức 100%, con số này khớp với độ phân giải gốc của tấm nền, vì thu phóng không thể thay đổi số pixel mà phần cứng hiển thị. Bạn cũng có thể đối chiếu trong hệ điều hành: trên Windows, vào Settings › System › Display và xem Display resolution (mục được đề xuất chính là độ phân giải gốc); trên macOS, mở System Settings › Displays — tùy chọn "Default for display" thường dùng độ phân giải gốc kèm thu phóng để đạt độ sắc nét.

Có. Công cụ chỉ dùng các giao diện chuẩn của trình duyệt, nên chạy được trên trình duyệt Android và iOS cũng như trên máy tính. Trên di động, độ phân giải màn hình báo cáo thường là độ phân giải logic (CSS) của thiết bị — ví dụ 393 × 851 trên nhiều điện thoại Android — trong khi ước tính độ phân giải vật lý phản ánh tấm nền thật. Xoay thiết bị và bạn sẽ thấy hướng, tỷ lệ khung hình cùng cả hai chiều hoán đổi theo thời gian thực. Vùng khả dụng trên di động đã trừ thanh trạng thái và thanh điều hướng của hệ thống.

Có — hoàn toàn. Không mất phí, không đăng ký, không tải xuống và không giới hạn số lần kiểm tra. Mọi phép đo diễn ra cục bộ trong trình duyệt của bạn: trang đọc màn hình, cửa sổ và cài đặt hiển thị rồi hiển thị chúng trên màn hình. Không có dữ liệu màn hình, dấu vân tay thiết bị hay thống kê sử dụng nào được gửi lên máy chủ, và không có gì được lưu sau khi bạn đóng thẻ. Bạn thậm chí có thể dùng ngoại tuyến sau khi trang đã tải xong.

Thẻ cập nhật trực tiếp theo thiết kế. Thay đổi kích thước cửa sổ làm đổi viewport; thu phóng làm đổi tỷ lệ pixel thiết bị nên đổi luôn ước tính vật lý; xoay điện thoại hoán đổi chiều rộng và chiều cao; chuyển cửa sổ sang màn hình thứ hai sẽ đo lại màn hình mà nó đến. Nếu các con số thay đổi mà bạn không thao tác gì, nguyên nhân là một sự kiện bên ngoài — ví dụ màn hình chuyển sang chế độ ngủ, laptop đang gắn đế chuyển cổng xuất hình, hoặc hệ điều hành tự đổi mức thu phóng để hỗ trợ trợ năng.

Không có một câu trả lời tốt nhất duy nhất, vì độ phân giải phù hợp phụ thuộc kích thước tấm nền và khoảng cách nhìn. Theo hướng dẫn thực tế, 1920 × 1080 vẫn là độ phân giải máy tính để bàn được dùng rộng rãi nhất, 2560 × 1440 hợp với màn hình 27 inch trở lên, còn 3840 × 2160 thích hợp cho màn hình 32 inch trở lên, nơi mật độ điểm ảnh cao hơn thực sự phát huy tác dụng. Trên laptop, tấm nền mật độ cao kết hợp thu phóng của hệ điều hành thường cho chữ sắc nét hơn tấm nền độ phân giải thấp ở mức 100%.

Độ phân giải đếm số pixel; kích thước đo tấm nền theo đường chéo bằng inch. Hai yếu tố độc lập: màn hình 24 inch và màn hình 32 inch đều có thể là 1920 × 1080, nhưng chiếc nhỏ hơn sẽ trông sắc nét hơn vì cùng số pixel được dồn vào diện tích ít hơn. Mật độ đó gọi là pixel trên inch, và chính nó quyết định chữ trông rõ đến đâu — vì vậy tấm nền laptop độ phân giải cao thường trông đẹp hơn màn hình để bàn lớn độ phân giải thấp.