Gejala mana yang harus Anda bandingkan terlebih dahulu?
Tonton dimensi area pandang, perilaku layar penuh, penskalaan, visibilitas warna, petunjuk gerakan, dan perbedaan antara tampilan internal dan eksternal.
Tampilan
Tes Monitor Online
Pantau dan tampilkan pengujian untuk resolusi yang terlihat di browser, kecepatan refresh, rasio piksel, ukuran area pandang, dan pola pengujian layar dasar.
Tes Monitor – Resolusi, Kecepatan Refresh dan Pola Layar | ApexCheck
CSS × DPR
Tes Resolusi
Gunakan nilai yang terlihat di browser ini untuk mengonfirmasi ukuran area pandang, ukuran layar yang dilaporkan ke halaman, rasio piksel perangkat, dan orientasi panel sebelum pengujian lebih dalam.
CSS area pandang0 × 0
Resolusi Saat Ini · CSS × DPR0 × 0
Ukuran layar API0 × 0
Rasio Aspek
Rasio piksel perangkat
Orientasi
Tes Piksel Mati
Tes Piksel Mati
Pilih warna dan masuk ke layar penuh. Periksa dengan cermat seluruh tampilan apakah ada piksel terang atau gelap yang macet.
Setiap blok harus berbeda, dari hitam murni, abu-abu netral, hingga putih.
Tes Piksel Mati#0000000 × 0 · —
requestAnimationFrame
Estimasi kecepatan penyegaran
Contoh bingkai animasi di browser untuk memperkirakan kecepatan refresh tampilan yang dilihat oleh tab ini.
Perkiraan terbaru
Kurva interval bingkai—
Interval median—Jitter—Sampel0
Perkiraan ini mencerminkan waktu animasi browser, bukan spesifikasi panel yang dijamin. Jalankan beberapa kali dan bandingkan polanya alih-alih mempercayai satu angka.
Mulailah dengan apa yang bisa dibaca browser
Gunakan halaman ini sebagai pemeriksaan tampilan pertama: konfirmasi ukuran area pandang CSS, ukuran layar API, rasio piksel perangkat, orientasi, kedalaman warna, dan perkiraan kecepatan penyegaran. Jika Anda perlu memeriksa masalah titik terang, titik gelap, garis melintang, atau skala abu-abu yang telah diperbaiki, beralihlah ke pengujian layar penuh terfokus.
Apa yang dapat ditampilkan halaman tersebut
- CSS ukuran area pandang dan ukuran layar yang dilaporkan oleh browser.
- Rasio piksel perangkat, orientasi, dan kedalaman warna.
- Perkiraan kecepatan refresh berdasarkan bingkai animasi browser.
- Warna solid layar penuh untuk lintasan pertama pada piksel terang, gelap, atau macet.
- Pola warna dan skala abu-abu untuk garis melintang, kliping, atau rendering yang tidak rata.
Pantau informasi dan uji urutan pemeriksaan pola
- Periksa ukuran layar, ukuran area pandang, dan rasio piksel perangkat terhadap penskalaan sistem operasi Anda.
- Jalankan perkiraan kecepatan refresh beberapa kali dan bandingkan dengan pengaturan sistem.
- Gunakan warna solid layar penuh untuk mencari piksel tetap terang, gelap, atau macet.
- Periksa skala abu-abu, gradien, dan pola untuk mengetahui adanya garis melintang, kedipan, atau warna tidak rata.
- Jika ada angka yang salah, bandingkan hasilnya dengan pengaturan GPU, kabel, port, dock, dan akselerasi perangkat keras browser.
Batas membaca browser
Halaman ini menggunakan nilai Layar API, rendering CSS, dan pengaturan waktu animasi browser. Zoom browser, penskalaan sistem operasi, penghematan daya, driver GPU, beberapa monitor, dan apakah tab aktif semuanya dapat mengubah hasilnya. Itu tidak dapat menggantikan colorimeter, pengukur kecerahan, osiloskop, atau utilitas diagnostik pabrikan.
Ketika halaman ini membantu
- Monitor baru memerlukan resolusi cepat dan pemeriksaan penyegaran sebelum jendela pengembalian ditutup.
- HDMI, DisplayPort, dok, atau adaptor diubah dan browser mungkin melihat ukuran yang salah.
- Anda mencurigai adanya titik terang, titik gelap, atau piksel macet dan perlu membuka jalur warna layar penuh.
- Gradien terlihat berundak, pemandangan gelap merusak detail, atau skala abu-abu terlihat tidak rata.
Masalah tampilan yang tidak dapat dibuktikan oleh browser
- Tidak dapat mensertifikasi keakuratan warna profesional.
- Tidak dapat mengukur kecerahan, kontras, gamma, atau keseragaman panel dengan presisi laboratorium.
- Ini tidak dapat menggantikan colorimeter, osiloskop, atau utilitas diagnostik pabrikan.
- Waktu browser dapat berbeda dari utilitas tampilan tingkat OS ketika tab berada di latar belakang, penghemat baterai aktif, atau beberapa monitor disegarkan dengan kecepatan berbeda.
- Cacat visual harus dikonfirmasi dalam mode layar penuh, di bawah pencahayaan ruangan yang stabil, dan pada lebih dari satu warna atau pola.
Alur kerja yang disarankan
- Konfirmasikan area pandang, ukuran layar, orientasi, dan rasio piksel perangkat.
- Jalankan perkiraan kecepatan refresh beberapa kali dan bandingkan hasilnya.
- Buka Tes Piksel Mati untuk pemeriksaan cacat layar penuh.
- Buka Tes Warna & Gradien Layar untuk masalah garis melintang atau skala abu-abu.
- Bandingkan hasil browser dengan pengaturan OS atau GPU sebelum mengubah perangkat keras.
Apa yang bisa ditunjukkannya
- CSS ukuran area pandang dan ukuran layar yang terlihat oleh browser.
- Rasio piksel perangkat, orientasi, dan kedalaman warna yang dilaporkan oleh browser.
- Perkiraan kecepatan refresh berbasis browser yang dapat mengungkapkan ketidakcocokan atau pembatasan yang jelas.
- Tautan cepat ke halaman piksel mati dan pola warna khusus.
- Alur kerja berulang untuk memeriksa monitor yang sama sebelum dan sesudah mengganti kabel, penskalaan, pengaturan penyegaran, atau akselerasi perangkat keras browser.
Tes tampilan terfokus
Gunakan alat yang tepat untuk gejala yang tepat. Piksel mati dan reproduksi warna memerlukan tampilan layar penuh khusus, bukan halaman ringkasan umum.
Tes Piksel Mati
Ganti warna solid dalam mode layar penuh untuk menemukan piksel gelap, terang, atau macet di seluruh panel.
Buka tes piksel mati
Tes Warna & Gradien Layar
Periksa kemiringan skala abu-abu, gradien, dan bagan pola untuk menemukan garis melintang, kliping, atau rendering warna yang tidak merata.
Tes warna terbuka
Resolusi, kecepatan refresh, dan pertanyaan penskalaan
T: Mengapa perkiraan penyegaran berbeda dengan pengaturan sistem?
J: Jaga agar tab tetap fokus, jalankan beberapa lintasan, dan periksa penghematan daya, akselerasi perangkat keras, kecepatan refresh multi-monitor, kabel, dan dok.
T: Apakah halaman ini dapat menilai keakuratan warna?
J: Tidak. Ini menampilkan pola yang terlihat untuk masalah yang jelas, namun akurasi warna memerlukan colorimeter dan pencahayaan yang terkontrol.
T: Berapa lama saya harus memeriksa setiap warna solid?
J: Sepuluh hingga lima belas detik per warna biasanya cukup untuk lintasan pertama. Konfirmasikan titik mencurigakan pada beberapa warna.
T: Apakah dapat menguji beberapa monitor sekaligus?
J: Halaman web biasanya melihat lingkungan jendela browser saat ini. Pindahkan jendela ke setiap tampilan dan uji secara terpisah.
Jangan perlakukan ini sebagai sertifikat kalibrasi
Browser dapat memperkirakan perilaku penyegaran dan membaca metrik layar, namun tidak dapat memverifikasi kecerahan, kontras, gamma, atau akurasi warna dengan presisi laboratorium. Gunakan halaman ini untuk mempersempit masalah yang terlihat di browser terlebih dahulu.