Image Focus & Zoom Playground

Bildquelle

Beliebige Bild-URL einfügen oder einen Vorschlag unten auswählen.

Layout & Fokus

Wrapper-Seitenverhältnis für die bearbeitete Ansicht.
Breite des bearbeiteten Bildcontainers.
X (Spalte)
Y (Zeile)
Schritte: 0%, 25%, 50%, 75%, 100% → 5×5 Fokus-Raster.
0–100%, Schrittweite 5%. Höherer Wert = engerer Ausschnitt.

Ansichten

Originalbild

Original

Original-Seitenverhältnis, keine Ratio, kein Fokus, kein Zoom.

Bearbeitetes Bild

Processed

Mit ausgewählter Ratio, Fokus (5×5), Zoom und maximaler Breite.

Konfiguration

Contentful-Werte (logisches Modell)

CSS-Werte (Frontend)

Wrapper-Geometrie & empfohlene Bildgröße