preserveAspectRatio Attribut (MDN)

Quelle / bibliografische Angaben

MDN Web Docs, englische Fassung.

Stand laut Seite: „last modified on Apr 7, 2026“
URL: https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/preserveAspectRatio, abgerufen 2026-10-18 (über Firecrawl)

Legt fest, wie ein SVG mit viewBox in einen anders proportionierten Platz passt.

Ohne viewBox wirkt das Attribut nicht (Ausnahme: <image>).
Wert: Ausrichtung plus optional meet oder slice. Standard ist xMidYMid meet.
Ausrichtung: xMin/xMid/xMax kombiniert mit YMin/YMid/YMax, also neun Möglichkeiten. none verzerrt die Grafik, bis sie genau passt.
meet: Die ganze Grafik ist sichtbar, so groß wie möglich. Es bleibt eventuell Rand (wie object-fit: contain).
slice: Der ganze Platz ist bedeckt, die Grafik wird eventuell abgeschnitten (wie object-fit: cover).

Die Vergleiche mit object-fit sind meine eigenen, MDN zieht sie nicht.