Photoshop px vs. OS px

Question

Während eine webdesign als Photoshop-Datei gegeben Umwandlung + CSS in HTML, habe ich mit Schriftgrößen verwirrt. Wie weiter unten auf dem Bild zu sehen, 30 px in Photoshop nicht gleich 30 Pixel in anderen Windows-Programmen (andere auf Mac oder andere?), Oder Browsern. Dies scheint durch die Schaffung des Photoshop-Bildes in verschiedenen Auflösungen als 72, die standardmäßig nicht beeinflusst werden und unbeeinflusst durch Änderung der Einheiten zwischen pt und px. Kann jemand andeuten, wie Photoshop einstellen Browser px Einheiten zu benutzen?

Answer 1

Die Größe der Schrift in der Farbe Dokument bezieht sich auf Punkte, nicht Pixel. Ändern Sie die Schriftgröße in Photoshop 30pt und sie sollten die gleiche Größe haben.

Ein Punkt ist 1/72 Zoll und das Pixel äquivalent auf der DPI des Monitors ab. Bei 96 DPI 30pt * 1in / 72pt * 96 dpi (mein Bildschirm res) ist 40px. So konvertieren Pixel Punkte arbeiten nach hinten, so 30px * 1in / 96px * 72pt / 1in = 22.5pt.

So die Farbe Textgröße auf 22,5 ändern und sie sollten zusammenpassen.

Answer 2

Stellen Sie sich auf 96 dpi.