Photoshop px vs. OS px

Question

Durante la conversione di un webdesign dato come file photoshop in html + css, mi sono confuso con le dimensioni dei caratteri. Come mostrato nell'immagine qui sotto, 30 px in Photoshop non equivalgono a 30 px in altri programmi Windows (diversi su Mac o altri?) O browser. Questo sembra non essere influenzato dalla creazione dell'immagine di Photoshop in risoluzioni diverse rispetto a 72, che è quella predefinita, e non è influenzato dal cambio di unità tra pt e px. Qualcuno può suggerire come impostare Photoshop per utilizzare le unità px del browser?

Answer 1

La dimensione del carattere nel documento di disegno si riferisce ai punti, non ai pixel. Cambia la dimensione del carattere in Photoshop a 30pt e dovrebbero avere la stessa dimensione.

Un punto è 1/72 di pollice e l'equivalente in pixel può dipendere dal DPI del monitor. A 96 DPI 30pt * 1in / 72pt * 96 DPI (la mia risoluzione dello schermo) è 40px. Per convertire i pixel in punti, procedere all'indietro, quindi 30px * 1in / 96px * 72pt / 1in = 22.5pt.

Quindi cambia la dimensione del testo del disegno in 22.5 e dovrebbero corrispondere.

Answer 2

Impostalo su 96 dpi.