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 questo rapporto risulta che 12 pt fanno 16 px. Sedici pixel è la dimensione del testo che i browser adottano 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. Sulla carta lo stesso corpo dodici occupa 0,4233 cm, come mostra il convertitore da pt a cm.

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 è: 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 di circa un terzo: per schermi di circa 72 PPI indicava 96 PPI[2]. Il testo divenne leggibile: un corpo otto su Windows riceveva 11 pixel per em, quanti un corpo undici 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, dividendo il pollice in 12 righe e ogni riga in 6 punti. Mezzo secolo dopo François-Ambroise Didot legò il suo punto a 1/864 del piede del re, ottenendo circa 0,376 mm, 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 viene dall’antico formato di carattere detto Cicerone[3]. 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.