Μετατρέψτε στιγμές (pt) σε pixel (px)

Τελευταίος έλεγχος περιεχομένου:

12 pt είναι 16 px. Μια ίντσα έχει 72 στιγμές και 96 pixel της CSS, οπότε αρκεί να πολλαπλασιάσετε τις στιγμές επί 4/3. Κείμενο 11 στιγμών στο Word αντιστοιχεί σε 14,67 px σε ιστοσελίδα και τίτλος 18 στιγμών σε 24 px. Γράψτε τις στιγμές στο πρώτο πεδίο και τα pixel εμφανίζονται δίπλα.

pt
px
σε

Τι είναι η στιγμή (pt) και το pixel (px);

Η στιγμή (pt) είναι η τυπογραφική μονάδα με την οποία μετράμε το μέγεθος των γραμμάτων. Τα περισσότερα προγράμματα σήμερα μετρούν με τη στιγμή DTP, που ισούται με 1/72 της ίντσας, περίπου 0,3528 mm[1], και με τον ίδιο τρόπο την ορίζει και η CSS[2]. Στη μεταλλική στοιχειοθεσία της ηπειρωτικής Ευρώπης χρησιμοποιούνταν η στιγμή Didot, περίπου 0,376 mm[1].

Το pixel, ή εικονοστοιχείο, είναι ένα «σημείο» μιας εικόνας που εμφανίζεται στην οθόνη ενός υπολογιστικού συστήματος[3]. Στην CSS το pixel είναι επίσης μονάδα μήκους και ισούται με 1/96 της ίντσας[2]. Αφού μια ίντσα χωράει 72 στιγμές και 96 pixel, το ίδιο μήκος σε pixel δίνει αριθμό 4/3 φορές μεγαλύτερο από ό,τι σε στιγμές.

Ξύλινα τυπογραφικά στοιχεία σκορπισμένα σε θήκη με χωρίσματα
Ξύλινα τυπογραφικά στοιχεία σε θήκη με χωρίσματα. Τα γράμματα είναι σκαλισμένα ανάποδα, ώστε να τυπώνονται σωστά στο χαρτί, και ο φωτογράφος τα περιγράφει ως ελληνικά. Στη μεταλλική στοιχειοθεσία το μέγεθος σε στιγμές μετρούσε το ύψος του μεταλλικού σώματος πάνω στο οποίο χυνόταν το γράμμα[1]. Φωτογραφία: Taso Katsionis, Unsplash.

Πόσα pixel είναι 12 στιγμές;

12 στιγμές είναι 16 pixel. Για να βρείτε τα pixel, πολλαπλασιάστε τις στιγμές επί 96 και διαιρέστε με 72, δηλαδή πολλαπλασιάστε επί 4/3. 18 στιγμές είναι 24 pixel και 72 στιγμές, ακριβώς μία ίντσα, είναι 96 pixel. Στο χαρτί, 12 στιγμές αντιστοιχούν σε 4,23 mm.

Η αντιστοιχία προκύπτει από το πρότυπο της CSS, που ορίζει την ίντσα ίση με 96 pixel και τη στιγμή ίση με 1/72 της ίντσας[2]. Γι’ αυτό κείμενο με font-size: 12pt και κείμενο με font-size: 16px έχουν το ίδιο μέγεθος σε κάθε περιηγητή. Τα 16 pixel είναι συνηθισμένο προεπιλεγμένο μέγεθος γραμματοσειράς στους περιηγητές[4]. Όταν μεταφέρετε μέγεθος γραμματοσειράς από έγγραφο Word σε ιστοσελίδα, μετατρέψτε πρώτα τις στιγμές σε pixel.

Όταν γράφετε το αποτέλεσμα σε αρχείο CSS, προσέξτε την υποδιαστολή. Στα ελληνικά η υποδιαστολή είναι κόμμα και 14 στιγμές κάνουν 18,67 pixel, όμως η CSS δέχεται μόνο τελεία[2], οπότε στο αρχείο πρέπει να γράψετε 18.67px. Γι’ αυτό το κουμπί «Αντιγραφή αποτελέσματος» αντιγράφει τον αριθμό με τελεία και χωρίς μονάδα.

Πώς μετατρέπονται οι στιγμές σε pixel;

