Δύο οθόνες ίδιου μεγέθους μπορεί να δείχνουν διαφορετική λεπτομέρεια

Οι φυσικές διαστάσεις και τα εικονοστοιχεία είναι διαφορετικές μετρήσεις.

Η διαγώνιος περιγράφει το φυσικό μέγεθος μιας οθόνης. Η ανάλυση περιγράφει το πλήθος των εικονοστοιχείων. Ο συνδυασμός τους επηρεάζει την πυκνότητα και το πόσο λεπτή μπορεί να φαίνεται η εικόνα.

Στον ιστό, μια μονάδα CSS δεν αντιστοιχεί αναγκαστικά σε ένα μοναδικό φυσικό εικονοστοιχείο της συσκευής. Ο browser συντονίζει τη διάταξη με την πυκνότητα προβολής.

Γι’ αυτό μια εικόνα μπορεί να χρειάζεται μεγαλύτερο αρχείο για καθαρή εμφάνιση στην ίδια οπτική θέση μιας πυκνότερης οθόνης. Η διάταξη παραμένει παρόμοια, αλλά η απόδοση χρησιμοποιεί περισσότερα φυσικά σημεία.

Η διάκριση εξηγεί γιατί δεν συγκρίνουμε οθόνες μόνο από τις ίντσες. Το μέγεθος λέει πόσο χώρο πιάνει η συσκευή, ενώ η πυκνότητα αφορά τη λεπτομέρεια που μπορεί να αποδώσει μέσα σε αυτόν τον χώρο.

Η μεγαλύτερη ανάλυση δεν διορθώνει από μόνη της μικροσκοπικά γράμματα. Η αναγνωσιμότητα χρειάζεται κατάλληλο οπτικό μέγεθος, ακόμη κι όταν οι άκρες των χαρακτήρων αποδίδονται με μεγάλη τεχνική καθαρότητα.

Πηγές: developer.mozilla.org