Seguimiento e interletraje de Photoshop: ¿qué significan los valores numéricos?

Trabajando en un diseño de sitio en el que intento traducir un valor de seguimiento de "100" a la letter-spacingpropiedad CSS.

Cuando especifico un valor de seguimiento de "100", ¿qué estoy diciendo? Definitivamente no parece un porcentaje o píxeles.

Tiendo a observar para obtener lo que quiero, pero prefiero ejecutar una conversión y no tener que pensar en ello si eso es posible.

Hola Brendan, encontré esta pregunta relevante en Stackoverflow ¿Cómo calcular el espaciado de letras CSS frente al "seguimiento" en la tipografía?
Puede o no ser correcto, pero no cita ninguna fuente. Buen hallazgo sin embargo! Aprecio que compartas.

Respuestas (1)

Las respuestas dadas en la pregunta vinculada al comentario de AndrewH son correctas.

Como se indica en esta página de ayuda de Photoshop : 1

El tracking y el interletraje se miden en 1/1000 em , una unidad de medida relativa al tamaño de letra actual. En una fuente de 6 puntos, 1 em equivale a 6 puntos; en una fuente de 10 puntos, 1 em equivale a 10 puntos. El interletraje y el seguimiento son estrictamente proporcionales al tamaño de letra actual.

En otras palabras, puede lograr el mismo espaciado entre letras de CSS dividiendo el valor de seguimiento de Photoshop por 1000 y usando el cociente, en ems, como valor de espaciado entre letras.

1 La página vinculada es para Photoshop, pero lo mismo se aplica a todos los demás productos de Adobe. Según Wikipedia , Quark tiene 1/200 em como unidad base.

Agregando a esta respuesta; si usa un espacio entre letras de 20 en InDesign/Illustrator/Photoshop que se traduce mejor a CSS usandoletter-spacing: calc(20rem/1000)
@Kalaschnik Acabo de ver su comentario ahora, ¿no debería ese cálculo usar ems en lugar de rems? Si el texto tiene un tamaño de 3rem, el espacio entre letras basado en un remcálculo sería tres veces menor de lo que esperaba.