Ο τύπος είναι px = pt × 96 ÷ 72, δηλαδή πολλαπλασιασμός επί 4/3. 9 στιγμές είναι 12 pixel, 24 στιγμές 32 pixel και 36 στιγμές 48 pixel. Τα πολλαπλάσια του 3 δίνουν ακέραια pixel και οι υπόλοιπες τιμές δεκαδικά: 10 στιγμές είναι 13,33 pixel και 11 στιγμές 14,67 pixel.

Ο ίδιος τύπος ισχύει για το πάχος των γραμμών: 0,75 στιγμές είναι ακριβώς ένα pixel και 1,5 στιγμές δύο pixel. Για τον αντίστροφο υπολογισμό χρησιμοποιήστε τον μετατροπέα px σε pt, όπου τα pixel πολλαπλασιάζονται επί 0,75. Την πίκα, που ισούται με 12 στιγμές, τη μετατρέπει ο μετατροπέας πικών σε px και το rem, που εξαρτάται από το μέγεθος γραμματοσειράς του περιηγητή, ο μετατροπέας rem σε px.

Ο αριθμός 96 προέρχεται από τα Windows. Η Microsoft υπολόγισε ότι η οθόνη βρίσκεται περίπου κατά ένα τρίτο πιο μακριά από τα μάτια απ’ ό,τι ένα φύλλο χαρτί στο χέρι, και αποφάσισε να δηλώνει την ανάλυση οθονών γύρω στα 72 PPI ως 96 PPI[5]. Και το πρότυπο της CSS ορίζει ως pixel αναφοράς το pixel μιας οθόνης 96 dpi που τη βλέπουμε από απόσταση τεντωμένου χεριού[2].

Γερμανικό δείγμα γραμματοσειράς με την ίδια γραμματοσειρά σε μεγέθη από 4 έως 20 Punkte
Σε αυτό το γερμανικό δείγμα η ίδια γραμματοσειρά στοιχειοθετείται σε μεγέθη από 4 έως 20 Punkte. Στη Γερμανία καθιερώθηκε η στιγμή Didot, περίπου 0,376 mm[1]. Αν τα 12 Punkte του δείγματος είναι στιγμές Didot, το μέγεθος είναι περίπου 4,51 mm, λίγο μεγαλύτερο από τις 12 στιγμές αυτού του μετατροπέα (4,23 mm). Φωτογραφία: κοινό κτήμα.

Πόσα pixel είναι κάθε μέγεθος γραμματοσειράς;

Ο πίνακας δείχνει 30 μεγέθη από 6 έως 96 στιγμές, σε pixel στα 96 DPI και σε χιλιοστά στο χαρτί. Επισημαίνονται οι 12 στιγμές, οι 18 στιγμές, από τις οποίες οι οδηγίες WCAG θεωρούν το κείμενο «μεγάλου μεγέθους» (ή από τις 14 στιγμές, αν είναι έντονο)[6], και οι 72 στιγμές, ακριβώς μία ίντσα.
Μέγεθος γραμματοσειράςPixel (96 DPI)Χιλιοστά
6 pt8 px2,117 mm
7 pt9,33 px2,469 mm
8 pt10,67 px2,822 mm
9 pt12 px3,175 mm
10 pt13,33 px3,528 mm
10,5 pt14 px3,704 mm
11 pt14,67 px3,881 mm
12 pt16 px4,233 mm
13 pt17,33 px4,586 mm
14 pt18,67 px4,939 mm
15 pt20 px5,292 mm
16 pt21,33 px5,644 mm
18 pt24 px6,350 mm
20 pt26,67 px7,056 mm
21 pt28 px7,408 mm
22 pt29,33 px7,761 mm
24 pt32 px8,467 mm
26 pt34,67 px9,172 mm
28 pt37,33 px9,878 mm
30 pt40 px10,583 mm
32 pt42,67 px11,289 mm
34 pt45,33 px11,994 mm
36 pt48 px12,700 mm
40 pt53,33 px14,111 mm
44 pt58,67 px15,522 mm
48 pt64 px16,933 mm
54 pt72 px19,050 mm
60 pt80 px21,167 mm
72 pt96 px25,400 mm
96 pt128 px33,867 mm
Η στήλη των pixel υπολογίστηκε όπως στον μετατροπέα και δίνεται με δύο δεκαδικά. Τα χιλιοστά υπολογίστηκαν με 1 στιγμή = 25,4/72 mm.

Πόσα pixel είναι το πάχος μιας γραμμής;

