em, px, pt und % umwandeln!

Das allgemeine Problem kennt man – das Photoshop Layout wurde erstellt, jetzt will man sein Layout auch umsetzen. Natürlich hat man alle Schriften schön in pt / Punkt angelegt und nun folgt das erste Problem – wie rechne ich em, px, pt und % um?

em, px, pt, %, Photoshop, Layout, Web, Webseite, Website, Layout, umsetzen, Schriften, Größe, Font, Size, Konvertieren, Tabelle, Einheiten, Browser, Betriebssystem, Punkt, Maßeinheit, Typografie, Schriftgrad, Pixel, Bildpunkt, Bildzelle, Bildelement, Ems, em, Geviert, en, Halbgeviert, Prozentwert, Hilfsmaßeinheit, Hilfe, Verhältnisgrößen, Points, Pixels, Ems, Percent

Der Brite Roy Reed bietet auf seiner Webseite eine Tabelle mit Konvertierungen von Punkt nach Pixel an. Natürlich werden die tatsächlichen Einheiten von jedem Browser und Betriebssystem anders angezeigt – aber es ist schon mal ein Anfang.
In der Tabelle werden folgende Werte berücksichtigt:

Punkt (pt – Maßeinheit in der Typografie für den Schriftgrad)
Pixel (px – Bildpunkt, Bildzelle oder Bildelement)
Ems (em – Em für „Geviert“ und En für „Halbgeviert“)
Prozentwerte (% – Hilfsmaßeinheit für Verhältnisgrößen)