logo
GeekFormat

Conversión de unidades de tamaño de fuente

1Píxel = 0.75Punto
0.75

Unidades tipográficas

Punto (pt)0.75
Píxel (px)1
Píxel independiente de la densidad (dp)0.75
Píxel independiente de la escala (sp)0.75

Herramienta gratuita de conversión de unidades de tamaño de fuente en línea que admite la conversión bidireccional en tiempo real de 4 unidades tipográficas/UI de uso común: pt, px, dp y sp. La página actual adopta una relación de referencia fija: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Al mismo tiempo, en esta herramienta, dp y sp se asignan a pt según la misma base de referencia, lo que facilita una comparación estática rápida entre borradores de diseño, descripciones web/CSS y anotaciones de la interfaz de usuario de Android. Cabe señalar que esta página no lee la escala del navegador, la densidad de píxeles del dispositivo, la escala de fuente de Android ni el tamaño de impresión real, por lo que es más adecuada para comparar especificaciones y unificar documentos en lugar de reemplazar las pruebas de representación de dispositivos reales. Todos los cálculos se realizan localmente en el navegador y los datos no se cargan en el servidor.

Relacionado

Acerca del calibre de conversión estática de pt, px, dp, sp

pt (punto) es una unidad de tamaño de fuente común en el contexto de composición tipográfica clásica. A muchos editores de documentos, software de presentación, manuales de marcas y especificaciones de fuentes les gusta usar pt para expresar el tamaño del texto. px (píxel) se usa más comúnmente en páginas web, borradores de diseño y anotaciones CSS. Enfatiza el tamaño de referencia en el contexto de la pantalla y la interfaz.

Es importante tener en cuenta que px en CSS no siempre es igual a un píxel físico en el dispositivo, sino que está más cerca del "píxel de referencia". Por lo tanto, los 16 px en el dibujo del diseño, los 16 px en el estilo de la página web y el tamaño visual final mostrado en la pantalla del móvil aún se verán afectados por la escala, la densidad y la implementación de la plataforma.

dp y sp son más comunes en el contexto de la interfaz de Android. En términos generales, dp está más sesgado hacia el tamaño del diseño de la interfaz, mientras que sp está más sesgado hacia el tamaño de fuente y considerará la escala de fuente del sistema. Sin embargo, esta página no es un simulador de ejecución. No leerá la densidad ni la escala de fuente de un determinado teléfono móvil. Simplemente coloca estas unidades en una regla de referencia unificada para realizar una comparación estática.

Esta página utiliza actualmente una relación de referencia fija: 1 px = 0,75 pt, 1 pt ≈ 1,333 px, y asigna dp y sp al mismo dato de referencia, lo que facilita la unificación rápida de borradores de diseño, documentos de especificaciones y comunicación entre extremos. Resuelve el problema de "cómo comparar y escribir documentos", no el problema de "qué tan grande debe ser el tamaño de visualización final en el dispositivo".

Si su objetivo de trabajo es el tamaño de impresión real, la precisión milimétrica del papel, el sistema rem/em del navegador o la verificación de escala de fuente de máquina real Android, entonces debe utilizar las herramientas de longitud correspondientes, el software de diseño o las pruebas de dispositivos reales. Esta página es más adecuada para la redacción de especificaciones, la revisión temprana y la documentación de entrega.

