1. Εισαγωγή τιμής
Πληκτρολογήστε έναν αριθμό στο πεδίο εισαγωγής. Μπορείτε να χρησιμοποιήσετε τελεία ή κόμμα.
Rem σε px
Αυτός ο μετατροπέας υπολογίζει άμεσα. Εισάγετε μια τιμή και το αποτέλεσμα εμφανίζεται αμέσως.
Loading tool editor...
Πότε χρειάζεστε: Rem σε px?
Η μονάδα CSS rem είναι σχετική με το μέγεθος γραμματοσειράς του ριζικού στοιχείου (html). Προεπιλεγμένα, οι browsers το ορίζουν σε 16px, άρα 1rem = 16px. Σε αντίθεση με το em, το rem δεν σωρεύεται — αναφέρεται πάντα στη ρίζα.
Το rem είναι η συνιστώμενη μονάδα για σύγχρονο responsive web design. Προσφέρει συνεπή, κλιμακούμενη διαστασιολόγηση που σέβεται τις προτιμήσεις προσβασιμότητας του χρήστη.
Όλοι οι υπολογισμοί εκτελούνται τοπικά στον browser σας — τίποτα δεν αποστέλλεται σε κανέναν server.
Πώς να χρησιμοποιήσετε τον μετατροπέα;
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 | px |
|---|---|---|
| Αναφορά | Μέγεθος ρίζας | Σταθερό pixel |
| Σώρευση | Όχι (πάντα ρίζα) | Όχι |
| Ανταπόκριση | Ναι | Όχι |
| Προσβασιμότητα | Σέβεται ρυθμίσεις χρήστη | Σταθερό μέγεθος |
| Προβλεψιμότητα | Συνεπές παντού | Πάντα συνεπές |
Μετατρέψτε άλλες μονάδες σε Εικονοστοιχεία
Εξερευνήστε άλλους μετατροπείς μονάδων
Συχνές ερωτήσεις
Πόσα pixel είναι 1rem;
Προεπιλεγμένα 1rem = 16px. Μπορείτε να το αλλάξετε προσαρμόζοντας το μέγεθος γραμματοσειράς της ρίζας.
Πρέπει να χρησιμοποιώ rem ή px;
Rem για τυπογραφία, αποστάσεις και διάταξη. Px για περιγράμματα, σκιές και ιδιότητες που δεν πρέπει να κλιμακώνονται.
Βοηθήστε μας να βελτιώσουμε τα εργαλεία μας
Έχετε μια ιδέα, βρήκατε ένα σφάλμα ή θέλετε να προτείνετε μια λειτουργία; Γράψτε μας – απαντάμε εντός 24 ωρών.
ΔΙΑΦΗΜΙΣΗ
Άλλα δωρεάν εργαλεία
Επεξεργασία εικόνας
Αλλάξτε μέγεθος, περικόψτε και μετατρέψτε την εικόνα σας. Έτοιμες μορφές για κοινωνικά δίκτυα, στρογγυλά avatar, εξαγωγή JPG/PNG/WebP.
Έλεγχος meta τίτλου και περιγραφής
Ελέγξτε το μήκος τίτλου και περιγραφής σε pixels. Ζωντανή προεπισκόπηση Google και συμβουλές βελτιστοποίησης.
PNG σε JPG
Μετατρέψτε αρχεία PNG σε JPG στο πρόγραμμα περιήγησης. Χωρίς όριο, χωρίς εγγραφή.
Δημιουργία favicon
Δημιουργήστε ένα πλήρες σετ favicon.ico για τον ιστότοπό σας από μία εικόνα. Όλα τα απαιτούμενα μεγέθη, χωρίς εγγραφή.
Δημιουργία παλέτας χρωμάτων
Δημιουργήστε 9 παλέτες από ένα χρώμα: μονοχρωματική, συμπληρωματική, τριαδική και άλλες. Κωδικοί HEX.
Έλεγχος αντίθεσης χρωμάτων
Ελέγξτε την αντίθεση κειμένου και φόντου σύμφωνα με WCAG 2.1 AA και AAA. Αυτόματη διόρθωση χρωμάτων.
Δωρεάν δημιουργία κωδικού QR
Δημιουργήστε κωδικό QR για ιστότοπο, κάρτα vCard ή εκτύπωση. Εξαγωγή PNG και SVG, χωρίς εγγραφή.
Μετρητής λέξεων και χαρακτήρων
Μετρήστε λέξεις, χαρακτήρες, προτάσεις και χρόνο ανάγνωσης. Αλλάξτε κεφαλαία και μορφοποιήστε το κείμενο με ένα κλικ.