Vorschau der Bildpositionierung, -größe, -wiederholung und von Verlaufsebenen, dann passendes CSS kopieren.
Wählen Sie ein unterstütztes Quellbild oder beginnen Sie mit der Textvorlage, wenn das Tool eine solche bereitstellt.
Laden Sie ein lokales Bild hoch, um Cover, Contain, Positionierung, Wiederholung und eine Überlagerung in der Vorschau zu sehen. Legen Sie den Pfad zum veröffentlichten Asset separat fest; das generierte CSS verwendet diesen Pfad und bettet die Quelldatei weder ein noch lädt es sie hoch.
Überprüfen Sie die vollständige Vorschau und die Ausgabeeinstellungen. Laden Sie das fertige Asset herunter und behalten Sie das Original zum Vergleich bei.
Über dieses Tool
Vorschau der Bildpositionierung, -größe, -wiederholung und von Verlaufsebenen, dann passendes CSS kopieren.
Laden Sie ein lokales Bild hoch, um Cover, Contain, Positionierung, Wiederholung und eine Überlagerung in der Vorschau zu sehen. Legen Sie den Pfad zum veröffentlichten Asset separat fest; das generierte CSS verwendet diesen Pfad und bettet die Quelldatei weder ein noch lädt es sie hoch.
Wählen Sie ein unterstütztes Quellbild oder beginnen Sie mit der Textvorlage, sofern das Tool eine bereitstellt. Laden Sie ein lokales Bild hoch, um Cover, Contain, Positionierung, Wiederholung und eine Überlagerung in der Vorschau zu sehen. Legen Sie den Pfad zum veröffentlichten Asset separat fest; das generierte CSS verwendet diesen Pfad und bettet die Quelldatei weder ein noch lädt es sie hoch.
Die lokale Vorschau verwendet die von Ihnen ausgewählte Datei. Ihre Website benötigt ein gehostetes Asset oder einen Pfad in Ihrem Projekt. Laden Sie das Bild dort hoch oder kopieren Sie es dorthin und stellen Sie sicher, dass der CSS-Pfad von Ihrem Stylesheet aus aufgelöst werden kann.
Die Bildverarbeitung erfolgt in Ihrem Browser. Laden Sie das Ergebnis herunter, bevor Sie den Tab schließen. Das Tool überschreibt Ihre Originaldatei nicht.
Akzeptierte Eingaben: JPG, PNG, WebP, AVIF, GIF. Verfügbare Ausgaben: TXT. Die Browser-Dekodierungsunterstützung und die gewählten Ausgabeeinstellungen bestimmen, welche Quelldateien verarbeitet werden können.
Für dieses Tool ist kein Konto erforderlich. Sie können die Ausgabe überprüfen, bevor Sie sie auf Ihrem Gerät speichern.