Στα προγράμματα σελιδοποίησης και το πάχος των γραμμών και των περιγραμμάτων δίνεται σε στιγμές. Το εύρος του είναι πολύ μικρότερο από των μεγεθών γραμματοσειράς, γι’ αυτό το συγκεντρώσαμε σε ξεχωριστό πίνακα. Η γραμμή 0,75 στιγμών είναι ακριβώς ένα pixel, όσο το border: 1px σε αρχείο CSS.
Πάχος γραμμήςPixel (96 DPI)Χιλιοστά
0,25 pt0,33 px0,088 mm
0,5 pt0,67 px0,176 mm
0,75 pt1 px0,265 mm
1 pt1,33 px0,353 mm
1,5 pt2 px0,529 mm
2 pt2,67 px0,706 mm
3 pt4 px1,058 mm
4 pt5,33 px1,411 mm
5 pt6,67 px1,764 mm
6 pt8 px2,117 mm
8 pt10,67 px2,822 mm
10 pt13,33 px3,528 mm
12 pt16 px4,233 mm
Στην οθόνη, γραμμές 0,5 στιγμών και κάτω δεν φτάνουν ούτε ένα pixel. Η στήλη των pixel δίνεται με δύο δεκαδικά.

Είναι η στιγμή του Word ίδια με τη στιγμή Didot;

Όχι. Η στιγμή Didot της μεταλλικής στοιχειοθεσίας στην ηπειρωτική Ευρώπη είναι περίπου 0,376 mm, ενώ η στιγμή DTP του Word και των περισσότερων προγραμμάτων είναι 0,3528 mm[1]. Στις 12 στιγμές η διαφορά φτάνει τα 0,28 mm, στην οθόνη περίπου ένα pixel. Το TeX και το LaTeX γράφουν «pt» για το 1/72,27 της ίντσας και «bp» για το 1/72[1].
Στιγμή1 στιγμή12 στιγμές12 στιγμές σε pixelΠού τη συναντάτε
Στιγμή DTP (PostScript)0,3528 mm4,233 mm16 pxWord, InDesign, PDF, CSS· η στιγμή αυτού του μετατροπέα
Στιγμή Didot0,3760 mm4,512 mm17,05 pxμεταλλική στοιχειοθεσία στην ηπειρωτική Ευρώπη
Στιγμή TeX0,3515 mm4,218 mm15,94 px«pt» στο TeX και στο LaTeX
Η στήλη των pixel δείχνει κάθε μήκος σε pixel στα 96 DPI. Ο μετατροπέας υπολογίζει με τη στιγμή της πρώτης γραμμής.

Ποιες γραφές δέχεται το πεδίο στιγμών αυτού του μετατροπέα;

Το πεδίο στιγμών δέχεται και υπολογίζει όλες τις γραφές αυτού του πίνακα, οπότε δεν χρειάζεται να διορθώσετε την τιμή πριν την επικολλήσετε. Τιμή από το Word ή από αρχείο CSS μπορείτε να τη γράψετε με τη μονάδα της, με κόμμα ή με τελεία, ακόμη και με ελληνικό πληκτρολόγιο. Τιμή σε άλλη μονάδα, για παράδειγμα σε pixel, το πεδίο τη μετατρέπει πρώτα σε στιγμές και γράφει από κάτω μια γραμμή όπως «Η τιμή που επικολλήθηκε, 16px, αντιστοιχεί σε 12 pt σε αυτό το πεδίο.». Η μεσαία στήλη είναι το αποτέλεσμα που υπολόγισε ο ίδιος ο μετατροπέας.
Τι γράφετε ή επικολλάτεΑποτέλεσμα του μετατροπέαΠώς διαβάζει το πεδίο αυτή τη γραφή
1216 pxΑν γράψετε μόνο αριθμό, το πεδίο τον διαβάζει ως στιγμές.
10,514 pxΌπως στην ελληνική γραφή, το κόμμα είναι υποδιαστολή· το πεδίο υπολογίζει 10,5 στιγμές.
10.514 pxΤην τελεία το πεδίο τη θεωρεί επίσης υποδιαστολή.
1.0001,33 pxΌταν ο αριθμός έχει μία μόνο τελεία, το πεδίο τη διαβάζει πάντα ως υποδιαστολή και υπολογίζει μία στιγμή. Από κάτω εμφανίζεται υπόδειξη· για χίλιες στιγμές γράψτε 1000 ή 1 000.
12 στιγμές16 pxΤο πεδίο αναγνωρίζει τη λέξη «στιγμές» και κρατά τον αριθμό όπως είναι.
12 πτ16 pxΑν γράψετε «pt» χωρίς να αλλάξετε το ελληνικό πληκτρολόγιο, βγαίνει «πτ»· το πεδίο το διαβάζει ως pt.
12pt16 pxΗ συντομογραφία από το Word ή από αρχείο CSS είναι η μονάδα του πεδίου, οπότε η τιμή δεν αλλάζει.
font-size: 16px;16 pxΗ γραμμή από αρχείο CSS είναι σε pixel: η τιμή μετατρέπεται πρώτα σε στιγμές και στο πεδίο μπαίνει 12. Το όνομα της ιδιότητας και το σύμβολο «;» αγνοούνται.
16πχ16 pxΑν γράψετε «px» με ελληνικό πληκτρολόγιο, βγαίνει «πχ»· το πεδίο το διαβάζει ως pixel και μπαίνει 12.
3 χλστ.11,34 pxΤα χιλιοστά με την ελληνική συντομογραφία μετατρέπονται πρώτα σε στιγμές· στο πεδίο μπαίνει 8,503937.
3/41 pxΔεκτό είναι και το κλάσμα: 0,75 στιγμές είναι ακριβώς ένα pixel.
Πριν γράψουμε αυτόν τον πίνακα, δοκιμάσαμε κάθε γραφή στο πραγματικό πεδίο. Τις γραφές που δέχεται το πεδίο των pixel θα τις βρείτε στον πίνακα της σελίδας του μετατροπέα px σε pt.