Casos de uso

  • Cambie rápidamente los tamaños de fuente de 16 px, 18 px y 24 px en el borrador del diseño a pt para facilitar la escritura en PPT, Word o documentos de especificación de marca
  • Cambie los tamaños de fuente de 12 pt, 14 pt y 18 pt indicados en el documento a px para facilitar la comparación entre el front-end y el diseñador
  • Al entregar la web diseño, coloque CSS Unifique tamaños de fuente comunes con el calibre pt en documentos de presentación
  • En la descripción de la interfaz de usuario de Android, reemplace rápidamente pt o px en el borrador del diseño con valores de referencia dp y sp para facilitar la comunicación
  • Al organizar las especificaciones de texto de la biblioteca de componentes, unifique la escritura de unidades de tamaño de fuente de botones, texto, títulos y subtítulos
  • Mezcle px y pt utilizados en sistemas de diseño históricos Unifique tamaños de fuente en el mismo conjunto de tablas de comparación para reducir los costos de migración
  • Agregue anotaciones de dos unidades a los documentos de colaboración entre equipos, para que los terminales de diseño, front-end y móviles puedan entender rápidamente el mismo tamaño de fuente
  • Al realizar inspección visual y control de calidad, convierta y compare rápidamente diferentes unidades en anotaciones de borrador de diseño y estilos de código
  • Al preparar manuales de marca, carteles de eventos o plantillas de presentación, primero unifique las reglas de tamaño de fuente en una referencia tamaño antes de distribuir
  • Prepare una tabla de comparación de tamaños de fuente unificada para correos electrónicos, páginas de destino, H5 e interfaces de redacción de aplicaciones
  • En educación y capacitación o intercambio interno, explique las diferencias y relaciones de conversión comunes de pt, px, dp, sp
  • Convierta rápidamente la anotación del tamaño de fuente en la captura de pantalla en otro conjunto de unidades que sean más familiares para el equipo para facilitar la revisión y modificación
  • Al realizar documentación de productos en varios idiomas, utilice calibre de conversión unificada para complementar ejemplos de tamaño de fuente para diferentes plataformas
  • En la etapa de revisión inicial, cuando no hay equipo para probar, primero use la conversión estática para determinar rápidamente si el nivel de tamaño de fuente es generalmente razonable

Cómo Usar

  1. Complete el valor de tamaño de fuente conocido en el cuadro de entrada, que admita números enteros y decimales.
  2. Seleccione la unidad de origen a la izquierda, opcional pt, px, dp, sp.
  3. Seleccione la unidad objetivo a la derecha y los resultados se actualizarán inmediatamente; puede hacer clic en el botón de intercambio central cuando necesite verlo al revés.
  4. Si quieres verlo todo de una vez, expande el panel de resultados para ver la correspondencia completa del valor en 4 unidades al mismo tiempo.

Características

  • 4 tamaños de fuente de alta frecuencia/unidades de interfaz de usuario que cubren: pt, px, dp, sp, adecuados para una comparación rápida durante el diseño, front-end y entrega móvil
  • Conversión instantánea bidireccional: el resultado se actualiza inmediatamente después de ingresar el valor, la unidad de origen y la unidad de destino se pueden cambiar libremente sin hacer clic en el botón de conversión
  • Transparencia de relación de referencia fija: la página actual usa 1 px = 0,75 pt, 1 pt ≈ El punto de referencia común de 1.333 px facilita el calibre unificado de especificaciones y borradores de diseño
  • Comparación estática clara de dp y sp: esta página coloca dp y sp en la misma regla de referencia para una conversión rápida, adecuada para escribir documentos, hacer anotaciones y comunicación entre equipos
  • Se puede expandir para ver todos los resultados: el mismo valor de tamaño de fuente está en pt, px, dp, sp Los valores correspondientes a continuación se pueden mostrar al mismo tiempo para facilitar la verificación única
  • Adecuado para números pequeños y valores intermedios: los valores no enteros comunes en diseños como 13,5 px, 10,5 pt, 14 sp también se pueden convertir directamente
  • Indica claramente el límite de representación: la página distinguirá "conversión estática" y "visualización de dispositivo real" para reducir el riesgo de confundir el valor de referencia con el tamaño físico final
  • Cálculo local puro del navegador: sin solicitudes de red, sin registros del servidor, sus anotaciones de diseño, especificaciones de componentes y parámetros del documento de entrega no saldrán del dispositivo

¿Cómo elegir la unidad de tamaño de fuente?

También se trata de escribir "qué tamaño es el tamaño de fuente", y diferentes unidades son adecuadas para diferentes escenarios. Primero, averigua si estás escribiendo un borrador de diseño, un estilo web o una especificación de Android.

