Crea una escala de tamaños a partir de una proporción

Crea una escala de tamaños a partir de una proporción. Pensado para redactores, diseñadores y desarrolladores que preparan contenido o recursos antes de publicarlos.

Crea una escala de tamaños a partir de una proporción. El resultado aparece al instante en tu navegador; tus datos no se envían a servidores ni se guardan.

Cómo usar

1. Introduce el tamaño base en píxeles, la proporción de progresión y el número de niveles que quieres en los campos proporcionados.
2. Ejecuta la generación para obtener un conjunto de tamaños calculados a partir de esos ajustes.
3. Revisa los pasos generados e identifica cuáles encajan con encabezados, subencabezados y texto de cuerpo.
4. Ajusta la proporción o el número de niveles si la progresión resulta demasiado compacta o demasiado amplia, y vuelve a generar.

Ejemplo

Un diseñador está preparando un sistema tipográfico y quiere probar una base de 16 píxeles con una proporción de 1,25 durante cinco niveles. Ejecuta la generación y examina la progresión de tamaños para comprobar que la jerarquía sigue siendo legible.

Entrada

16
1.25
5

Límites y formatos

• La herramienta calcula una escala a partir de los valores que introduces; no elige fuentes ni estilos que aplicar.
• El resultado depende en gran medida de la proporción y del número de niveles, que deben adaptarse al proyecto.
• Los tamaños mostrados pueden redondearse en pantalla, así que comprueba los valores finales en tu hoja de estilos o archivo de diseño.
• Una escala regular no garantiza por sí sola una buena legibilidad en todas las pantallas y con todo tipo de contenido.

Dónde se procesa

El cálculo se ejecuta en tu navegador. El tamaño base, la proporción y el número de niveles permanecen en tu dispositivo y no se envían a ningún sitio. Puedes probar varias hipótesis sin transmitirlas fuera de tu máquina.

Preguntas frecuentes

¿Qué proporción debo elegir para una escala tipográfica?

Depende del efecto que quieras. Una proporción moderada da una jerarquía suave, mientras que una proporción más alta crea saltos más visibles. Prueba varios valores y comprueba el resultado con tu contenido.

¿Puedo usar un tamaño base distinto de 16 píxeles?

Sí, introduce el tamaño base que corresponda a tu proyecto. La escala se recalculará a partir de ese valor y de la proporción que elijas.

¿El resultado incluye unidades como rem o porcentajes?

La herramienta trabaja a partir del tamaño base que proporcionas, normalmente en píxeles. Convierte los valores después si tu proyecto usa otra unidad.

Herramientas de la misma categoría

• Píxeles y REM