Demo · Bild im Rahmen
Füllen, einpassen oder Originalformat.
Kits zeigen Bilder in Rahmen mit festem Seitenverhältnis. Passt ein Motiv nicht – Hochformat im Breitbild, Logo, Grafik –, wählt die Redaktion je Bild und Einbindung, wie es in den Rahmen kommt. Hier dreimal dasselbe Hochformat-Foto in einem 16:9-Raster.
Dasselbe Foto, drei Einstellungen
Füllen · Einpassen · Originalformat
Hochformat 3:4 im Rahmen 16:9.
-
Füllen (Standard des Kits): Zuschnitt um den Fokuspunkt -
Einpassen, Hintergrund unscharf: das ganze Bild, Ränder aus dem Motiv -
Originalformat: der Rahmen übernimmt das Hochformat
Hintergrund beim Einpassen
Kit-Farbe · feste Farbe · automatisch
Logos, SVG und PNG mit transparentem Rand werden von selbst eingepasst.
-
Einpassen, Farbe des Kits („Karten“) – wechselt hell/dunkel -
Einpassen, feste Farbe (Marine #314164) -
Transparentes SVG (erfundenes Beispiel-Logo): automatisch eingepasst, ohne Einstellung
So funktioniert’s
Je Stelle oder als Standard des Bildes.
-
Drei Arten
Füllen schneidet zu (mit Fokuspunkt), Einpassen zeigt das ganze Bild, Originalformat lässt den Rahmen dem Bild folgen.
-
Hintergrund
Beim Einpassen: transparent, unscharfes Motiv, feste Farbe oder eine Farbe des Kits – die mit dem dunklen Farbschema wechselt.
-
Wo einstellen?
Im Block am Bild („Bild im Rahmen“) für genau diese Stelle – oder in der Mediathek als Standard für alle Stellen.
-
Ohne Kit-Änderung
Klassen am Bild und ein kleines Kern-Stylesheet – strenge CSP, keine Inline-Styles, funktioniert in allen Kits.
Weitere Demos
Noch mehr ausprobieren.
Alle Beispiele auf einen Blick – mit Demo-Daten, die Sie gefahrlos ausprobieren können.