UnidadLos escenarios más comunesVentajasNotasEsta página admite
ptWord, PPT, PDF, especificaciones de marca, documentos de fuentesMás comunes en contextos de composición tipográfica y de documentos, fácil de alinear con las instrucciones de fuenteAl cambiar al contexto de pantalla, es mejor agregar una columna de comparación de pxCompatible
pxPáginas web, borradores de diseño, anotaciones CSS, borradores de interfazLa comunicación entre el diseño y el front-end es la más directa, y la más común en la implementaciónLos píxeles físicos no absolutos, los navegadores y los dispositivos afectarán la pantalla finalCompatibilidad
dpDiseño de Android y anotaciones de interfazAdecuado para descripción de dispositivo de densidad cruzada tamaño lógicoEsta página no simula la densidad real del dispositivo, solo una referencia estática conversiónSoporte
spAnotación de tamaño de texto de AndroidAdecuado para contexto de texto y fácil comunicación con equipos móvilesLa visualización real también se verá afectada por la escala de fuente del sistemaCompatibilidad
em/rem/mm/inUnidades web relativas o tamaño de impresión físicaAdecuado para aplicaciones específicas sistemas de diseño e implementaciónNo está dentro del rango de soporte de la página actual y es necesario utilizar otras herramientas o puntos de referenciaNo es compatible

Best Practices

Primero acuerde un punto de referencia unificado para el equipo y luego compárelo entre unidades

Si el diseño, el front-end y los terminales móviles no explican claramente el punto de referencia de conversión primero, es fácil que los mismos 16 se entiendan como elementos visuales diferentes. tamaños. Será más estable unificar el calibre primero y luego usar esta página para complementar el etiquetado de unidad doble.

Trate los resultados de esta página como un valor de referencia de entrega, no como el resultado final de la representación

Esta página es adecuada para la comparación estática de borradores de diseño, documentos y especificaciones, pero la escala del navegador, la densidad del dispositivo y la configuración de fuentes del sistema pueden hacer que la visualización real sea ligeramente diferente. La verificación visual aún debe realizarse en el entorno de destino antes de conectarse.

Cambie a unidades de longitud y software de composición tipográfica real cuando se requieran dimensiones físicas

Si su objetivo es confirmar el tamaño real del papel, la precisión milimétrica del producto impreso o el tamaño físico del PDF exportado, no se limite a mirar los resultados de conversión estática de pt/px/dp/sp.

El texto de Android tiene en cuenta la escala de fuentes del sistema

sp El rendimiento en dispositivos reales se verá afectado por la escala de fuentes del sistema. Esta página sólo puede proporcionarle valores de referencia estáticos. En cuanto a accesibilidad y adaptación multidispositivo, debes probarlo en un dispositivo real.

Web Si realmente usa rem o em, primero aclare el tamaño de fuente raíz

Esta página no cambia directamente rem/em, pero aún puede restaurar rem/em a px de acuerdo con el tamaño de fuente raíz del proyecto y luego compararlo con pt o anotaciones de diseño. La clave es aclarar primero el contexto.

Intente conservar tanto la unidad original como el resultado de la conversión al realizar la entrega.

Por ejemplo, escribirlo como 16 px/12 pt o 14 sp/14 pt permitirá al destinatario comprender rápidamente su intención original y facilitar el rastreo posterior.

Preguntas Frecuentes

¿Qué unidades admite este conversor de unidades de tamaño de fuente?

Esta página actualmente admite 4 unidades: pt, px, dp, sp. Es adecuado para comparaciones numéricas estáticas en borradores de diseño, tamaños de fuente CSS, anotaciones de UI de Android y documentos de componentes. La página actual no admite otras unidades tipográficas/de longitud como em, rem, mm, cm, in o pc.

1 pt es igual a ¿cuántos px? ¿16 px es igual a cuántos pt?

De acuerdo con la relación de referencia fija adoptada actualmente en esta página, 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Entonces 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Este calibre es muy adecuado para una verificación cruzada rápida entre borradores de diseño web y documentos de presentación.

