Έλεγχος ανάλυσης οθόνης

Πώς να χρησιμοποιήσετε το εργαλείο

1. Ανοίξτε τη σελίδα: κάθε τιμή εμφανίζεται αμέσως, διαβασμένη από το πρόγραμμα περιήγησής σας.
2. Αλλάξτε το μέγεθος του παραθύρου, περιστρέψτε το κινητό ή το tablet ή σύρετε το παράθυρο σε άλλη οθόνη. Οι τιμές ενημερώνονται ζωντανά.
3. Πατήστε Αντιγραφή ως κείμενο για να αντιγράψετε όλες τις τιμές ως λίστα απλού κειμένου, χρήσιμη για αναφορά σφάλματος ή αίτημα υποστήριξης.

Τι σημαίνει κάθε τιμή

Η Ανάλυση οθόνης (pixel CSS) είναι το μέγεθος ολόκληρης της οθόνης όπως το βλέπουν οι ιστοσελίδες. Σε μια στάνταρ οθόνη με κλιμάκωση 100 % ταιριάζει με την πραγματική ανάλυσή της. Σε οθόνες υψηλής πυκνότητας είναι μικρότερη: ένα laptop με πάνελ 2880 × 1800 και κλιμάκωση 200 % αναφέρει 1440 × 900.

Τα Φυσικά pixel (εκτίμηση) είναι η ανάλυση οθόνης πολλαπλασιασμένη με τον λόγο pixel συσκευής. Συνήθως είναι η εγγενής ανάλυση του πάνελ και το εργαλείο ονομάζει τις συνηθισμένες, όπως Full HD (1080p), QHD (1440p) ή 4K UHD.

Ο Λόγος pixel συσκευής είναι πόσα φυσικά pixel αποτελούν ένα pixel CSS. Η τιμή 1 είναι μια κλασική οθόνη, η 1,25 ή η 1,5 είναι συνηθισμένες σε laptop με Windows και κλιμάκωση οθόνης, η 2 είναι τυπική για Mac Retina και η 3 για πολλά κινητά. Το ζουμ του προγράμματος περιήγησης τον αλλάζει επίσης.

Το Viewport (περιοχή σελίδας) είναι το τμήμα του παραθύρου όπου σχεδιάζεται η σελίδα, χωρίς τις γραμμές εργαλείων και τις καρτέλες. Αυτό είναι το μέγεθος που στοχεύουν οι σχεδιαστές ιστοσελίδων με responsive διατάξεις και media queries.

Η Διαθέσιμη οθόνη είναι η οθόνη χωρίς τις μόνιμες περιοχές του συστήματος, όπως η γραμμή εργασιών των Windows ή η γραμμή μενού και το Dock του macOS. Το Παράθυρο προγράμματος περιήγησης είναι το εξωτερικό μέγεθος του παραθύρου, μαζί με το πλαίσιο και τις γραμμές εργαλείων του.

Ο Λόγος διαστάσεων είναι το σχήμα της οθόνης, όπως 16:9, 16:10 ή 21:9 ultrawide. Ο Προσανατολισμός λέει αν η οθόνη είναι οριζόντια ή κατακόρυφη, με τη γωνία περιστροφής όταν την αναφέρει το πρόγραμμα περιήγησης.

Το Βάθος χρώματος είναι ο αριθμός bit ανά pixel: 24 bit σημαίνει 8 bit ανά κανάλι και 30 bit σημαίνει 10 bit ανά κανάλι. Η Γκάμα χρωμάτων δείχνει το ευρύτερο φάσμα που δηλώνει το πρόγραμμα περιήγησης ότι καλύπτει η οθόνη: sRGB, Display P3 ή Rec. 2020. Η Οθόνη HDR λέει αν το πρόγραμμα περιήγησης αναφέρει οθόνη υψηλού δυναμικού εύρους. Το Ζουμ με τσίμπημα δείχνει το επίπεδο ζουμ όταν κάνετε ζουμ με τσίμπημα σε οθόνη αφής.

Γιατί οι αριθμοί μπορεί να σας εκπλήξουν

Οι ιστοσελίδες δεν βλέπουν ποτέ απευθείας το πραγματικό υλικό. Τα λειτουργικά συστήματα κλιμακώνουν τα πάντα ώστε το κείμενο να παραμένει ευανάγνωστο σε πυκνές οθόνες, οπότε μια οθόνη 4K με κλιμάκωση 150 % μοιάζει στο πρόγραμμα περιήγησης με οθόνη 2560 × 1440. Η γραμμή Φυσικά pixel (εκτίμηση) αντιστρέφει αυτόν τον υπολογισμό. Είναι ακριβής με ζουμ 100 % στο πρόγραμμα περιήγησης, αλλά τα προγράμματα χειρίζονται διαφορετικά το ζουμ, γι’ αυτό επαναφέρετε το ζουμ με Ctrl+0 ή Cmd+0 πριν το εμπιστευτείτε. Στα κινητά, το αποτέλεσμα μπορεί να διαφέρει λίγα pixel από τη διαφημιζόμενη ανάλυση λόγω στρογγυλοποίησης.

Αν χρησιμοποιείτε πολλές οθόνες, οι τιμές περιγράφουν εκείνη στην οποία βρίσκεται αυτή τη στιγμή το παράθυρο του προγράμματος περιήγησης.