Rem σε px

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

ΔΙΑΦΗΜΙΣΗ

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

Η μονάδα CSS rem είναι σχετική με το μέγεθος γραμματοσειράς του ριζικού στοιχείου (html). Προεπιλεγμένα, οι browsers το ορίζουν σε 16px, άρα 1rem = 16px. Σε αντίθεση με το em, το rem δεν σωρεύεται — αναφέρεται πάντα στη ρίζα.

Το rem είναι η συνιστώμενη μονάδα για σύγχρονο responsive web design. Προσφέρει συνεπή, κλιμακούμενη διαστασιολόγηση που σέβεται τις προτιμήσεις προσβασιμότητας του χρήστη.

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

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

1. Εισαγωγή τιμής
Πληκτρολογήστε έναν αριθμό στο πεδίο εισαγωγής. Μπορείτε να χρησιμοποιήσετε τελεία ή κόμμα.
2. Ανάγνωση αποτελέσματος
Το αποτέλεσμα εμφανίζεται αμέσως στο διπλανό πεδίο – χωρίς κλικ.
3. Αντιγραφή ή αντιστροφή
Κάντε κλικ στο Αντιγραφή ή χρησιμοποιήστε το κουμπί Αντιστροφή.

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

Web ανάπτυξη
Μετατροπή mockups (px) σε rem: padding 24 px = 1,5 rem.
Ανταπόκριση
Το rem κλιμακώνεται με τις προτιμήσεις του χρήστη — καλύτερο από σταθερά pixel.
Προσβασιμότητα (WCAG)
Το rem σέβεται τις ρυθμίσεις μεγέθους κειμένου του χρήστη.
Συστήματα σχεδίασης
Κλίμακες spacing σε rem: 0,25 / 0,5 / 1 / 1,5 / 2 / 3 rem.

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

Πλήρης ιδιωτικότητα
Όλοι οι υπολογισμοί γίνονται τοπικά στον browser σας. Κανένα δεδομένο δεν στέλνεται σε server.
Αποτελέσματα σε πραγματικό χρόνο
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε – χωρίς κουμπί.
Αμφίδρομη μετατροπή
Το κουμπί Αντιστροφή σας επιτρέπει να μετατρέψετε και προς τις δύο κατευθύνσεις.
Πίνακας αναφοράς
Ένας έτοιμος πίνακας με συχνά μετατρεπόμενες τιμές και περιγραφές.

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

px = rem × μέγεθος γραμματοσειράς ρίζας. Προεπιλεγμένο μέγεθος ρίζας = 16px.

Αν html { font-size: 62.5% }, ρίζα = 10px, άρα 1,6rem = 16px.

Το rem δεν σωρεύεται ποτέ. 1rem είναι πάντα το ίδιο ανεξάρτητα από το βάθος εμφώλευσης. Αυτό το κάνει πιο προβλέψιμο από το em.

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

Σε ρίζα 16px: 0,75rem = 12px, 0,875rem = 14px, 1rem = 16px, 1,25rem = 20px, 1,5rem = 24px, 2rem = 32px.
Tailwind: text-sm = 0,875rem (14px), text-base = 1rem (16px), text-lg = 1,125rem (18px).
Ελάχιστος στόχος αφής: το WCAG συνιστά 44×44px = 2,75rem σε ρίζα 16px.
Media queries σε rem: @media (min-width: 48rem) = 768px σε ρίζα 16px.

rem vs em vs px

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

rem

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

px

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

Μετατρέψτε άλλες μονάδες σε Εικονοστοιχεία

pt σε px em σε px cm σε px mm σε px ίντσες σε px vw σε px Tailwind CSS σε px

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

DPI σε PPI HEX σε RGB RGB σε HSL RGB σε CMYK bytes σε KB/MB/GB Unix σε ημ/νία DEC σε BIN DEC σε HEX Mbps σε MB/s

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

Πόσα pixel είναι 1rem;

Προεπιλεγμένα 1rem = 16px. Μπορείτε να το αλλάξετε προσαρμόζοντας το μέγεθος γραμματοσειράς της ρίζας.

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

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

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

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

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

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

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

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

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

2. Ανάγνωση αποτελέσματος

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

3. Αντιγραφή ή αντιστροφή

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

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

Web ανάπτυξη

Μετατροπή mockups (px) σε rem: padding 24 px = 1,5 rem.

Ανταπόκριση

Το rem κλιμακώνεται με τις προτιμήσεις του χρήστη — καλύτερο από σταθερά pixel.

Προσβασιμότητα (WCAG)

Το rem σέβεται τις ρυθμίσεις μεγέθους κειμένου του χρήστη.

Συστήματα σχεδίασης

Κλίμακες spacing σε rem: 0,25 / 0,5 / 1 / 1,5 / 2 / 3 rem.

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

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

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

Αποτελέσματα σε πραγματικό χρόνο

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

Αμφίδρομη μετατροπή

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

Πίνακας αναφοράς

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