Μετάβαση στο περιεχόμενο
Ενημέρωση δημιουργίας υπογραφής email – δείτε τις νέες δυνατότητες εργαλεία
Arteon – λογότυπο εταιρείας
#MadeWithNext.js
Arteon logo

Δωρεάν εργαλεία για προγραμματιστές, σχεδιαστές και επαγγελματίες μάρκετινγκ.

Εργαλεία

  • Επεξεργασία εικόνας
  • Δημιουργία favicon
  • Έλεγχος meta τίτλου και περιγραφής
  • Μετρητής λέξεων και χαρακτήρων
  • Γεννήτρια Lorem Ipsum
  • Δημιουργία υπογραφής email
  • Έλεγχος αντίθεσης χρωμάτων
  • Εξαγωγή χρωμάτων από εικόνα
  • Δημιουργία παλέτας χρωμάτων

Εργαλεία

  • Δωρεάν δημιουργία κωδικού QR
  • pt σε px
  • rem σε px
  • em σε px
  • cm σε px
  • mm σε px
  • ίντσες σε px
  • DPI σε PPI
  • HEX σε RGB

Εργαλεία

  • RGB σε HSL
  • RGB σε CMYK
  • bytes σε KB/MB/GB
  • Unix σε ημ/νία
  • DEC σε BIN
  • DEC σε HEX
  • Mbps σε MB/s
  • vw σε px
  • Tailwind CSS σε px

Εργαλεία

  • JPG σε WebP
  • PNG σε WebP
  • WebP σε JPG
  • WebP σε PNG
  • PNG σε JPG
  • JPG σε PNG
  • SVG σε PNG
  • BMP σε JPG
  • JPG σε AVIF

Νομικά έγγραφα

  • Politiki aporritou
  • Oroi chrisis
© 2026 Arteon. Με επιφύλαξη παντός δικαιώματος.#MadeWithNext.js

Em σε px

Αυτός ο μετατροπέας υπολογίζει άμεσα. Εισάγετε μια τιμή και το αποτέλεσμα εμφανίζεται αμέσως.

  1. /Εργαλεία
  2. /em σε px
Loading tool editor...
Em σε px – Arteon

Πότε χρειάζεστε: Em σε px?

Η μονάδα CSS em είναι σχετική με το μέγεθος γραμματοσειράς του γονικού στοιχείου. Με το προεπιλεγμένο μέγεθος 16px: 1em = 16px, 1,5em = 24px, 2em = 32px.

Σε αντίθεση με το rem (σχετικό με το ριζικό στοιχείο), το em σωρεύεται: 1,5em × 1,5em = 2,25× του βασικού μεγέθους.

Όλοι οι υπολογισμοί εκτελούνται τοπικά στον browser σας.

Πώς να χρησιμοποιήσετε τον μετατροπέα;

  1. 1. Εισαγωγή τιμής

    Πληκτρολογήστε έναν αριθμό στο πεδίο εισαγωγής. Μπορείτε να χρησιμοποιήσετε τελεία ή κόμμα.
  2. 2. Ανάγνωση αποτελέσματος

    Το αποτέλεσμα εμφανίζεται αμέσως στο διπλανό πεδίο – χωρίς κλικ.
  3. 3. Αντιγραφή ή αντιστροφή

    Κάντε κλικ στο Αντιγραφή ή χρησιμοποιήστε το κουμπί Αντιστροφή.

Πότε είναι χρήσιμος αυτός ο μετατροπέας;

  1. Τυπογραφία

    Line-height 1,5 em = 150% του μεγέθους γραμματοσειράς του γονικού.
  2. Κουμπιά

    Το padding σε em κλιμακώνεται με το μέγεθος κειμένου του κουμπιού.
  3. Στοιχεία UI

    Διαστάσεις αναλογικές με το κείμενο σε στοιχεία UI.
  4. Web ανάπτυξη

    Τα breakpoints σε em είναι ανθεκτικά σε αλλαγές του βασικού font-size.

