← Alle Werkzeuge

KOSTENLOSE BROWSER-WERKZEUGE

CSS-Box mit Seitenverhältnis

Bildern einen festen Seitenrahmen geben und passend zuschneiden.

01 / EINGABE

Deine Angaben

02 / VORSCHAU

Ergebnis ansehen

Werkzeug starten, um das Ergebnis zu sehen.
03 / VERWENDEN

Ergebnis kopieren oder speichern

Gut zu wissen

Die Verarbeitung findet lokal in deinem Browser statt. Es werden keine Eingaben an Scriptladen.de gesendet.

Einheitliche Bildausschnitte per CSS

Mit einem festen Seitenverhältnis wirken Vorschaubilder in Karten gleichmäßiger, auch wenn ihre Originale verschiedene Formate besitzen. Ergänze eine passende object-fit-Regel.

Bei object-fit: cover werden Ränder abgeschnitten. Wichtige Texte oder Gesichter sollten nicht an den äußeren Bildkanten liegen.