PX to REM Converter
PX → REM
REM → PX
Tabella di conversione (base 16px)
| PX | REM | Tailwind |
|---|---|---|
| 4px | 0.25rem | p-1 |
| 8px | 0.5rem | p-2 |
| 12px | 0.75rem | p-3 |
| 14px | 0.875rem | |
| 16px | 1rem | p-4 / text-base |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | p-6 |
| 32px | 2rem | p-8 |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 64px | 4rem | |
| 80px | 5rem | |
| 96px | 6rem |
Domande Frequenti
Tutto quello che devi sapere sulle unità CSS px, rem ed em
Qual è la differenza tra px, rem ed em?
px è un'unità assoluta che non scala. rem (root em) è relativo alla dimensione del font dell'elemento root (html), di default 16px. em è relativo al font size dell'elemento padre. rem è preferito per la scalabilità e l'accessibilità.
Perché usare rem invece di px?
rem migliora l'accessibilità permettendo agli utenti di scalare tutto il testo cambiando il font size del browser. Con Tailwind CSS, 1rem corrisponde normalmente a 4 unità (es: text-base = 1rem = 16px).
Come impostare il base font size?
In CSS puoi impostare il font base con html { font-size: 16px; } o html { font-size: 62.5%; } (quest'ultimo rende 1rem = 10px per calcoli più semplici). Molti design system usano 16px come base predefinita.
¿Cuál es la diferencia entre px, rem y em?
px es una unidad absoluta que no escala. rem es relativo al tamaño de fuente del elemento raíz (html), por defecto 16px. em es relativo al tamaño de fuente del elemento padre.
¿Por qué usar rem en lugar de px?
rem mejora la accesibilidad permitiendo a los usuarios escalar todo el texto cambiando el tamaño de fuente del navegador.
¿Cómo configurar el tamaño de fuente base?
En CSS puedes establecer la fuente base con html { font-size: 16px; } o html { font-size: 62.5%; } (este último hace 1rem = 10px para cálculos más simples).
¿Mis datos siguen siendo privados?
Sí, y no porque lo prometamos: esta herramienta funciona entera dentro de tu navegador. Lo que escribes o subes no sale de tu dispositivo, así que no llega a ningún servidor nuestro y no hay nada que podamos guardar, leer o perder. Puedes comprobarlo tú mismo: abre la página, desconecta internet y la herramienta sigue funcionando.
¿Guardáis lo que introduzco?
No. Detrás de esta herramienta no hay ninguna base de datos: no guardamos los archivos, ni los textos, ni los resultados. Cuando cierras la pestaña no queda nada: ni aquí con nosotros, porque nunca llegó, ni en ningún otro sitio.
¿Me perfiláis? ¿Cumplís el RGPD?
Nosotros no te perfilamos: no hay cuenta que crear, no te pedimos el correo para usar una herramienta y no guardamos ningún perfil de lo que haces. Somos una empresa italiana y trabajamos bajo el RGPD y el resto de normas europeas, con la política de privacidad y la petición de consentimiento a la vista. Una cosa la decimos entera en vez de esconderla en un eslogan: la publicidad de la página es de Google, y Google puede usar cookies para personalizarla. Lo decides tú desde el banner de consentimiento: si dices que no, los anuncios siguen pero sin personalizar, y la herramienta funciona exactamente igual.
Si es gratis, ¿de qué vivís?
De la publicidad de la página, y nada más. No vendemos tus datos, no hay un plan de pago escondido, no hay un límite que acabe pidiéndote la tarjeta y no tienes que registrarte. Los anuncios pagan los servidores y el tiempo que dedicamos a escribir las herramientas: por eso podemos tenerlas abiertas para todos.