Τι κάνει αυτόν τον μετατροπέα ξεχωριστό;

  1. Πλήρης ιδιωτικότητα

    Όλοι οι υπολογισμοί γίνονται τοπικά στον browser σας. Κανένα δεδομένο δεν στέλνεται σε server.
  2. Αποτελέσματα σε πραγματικό χρόνο

    Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε – χωρίς κουμπί.
  3. Αμφίδρομη μετατροπή

    Το κουμπί Αντιστροφή σας επιτρέπει να μετατρέψετε και προς τις δύο κατευθύνσεις.
  4. Πίνακας αναφοράς

    Ένας έτοιμος πίνακας με συχνά μετατρεπόμενες τιμές και περιγραφές.

Πώς λειτουργεί η μετατροπή;

px = em × μέγεθος γραμματοσειράς γονικού. Προεπιλεγμένα, το βασικό μέγεθος γραμματοσειράς του browser είναι 16px.

Το em σωρεύεται στο δέντρο DOM. Αν το body είναι 16px και ένα div είναι 1,5em (24px), μια παράγραφος μέσα σε 1,5em θα είναι 1,5 × 24 = 36px.

Για προβλέψιμη διαστασιολόγηση, χρησιμοποιήστε rem — αναφέρεται πάντα στο ριζικό στοιχείο.

Πρακτικές συμβουλές

  • Προεπιλεγμένη γραμματοσειρά browser: 16px. 1em = 16px, 0,875em = 14px, 1,25em = 20px.
  • Συνηθισμένα μεγέθη επικεφαλίδων: h1 = 2em (32px), h2 = 1,5em (24px), h3 = 1,17em (18,7px).
  • Το padding/margin σε em κλιμακώνεται με το μέγεθος γραμματοσειράς — χρήσιμο για responsive στοιχεία.
  • Κόλπο 62,5%: ορίζοντας html font-size σε 62,5%, το 1em = 10px για ευκολότερους υπολογισμούς.

em vs px vs rem

em vs px vs rem
Ιδιότηταempx
ΑναφοράΜέγεθος γονικούΣταθερό pixel
ΣώρευσηΝαι (εμφωλεύεται)Όχι
ΑνταπόκρισηΝαιΌχι
ΠροσβασιμότηταΣέβεται ρυθμίσεις χρήστηΣταθερό μέγεθος
ΠροβλεψιμότηταΕξαρτάται από το πλαίσιοΠάντα συνεπές

em

  • Αναφορά
    Μέγεθος γονικού
  • Σώρευση
    Ναι (εμφωλεύεται)
  • Ανταπόκριση
    Ναι
  • Προσβασιμότητα
    Σέβεται ρυθμίσεις χρήστη
  • Προβλεψιμότητα
    Εξαρτάται από το πλαίσιο

px

  • Αναφορά
    Σταθερό pixel
  • Σώρευση
    Όχι
  • Ανταπόκριση
    Όχι
  • Προσβασιμότητα
    Σταθερό μέγεθος
  • Προβλεψιμότητα
    Πάντα συνεπές

Μετατρέψτε άλλες μονάδες σε px

pt σε pxrem σε pxcm σε pxmm σε pxίντσες σε pxvw σε pxTailwind CSS σε px

Εξερευνήστε άλλους μετατροπείς μονάδων

DPI σε PPIHEX σε RGBRGB σε HSLRGB σε CMYKbytes σε KB/MB/GBUnix σε ημ/νίαDEC σε BINDEC σε HEXMbps σε MB/s

Συχνές ερωτήσεις

Προεπιλεγμένα 1em = 16px (προεπιλογή browser). Αλλά το em είναι σχετικό με το γονικό στοιχείο.

Το em αναφέρεται στο μέγεθος γραμματοσειράς του γονικού. Το rem αναφέρεται στο μέγεθος γραμματοσειράς της ρίζας (html). Το rem είναι πιο προβλέψιμο.

Χρησιμοποιήστε em για τυπογραφία και αποστάσεις που πρέπει να κλιμακώνονται. Px για περιγράμματα, σκιές και ιδιότητες που πρέπει να παραμένουν σταθερές.

em σε px – Arteon

Βοηθήστε μας να βελτιώσουμε τα εργαλεία μας

Έχετε μια ιδέα, βρήκατε ένα σφάλμα ή θέλετε να προτείνετε μια λειτουργία; Γράψτε μας – απαντάμε εντός 24 ωρών.