Πώς αλλάζετε τη μονάδα ανάμεσα σε στιγμές και pixel στα προγράμματα;

  1. Adobe InDesign

    Στα Windows ανοίξτε Edit › Preferences › Units & Increments, στο macOS InDesign › Preferences › Units & Increments, και στα Ruler Units επιλέξτε Pixels για Horizontal και Vertical[7] (ονομασίες από το αγγλικό περιβάλλον). Όποια μονάδα κι αν έχετε επιλέξει, σε κάθε πεδίο μπορείτε να γράψετε τιμή με μονάδα, όπως «6pt», «6ap» ή «5px», και το InDesign τη μετατρέπει στη μονάδα του εγγράφου[7].
  2. Adobe Photoshop

    Στα Windows επιλέξτε Edit › Preferences › Units & Rulers, στο macOS Photoshop › Preferences › Units & Rulers· το ίδιο παράθυρο ανοίγει και με διπλό κλικ στον χάρακα[8] (ονομασίες από το αγγλικό περιβάλλον). Αν στο Point/Pica Size επιλέξετε «PostScript (72 points per inch)», το Photoshop μετρά με την ίδια στιγμή με αυτόν τον μετατροπέα· η επιλογή «Traditional» μετρά 72,27 στιγμές ανά ίντσα[8].
  3. Microsoft Word

    Το Word δείχνει το μέγεθος γραμματοσειράς σε στιγμές, στο πλαίσιο «Μέγεθος γραμματοσειράς» της καρτέλας «Κεντρική»[9]. Για το ίδιο μέγεθος με κείμενο 16 pixel σε ιστοσελίδα γράψτε 12, για 14 pixel γράψτε 10,5· άλλες τιμές τις μετατρέπει ο μετατροπέας px σε pt.
  4. LibreOffice Writer

    Η μονάδα μέτρησης των εγγράφων αλλάζει στο πεδίο «Μονάδα μέτρησης», από Εργαλεία › Επιλογές › LibreOffice Writer › Γενικά και στο macOS από LibreOffice › Προτιμήσεις › LibreOffice Writer › Γενικά[10].

Pixel: μετατροπή από άλλες μονάδες

Πηγές

  1. Point (typography) — Wikipedia (στα αγγλικά)
  2. CSS Values and Units Module Level 4 — W3C (στα αγγλικά)
  3. Εικονοστοιχείο — Βικιπαίδεια
  4. <length> - CSS — MDN Web Docs (στα αγγλικά)
  5. Where does 96 DPI come from in Windows? — Microsoft Learn (στα αγγλικά)
  6. Web Content Accessibility Guidelines (WCAG) 2.2 — W3C (στα αγγλικά)
  7. Rulers and measurement units — Adobe InDesign Help (στα αγγλικά)
  8. Rulers — Adobe Photoshop Help (στα αγγλικά)
  9. Αλλαγή μεγέθους γραμματοσειράς — Υποστήριξη της Microsoft
  10. Γενικά — Βοήθεια LibreOffice
  11. Εκατοστόμετρο — Βικιπαίδεια

