Maßeinheiten
Wie Ihnen vermutlich bekannt ist, gibt es in den Stylesheet- und Auszeichnungssprachen, wie z. B. HTML, CSS, XSL-FO oder SVG, Maßeinheiten, mit welchen Positionen, Längen und Abstände angegeben werden können. Welche Maßeinheiten zur Verfügung stehen, hängt von der jeweiligen Sprache sowie ggf. dem Anzeigeprogramm (i. d. R. dem Browser) ab.
Bei Maßeinheiten wird zwischen absoluten und relativen Maßeinheiten unterschieden. Absolute Maßeinheiten sind auf jedem
Ausgabegerät identisch, d. h. ein Bild mit einer Breite von 5cm
, hat auf einem Monitor mit einer Auflösung von
1024x768 die gleiche reale Größe, wie auf einem Monitor mit einer Auflösung von 1920x1080 sowie auf einem Ausdruck. Je nach
Monitorgröße oder Mediengröße hat dies jedoch auch zur Folge, dass das Bild auf dem einen Monitor vielleicht die Hälfte der
verfügbaren Bildschirmbreite ausfüllt und auf einem anderen nur ein Viertel. Zu den gängigen absoluten Maßeinheiten zählen
Millimeter (mm
), Zentimeter (cm
), Inch bzw. Zoll (in
), Punkt (pt
) und
Pica (pc
). Relative Maßeinheiten hingegen sind variabel und beziehen sich auf andere Größenangaben (Angabe
in einem Kindelement bezieht sich auf das Elternelement) oder auf das Ausgabemedium. Ein Bild mit einer Breite von 60%
würde also auf jedem Ausgabegeräte (egal ob Monitor oder Papier) 60% der verfügbaren Breite ausfüllen. Dies hat jedoch zur
Folge, dass das Bild auf einem Monitor in Realität evtl. 10cm breit ist und auf einem anderen Monitor dagegen schon 20cm. Bei
relativen Einheiten sind vor allem Prozent (%
), die Schriftgröße (em
) und die x-Höhe (ex
)
verbreitet.
Eine weitere Einheit ist Pixel (px
). Die Einheit Pixel lässt sich jedoch weder in die Gruppe absolute Maßeinheit,
noch in die Gruppe relative Maßeinheit einordnen. Pixel ist jedoch trotzdem die Maßeinheit, welche am meisten auf Webseiten
verwendet wird. Gerade in Bezug auf responsives Webdesign sollten jedoch vermehrt auch rein relative Maßeinheiten (wie
z. B. Prozent) verwendet werden. Einerseits kann man Pixel als absolute Maßeinheit sehen, da die Angabe nicht in Bezug auf
ein Elternelement getroffen wird. Jedoch erzeugt die Einheit Pixel nicht auf jedem Ausgabegerät die gleiche reale (messbare)
Größe, weshalb man Pixel auch als relative Maßeinheit sehen kann. Der Grund dafür ist, dass die tatsächliche Größe zum
einen von der Auflösung und zum anderen von der Größe des Ausgabemediums und somit also von der sogenannten Pixeldichte
abhängt. Sie werden aber in Bezug auf diese Maßeinheit im Internet viele unterschiedliche Meinungen und Interpretationen finden.
Absolute Maßeinheiten können umgerechnet werden, so wissen auch Sie vermutlich, dass zehn Millimeter genau einem Zentimeter entsprechen. Relative Maßeinheiten können nicht untereinander umgerechnet werden, da diese von unterschiedlichen Faktoren abhängen. Die Einheit Pixel stellt ebenfalls wieder einen Sonderfall dar, da es sich hier um eine Art Mischung von absoluter und relativer Maßeinheit handelt. Die Umrechnung von einer absoluten Maßeinheit (wie z. B. Zentimeter) in Pixel (oder auch umgekehrt) wäre also nur durch die zusätzliche Angabe der Pixeldichte (dpi, dots per inch) möglich. Im Regelfall wird diese Umrechnung jedoch nicht benötigt.
Abschließend lässt sich sagen, dass für Druckmedien hauptsächlich absolute Maßeinheiten verwendet werden, wohingegen bei
Webseiten die Einheiten Pixel und relative Maßeinheiten (wichtig, bei responsivem Webdesign) am häufigsten verwendet
werden.
Bildquelle: Vektor-Grafik von Freepik
Umrechner
Das folgende Tool erlaubt Ihnen die Umrechnung zwischen den verschiedenen absoluten Maßeinheiten. Geben Sie dazu einfach den Wert von der Einheit, von welcher Sie einen Wert in eine andere Einheit umrechnen möchten, in das gewünschte Feld ein und lesen Sie anschließend den Wert aus dem Feld ab, in welchen Sie den eingegebenen Wert umrechnen wollten.