Chuyển đến nội dung
SPCXTools

Độ phân giải màn hình

Xem ngay độ phân giải màn hình, kích thước viewport của trình duyệt, tỷ lệ pixel và các chi tiết hiển thị khác.

Chạy cục bộ — tệp không bao giờ rời khỏi thiết bị của bạn

Đang tải công cụ…

Cách sử dụng Độ phân giải màn hình

  1. 1Mở trang — độ phân giải màn hình của bạn sẽ hiển thị ngay ở trên cùng.
  2. 2Kiểm tra các chi tiết bên dưới — độ phân giải CSS, tỷ lệ pixel thiết bị, kích thước viewport, tỷ lệ khung hình, độ sâu màu và hơn thế nữa.
  3. 3Thay đổi kích thước cửa sổ trình duyệt hoặc xoay thiết bị của bạn; các giá trị sẽ cập nhật trực tiếp.
  4. 4Nhấp vào Sao chép để chia sẻ tất cả chi tiết, ví dụ như trong báo cáo lỗi.

Độ phân giải màn hình của tôi là bao nhiêu?

Độ phân giải màn hình là số điểm ảnh (pixel) hiển thị theo chiều ngang và chiều dọc, ví dụ 1920 × 1080. Công cụ này giúp kiểm tra nhanh độ phân giải cùng các thông số chi tiết mà nhà thiết kế web, lập trình viên và nhân viên hỗ trợ thường dùng: độ phân giải CSS, tỷ lệ pixel thiết bị, kích thước viewport của trình duyệt, không gian màn hình khả dụng, tỷ lệ khung hình, độ sâu màu, dải màu và hỗ trợ HDR. Mọi dữ liệu đều được đọc trực tiếp trên trình duyệt của bạn.

Ý nghĩa các thông số

Độ phân giải vật lý là số điểm ảnh thực tế trên tấm nền màn hình (trong hầu hết các trường hợp). Đây là thông số được các nhà sản xuất quảng cáo, ví dụ 2560 × 1440.

Pixel CSS là đơn vị logic mà các trang web sử dụng. Khi hệ thống của bạn thu phóng màn hình — ví dụ 200% trên màn hình Retina — một pixel CSS sẽ bao phủ nhiều điểm ảnh vật lý, giúp văn bản giữ nguyên kích thước dễ đọc nhưng trông sắc nét hơn.

Tỷ lệ pixel thiết bị (DPR) kết nối hai thông số này: điểm ảnh vật lý = pixel CSS × DPR.

Viewport là vùng hiển thị trang web trên trình duyệt. Kích thước này thay đổi mỗi khi bạn thay đổi kích thước cửa sổ, mở công cụ dành cho nhà phát triển hoặc hiện thanh dấu trang.

Các độ phân giải màn hình phổ biến

Tên gọi Độ phân giải Tỷ lệ khung hình
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (siêu rộng) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

Ai cần thông tin này

Nhà thiết kế và lập trình viên web kiểm tra giao diện responsive theo kích thước viewport và tỷ lệ pixel thực tế, đồng thời cần các thông số này để tái hiện lỗi do người dùng báo cáo.

Đội ngũ hỗ trợ và IT thường yêu cầu thông số màn hình khi khắc phục sự cố hiển thị hoặc lỗi giao diện — hãy dùng nút Sao chép để gửi toàn bộ thông tin cùng lúc.

Game thủ và nhà sáng tạo nội dung muốn đảm bảo màn hình mới đang chạy đúng độ phân giải gốc thay vì bị thu phóng hoặc hiển thị ở chế độ thấp hơn.

Bất kỳ ai tìm mua hình nền, chụp ảnh màn hình hoặc làm slide thuyết trình đều có thể chọn ảnh khớp chính xác với kích thước màn hình để có chất lượng sắc nét nhất.

Kiểm tra tốc độ làm mới của màn hình với Kiểm tra tần số quét, hoặc tìm các điểm ảnh lỗi với Kiểm tra điểm chết.

Câu hỏi thường gặp

Tại sao độ phân giải lại khác với thông số màn hình của tôi?
Hệ điều hành thường thu phóng giao diện. Màn hình 3840 × 2160 (4K) với mức thu phóng 150% sẽ báo độ phân giải "CSS" là 2560 × 1440 cho các trang web, cùng tỷ lệ pixel thiết bị là 1.5. Độ phân giải màn hình ở trên cùng sẽ nhân các chỉ số này để trả về số pixel vật lý. Mức thu phóng của trình duyệt cũng làm thay đổi tỷ lệ pixel, vì vậy hãy đặt lại mức thu phóng về 100% (Ctrl/Cmd + 0) để có kết quả chính xác nhất.
Tỷ lệ pixel thiết bị (DPR) là gì?
DPR là số pixel vật lý trên mỗi pixel CSS. Màn hình tiêu chuẩn có DPR là 1; máy Mac Retina và hầu hết điện thoại có DPR là 2 hoặc 3. Màn hình có DPR cao hiển thị văn bản và hình ảnh sắc nét hơn do mỗi pixel CSS được tạo thành từ nhiều pixel vật lý.
Viewport là gì và tại sao thông số này lại quan trọng?
Viewport là vùng hiển thị trang web bên trong cửa sổ trình duyệt, không bao gồm thanh công cụ và tab. Các nhà thiết kế web sử dụng thông số này — thay vì kích thước toàn màn hình — để thiết kế giao diện đáp ứng (responsive). Do đó, đây là con số hữu ích nhất để đánh giá cách một trang web hiển thị trên thiết bị của bạn.
Kích thước màn hình "khả dụng" nghĩa là gì?
Đây là diện tích màn hình trừ đi các thành phần cố định của hệ điều hành như thanh taskbar của Windows hoặc thanh menu và Dock của macOS — tức là kích thước lớn nhất của một cửa sổ mà không đè lên các thành phần này.
Thông số HDR và dải màu hiển thị có chính xác không?
Kết quả này phản ánh những gì trình duyệt báo cáo thông qua CSS media queries. HDR sẽ hiển thị là có hỗ trợ khi màn hình và hệ điều hành đang ở chế độ HDR; dải màu rộng (Display P3) rất phổ biến trên các thiết bị Apple cũng như điện thoại và màn hình đời mới.