Converti i punti tipografici in pixel

Il punto è un’unità della stampa. Un punto misura 1/72 di pollice, cioè 0,3528 mm, ed è la misura che ti danno Word, InDesign e Illustrator quando imposti il corpo. Il pixel è un’unità dello schermo e in un foglio di stile vale 1/96 di pollice, cioè 0,2646 mm [1]. Tutta la conversione si riduce al rapporto fra questi due numeri: 96 diviso 72 fa 1,333.

Da qui nasce la coppia che ogni sviluppatore sa a memoria: 12 pt fanno 16 px. Sedici pixel è la dimensione del testo che ogni browser adotta di default e il valore che assume un rem, così un documento composto in corpo dodici porta esattamente lo stesso corpo su una pagina web.

Il convertitore serve a chi consegna un layout allo sviluppo, a chi monta una firma e-mail e a chiunque riceva una specifica in punti mentre lavora in uno strumento che ragiona in pixel.

Più sotto trovi una tabella con 30 corpi, una con gli spessori di traccia, il confronto fra cinque sistemi di punti e le istruzioni per cambiare unità in Illustrator, Photoshop, InDesign, Affinity, Inkscape, Figma e Word. Il percorso inverso è coperto dal convertitore di pixel in punti.

La formula ha una sola forma: pixel = punti × 96 ÷ 72, cioè una moltiplicazione per 4/3. Nel verso opposto basta moltiplicare i pixel per 0,75. Diciotto punti danno 24 px, ventiquattro punti danno 32 px e 36 pt danno 48 px tondi.

Settantadue punti sono esattamente un pollice, quindi 72 pt corrispondono a 96 px e a 25,4 mm. Questa uguaglianza è una verifica comoda quando fai il conto a mente. Vale anche verso il basso: 0,75 pt sono esattamente un pixel e 1,5 pt ne sono due.

Ma da dove arriva il 96? Il W3C ha stabilito che un pollice nel foglio di stile vale 96 pixel e ha descritto il pixel di riferimento come l’angolo visivo di un singolo pixel su uno schermo da 96 dpi guardato alla distanza di un braccio teso [1]. Il numero in sé è più antico del web e nasce da una decisione presa in Microsoft negli anni ottanta.

Lo schermo del primo Macintosh aveva 512 × 342 punti luminosi e una densità di 72 PPI, scelta perché un pixel cadesse su un punto tipografico. I monitor dei PC erano su valori simili, ma in Microsoft si accorsero che un monitor sta circa un terzo più lontano dagli occhi di un foglio tenuto in mano e che quindi il testo a schermo deve essere più grande. Windows cominciò a dichiarare una densità maggiorata proprio di quel terzo: per schermi realmente a 72 PPI indicava 96 PPI [2]. Il testo divenne leggibile, un corpo undici su Windows corrispondeva a un corpo otto su Macintosh, e il 96 rimase nel sistema, poi nei browser e infine nello standard CSS.

Per quasi tutta la storia della stampa il punto significava una cosa diversa in ogni paese e ogni fonderia teneva le proprie misure. Il primo a mettere ordine fu Pierre Simon Fournier nel 1737, incidendo i punzoni su una scala di 72 punti per pollice parigino. Mezzo secolo dopo François-Ambroise Didot legò il suo punto a 1/864 del piede del re, ottenendo 0,376065 mm a 20 °C, e questa misura si diffuse in tutta l’Europa continentale, Italia compresa [3].

Dodici punti Didot formano un cicero, che misura 4,512 mm. Il nome nasce a Venezia: nel 1469 Giovanni e Vindelino da Spira vi stamparono le Epistolae ad familiares di Marco Tullio Cicerone con un carattere esattamente di quel corpo [4]. Nel mondo anglosassone l’unità corrispondente si chiama pica.

Il valore tondo arrivò solo con PostScript. Adobe stabilì nel 1984 che un punto avrebbe misurato esattamente 1/72 di pollice e Apple costruì su questo la tipografia del Macintosh, il cui schermo aveva allora 72 pixel per pollice. È il punto con cui calcola il convertitore qui sopra, ed è la definizione che ripete lo standard CSS [1]. Dodici di quei punti formano una pica, che a 96 DPI vale esattamente 16 pixel e a 300 DPI ne vale 50 — questo passaggio lo calcola il convertitore da pica a pixel.