¿Cuál es la diferencia entre px y pt?

pt (punto) se centra más en la composición tipográfica y el contexto del documento, e históricamente suele aparecer junto con la impresión y el tamaño de fuente; px (píxel) se centra más en la pantalla y el contexto CSS, y se usa comúnmente en páginas web y anotaciones de borradores de diseño. Ambos se pueden usar para describir tamaños de fuente, pero los entornos de uso son diferentes, por lo que muchos equipos necesitarán hacer comparaciones de conversión entre px y pt al entregar diseños.

¿Cuál es la diferencia entre dp y sp?

dp generalmente se usa para la expresión del tamaño de la interfaz en Android que está relacionada con la densidad pero no sigue la escala de fuente, y sp generalmente se usa para la expresión del tamaño del texto que seguirá la escala de fuente. Cabe señalar que para fines de comparación de especificaciones estáticas, esta página no lee la densidad real del dispositivo ni la escala de fuentes del sistema, sino que las coloca como referencia unificada para la conversión lineal.

¿Por qué el valor intercambiado de la página puede no ser exactamente el mismo que el mostrado en el dispositivo real?

Porque el efecto de visualización real se verá afectado por la escala del navegador, la densidad de píxeles del dispositivo, el tamaño de fuente raíz, la escala de fuente del sistema, la estrategia de representación de la plataforma y las reglas de exportación del software de diseño. El objetivo de esta página es unificar calibres estáticos, no simular los resultados de renderizado de dispositivos reales. Entonces, antes de publicarlo finalmente, aún debe realizar una inspección visual real en el navegador o dispositivo de destino.

¿Por qué las relaciones entre dp, sp y pt en esta herramienta son tan estrechas?

Porque la página actual utiliza calibres de conversión estáticos bajo una regla de referencia unificada, lo que le permite comparar rápidamente diferentes unidades en documentos, borradores de diseño y especificaciones, en lugar de leer el entorno de renderizado en tiempo real de un determinado dispositivo. Puede considerar esto como un "valor de referencia de conversión tal como se entrega", en lugar de una calculadora de píxeles real en el tiempo de ejecución de Android.

¿Se puede cambiar por rem, em, mm, cm o pulgadas?

Actualmente no. El rango real admitido por esta página es de solo cuatro unidades: pt, px, dp y sp. Si necesita unidades relativas como rem y em, o unidades de longitud física como mm, cm y in, debe utilizar la base de diseño correspondiente u otras herramientas de longitud para manejarlas por separado.

¿Esta página es adecuada para la impresión real o para el cálculo del tamaño de impresión?

No es adecuada para el reemplazo directo del cálculo del tamaño de impresión real. Porque esta página actualmente no proporciona unidades de longitud física como mm, cm y pulgadas, ni maneja DPI de impresora, medios de salida ni reglas de diseño de documentos. Si desea confirmar el tamaño real del papel, debe utilizar unidades de longitud y software de composición tipográfica real para la verificación final.

¿Puedo ingresar un valor decimal como 13,5 px?

Sí. Los valores no enteros como 10,5 pt, 13,5 px y 14 sp se utilizan comúnmente en sistemas de diseño y escenarios de ajuste fino de interfaces. Esta página puede convertirlos directamente. Esto hará que sea más conveniente al entregar especificaciones de componentes, organizar documentos de anotaciones y realizar comparaciones de múltiples extremos.

¿Cómo debo utilizar esta herramienta al entregar diseños?

Un enfoque más seguro es conservar las unidades de diseño originales y luego usar esta página para completar una columna de valores de referencia convertidos. Por ejemplo, si el borrador del diseño está escrito a 16 px, también puedes escribirlo a 16 px/12 pt para el equipo de front-end o de documentación. Siempre que el equipo acuerde primero la misma base de conversión, el costo de comunicación será mucho menor.

¿Se puede utilizar esta página sin conexión? ¿Se cargarán los datos?