Όλες τις τιμές των πινάκων τις υπολογίσαμε από τους ορισμούς των μονάδων και τις ελέγξαμε αριθμητικά πριν από τη δημοσίευση. Τα ιστορικά στοιχεία και οι ονομασίες των τοπικών μονάδων βασίζονται στις πηγές που αναφέρονται παραπάνω.

Τελευταίος έλεγχος περιεχομένου: · συντάχθηκε και ελέγχθηκε από την ομάδα της Arteon

Συχνές ερωτήσεις για τη μετατροπή στιγμών σε pixel

Πόσα pixel είναι 14 στιγμές;

Περίπου 18,67 pixel. 14 × 4/3 = 18,666…, οπότε στο αρχείο CSS μπορείτε να γράψετε 18.67px.

Πόσα χιλιοστά είναι μία στιγμή;

Η στιγμή του Word και της CSS είναι 1/72 της ίντσας, περίπου 0,3528 mm. Η στιγμή Didot είναι περίπου 0,376 mm[1]. Άρα 12 στιγμές στο Word είναι 4,23 mm και 12 στιγμές Didot 4,51 mm.

Γιατί σε ορισμένα κείμενα διαβάζω ότι μία ίντσα έχει 72,27 στιγμές;

Οι 72,27 στιγμές ανά ίντσα είναι η στιγμή του TeX και του LaTeX, που εκεί γράφεται «pt»[1]. Το Word, η CSS και αυτός ο μετατροπέας μετρούν 72 στιγμές ανά ίντσα[2], στιγμή που στο TeX λέγεται «bp». Η διαφορά είναι περίπου 0,4%, στις 12 στιγμές 0,016 mm.

Ένας «πόντος» είναι στιγμή ή εκατοστό;

Εξαρτάται από τα συμφραζόμενα: στην καθημερινή γλώσσα «πόντος» λέγεται το εκατοστό[11], δηλαδή 10 mm, ενώ στην τυπογραφία η στιγμή είναι περίπου 0,35 mm. Επειδή η λέξη σημαίνει δύο πράγματα, ο μετατροπέας δεν τη δέχεται ως μονάδα: αν γράψετε «12 πόντοι», κρατά μόνο τον αριθμό και τον διαβάζει στη μονάδα του πεδίου. Για εκατοστά γράψτε «12 εκ.», και αν χρειάζεστε pixel σε ορισμένη ανάλυση, τα εκατοστά σε pixel τα μετατρέπει ο δικός τους μετατροπέας με πεδίο dpi.

Είναι τα 12 px και τα 12 pt το ίδιο μέγεθος;

Όχι. 12 στιγμές είναι 16 pixel, ενώ 12 pixel είναι 9 στιγμές. Οι στιγμές χρησιμοποιούνται στο Word και στο InDesign, τα pixel στα αρχεία CSS, γι’ αυτό ο ίδιος αριθμός σημαίνει διαφορετικό μέγεθος.

Πόσα pixel είναι 10 στιγμές;

13,33 pixel. Το 10 δεν διαιρείται ακριβώς με το 3, γι’ αυτό το αποτέλεσμα είναι δεκαδικό· η CSS δέχεται και δεκαδικές τιμές.

Πόσα pixel είναι 72 στιγμές;

Ακριβώς 96 pixel, δηλαδή μία ίντσα ή 25,4 mm. Και το πρότυπο της CSS ορίζει την ίντσα ίση με 96 pixel και τη στιγμή ίση με 1/72 της ίντσας[2].

Πόσα pixel είναι μια γραμμή 0,5 στιγμών;

Περίπου 0,67 pixel. Μια γραμμή 0,75 στιγμών είναι ακριβώς ένα pixel και 1,5 στιγμών δύο pixel.

Στιγμιότυπο οθόνης του δωρεάν εργαλείου της Arteon: Μετατρέψτε στιγμές (pt) σε pixel (px)

Βοηθήστε μας να βελτιώσουμε αυτόν τον μετατροπέα

Βρήκατε τιμή για την οποία το πρόγραμμά σας δίνει άλλο αποτέλεσμα ή έχετε μια ιδέα; Γράψτε μας.