Đổi pixel CSS sang pixel thiết bị
Nhân từng chiều CSS với tỷ lệ pixel thiết bị để ra kích thước bộ đệm. Vùng 800 × 600 pixel CSS ở tỷ lệ 2 cần 1.600 × 1.200 pixel thiết bị.
Công thức & phương pháp
Backing width = ceil(CSS width × DPR); backing height = ceil(CSS height × DPR).Ví dụ tính toán
| Đầu vào | Giá trị |
|---|---|
| Chiều rộng CSS | 800 CSS px |
| Chiều cao CSS | 600 CSS px |
| Tỷ lệ pixel thiết bị | 2 × |
| Kết quả | Giá trị |
|---|---|
| Chiều rộng bộ đệm làm tròn lên | 1.600 px |
| Chiều cao bộ đệm làm tròn lên | 1.200 px |
| Tổng pixel bộ đệm | 1.920.000 |
So sánh các tình huống
Đầu vào đầu tiên thay đổi, các đầu vào ví dụ còn lại giữ nguyên. Đây là các tình huống tính toán, không phải dự báo.
| So sánh các tình huống | Chiều rộng CSS CSS px | Chiều rộng bộ đệm làm tròn lên | Chiều cao bộ đệm làm tròn lên | Tổng pixel bộ đệm |
|---|---|---|---|---|
| −20% | 640 | 1.280 px | 1.200 px | 1.536.000 |
| Ví dụ | 800 | 1.600 px | 1.200 px | 1.920.000 |
| +20% | 960 | 1.920 px | 1.200 px | 2.304.000 |
Giả định & giới hạn
Làm tròn lên từng chiều để không cấp phát pixel lẻ. Tỷ lệ nhập thủ công; công cụ không đọc màn hình. Trình duyệt, zoom và cách dựng ảnh có thể ảnh hưởng hiển thị.
Kết quả hiển thị đã được làm tròn. Phép tính dùng số JavaScript chưa làm tròn nên có thể xuất hiện sai khác nhỏ do số dấu phẩy động.
Chạy ngay trong trình duyệt
Công cụ tương tác chạy trong môi trường cô lập bị chặn truy cập mạng. ClearByte và mã quảng cáo không thể đọc các giá trị bên trong. Tiện ích trình duyệt và thiết bị bị xâm nhập nằm ngoài phạm vi bảo vệ này.
Nguồn & định nghĩa
Ngày kiểm tra phương pháp:
Tìm hiểu thêm
Tiếp tục với tác vụ liên quan
Tính bộ nhớ ảnh thô
Byte ảnh thô = rộng × cao × số kênh × byte mỗi kênh. Bộ đệm 1.920 × 1.080, bốn kênh một byte chiếm 8.294.400 byte trước chi phí phụ.
Tính chiều cao theo tỷ lệ khung hình
Chiều cao = chiều rộng × phần cao của tỷ lệ ÷ phần rộng của tỷ lệ. Với 16:9, rộng 1.920 pixel cho cao 1.080 pixel.
Tính mật độ điểm ảnh màn hình
Mật độ = số pixel đường chéo ÷ kích thước đường chéo màn hình tính bằng inch. Pixel đường chéo = căn bậc hai của rộng² + cao².
Tính phần trăm
Tính phần trăm của giá trị gốc và kết quả sau khi cộng hoặc trừ tỷ lệ đó. Chỉ nhập gốc âm khi phù hợp với bài toán.