Sí. Una vez cargada la página, todas las conversiones de tamaño de fuente se realizan localmente en el navegador, sin solicitudes de red, registros del servidor ni envíos de formularios. Sus especificaciones de diseño, anotaciones de componentes y parámetros del documento de entrega no se cargarán en el servidor y la entrada se borrará después de cerrar la página.

Glosario

Punto (pt)
Unidad de tamaño de fuente tipográfica clásica, comúnmente utilizada en Word, PPT, PDF, especificaciones de marca y documentos de descripción de fuentes.
Píxel (px)
Una de las unidades de interfaz más comunes en páginas web y borradores de diseño, en CSS está más cerca de un píxel de referencia que de un píxel físico absoluto.
Píxel independiente de la densidad (dp)
Una unidad de tamaño lógico común en el contexto de Android, que se utiliza para mantener una escala de interfaz relativamente consistente en dispositivos de diferentes densidades.
Píxel de escala de fuente (sp)
Una unidad común en el contexto de texto de Android, que generalmente considera la escala de fuente del sistema, adecuada para expresar el tamaño del texto.
Píxel de referencia CSS
El concepto de longitud de referencia utilizado en el diseño del navegador no es necesariamente igual a un píxel físico en la pantalla.
Densidad de píxeles del dispositivo
El número de píxeles físicos que hay por unidad de longitud de la pantalla afectará el efecto de visualización real de la misma unidad lógica en diferentes dispositivos.
Escalado de fuente
Las configuraciones de escala adicionales para el tamaño del texto en el sistema operativo o en el nivel de aplicación afectarán los resultados de visualización reales.
Conversión de referencia fija
Realiza una conversión lineal estática bajo un punto de referencia unificado, que es adecuado para la comparación entre documentos y entrega de diseño, pero no es equivalente a la simulación de representación de un dispositivo real.

Comprobación rápida de los puntos de anclaje habituales para la conversión del tamaño de fuente

Estos valores de comparación se utilizan con mayor frecuencia en borradores de diseño, CSS y entrega de documentos.

ptpíxelesdp (calibre de esta página)sp (calibre de esta página)Escenario típico
9 puntos12px9dp9spInformación auxiliar mínima, descripción secundaria de la tabla.
10,5 puntos14px10.5dp10.5spTexto pequeño, texto descriptivo.
12 puntos16px12dp12pTexto de cuerpo o formulario común
13,5 puntos18px13.5dp13.5spÉnfasis en textos y títulos de tarjetas.
18 puntos24 píxeles18dp18spTítulo grande o información clave de la página.
24 puntos32 píxeles24dp24vTítulo de portada, Título de héroe

Seleccione la unidad de tamaño de fuente según la escena

El mismo valor de tamaño de fuente se escribe en diferentes unidades y sirve para diferentes objetos de colaboración.

EscenarioUnidad más adecuadaRazón
PPT, Word, manual de marca, especificación PDFptLa más natural en el contexto del documento y de composición tipográfica, y la más fácil de alinear con la especificación de fuente
Estilo de página web, borrador de diseño, Figma/CSS entregapxEl costo más bajo de comunicación entre el diseño y la implementación front-end
Descripción del tamaño del diseño de AndroiddpMás cerca del contexto de tamaño lógico de Android
Descripción del tamaño del texto de AndroidspMás cerca del contexto del móvil anotación de fuente, pero en última instancia aún depende de la escala de la máquina real
Entrega de documentos entre equiposConserve las unidades originales y agregue una columna de valores de conversiónPuede tener en cuenta los hábitos de lectura de los terminales de diseño, front-end y móviles

Privacy & Security

Todas las conversiones de tamaño de fuente en esta página se completan en su navegador. Las anotaciones de diseño, las especificaciones de fuentes, los documentos de los componentes y los parámetros de entrega que ingresa nunca salen de su dispositivo: no hay solicitudes de red, ni registros del servidor, y sus entradas se borran cuando cierra la página. Para sistemas de diseño internos y especificaciones no publicadas, esta página no captura ni almacena ningún contenido.