Kostenloser Vorher-Nachher-Slider-Ersteller
Slider, Video und Bild aus zwei Fotos

Legen Sie ein Vorher-Foto und ein Nachher-Foto ab, ziehen Sie die Linie, um sie zu vergleichen, und speichern Sie das Ergebnis als Video für Reels und TikTok, als Bild für eine Anzeige oder als Slider für Ihre eigene Website.

Alles wird in Ihrem Browser erstellt, sodass die Fotos Ihren Computer nie verlassen.

Kostenlos, keine Anmeldung, kein Wasserzeichen. Ihre Fotos bleiben auf Ihrem Computer. Der Slider, Bilder und Videos werden in diesem Browser-Tab erstellt und die Fotos werden niemals zu uns oder Dritten hochgeladen.

Tablet zeigt ein geteiltes Wohnzimmer, links leer und rechts möbliert
  • Wischvideo in MP4, quadratisch, Hochformat, vertikal oder Querformat
  • Geteilte oder nebeneinander liegende Bilder in voller Auflösung
  • Ein Slider für WordPress, Webflow oder jede Website
So funktioniert es

Wie man einen Vorher-Nachher-Slider erstellt

3 Schritte, und die Fotos verlassen Ihren Computer nie.

1. Fügen Sie die zwei Fotos hinzu

Ziehen Sie das Vorher-Foto in das linke Feld und das Nachher-Foto in das rechte, oder legen Sie beide auf einmal ab. Nehmen Sie sie vom selben Ort auf, damit die Linie übereinstimmt.

2. Vergleichen und einrichten

Ziehen Sie die Linie in der Vorschau. Wählen Sie das Format, ändern oder blenden Sie die Beschriftungen „Vorher“ und „Nachher“ aus und tauschen Sie die Fotos, wenn sie falsch herum sind.

3. Herunterladen

Speichern Sie ein Wischvideo, ein Bild mit der Linie, ein nebeneinander liegendes Bild oder einen Slider für Ihre Website als ZIP-Datei mit dem HTML und beiden Fotos.

Was Sie erhalten

Ein Video, ein Bild und ein Slider aus denselben zwei Fotos

Jede Ausgabe und die dazugehörigen Einstellungen.

Vorher-Nachher-Video

Die Linie wischt in 4 bis 10 Sekunden hin und her und läuft sauber in einer Schleife. Wählen Sie vertikal 9:16 für Reels, TikTok und Stories, 4:5 oder quadratisch für den Feed oder 16:9 für YouTube und Websites. MP4, wo Ihr Browser es aufzeichnen kann, andernfalls WebM.

Vorher-Nachher-Bild

Ein JPG mit der Linie, wo Sie sie lassen, oder die beiden Fotos nebeneinander (eines über dem anderen in den Hochformaten). Bis zu 4.096 Pixel auf der langen Seite, damit es im Druck und auf Listing-Portalen standhält.

Slider für Ihre Website

Eine ZIP-Datei mit index.html, before.jpg und after.jpg. Der Slider ist reines HTML und CSS mit einer Zeile Skript: Fügen Sie den Block in WordPress, Webflow, Squarespace oder Shopify als benutzerdefiniertes HTML ein und laden Sie die beiden Fotos hoch.

Beschriftungen und Quellenangabe

Benennen Sie die Beschriftungen um, zum Beispiel Leer und Inszeniert oder 2019 und 2026, oder schalten Sie sie aus. Die kleine 3dstudio.co-Quellenangabe ist standardmäßig aktiviert und verschwindet mit einem Klick.

Wer es nutzt

Vorher-Nachher für Listings, Renovierungen und Renderings

Die Aufgaben, die ein Vorher-Nachher am besten erfüllt.

Immobilienmakler

Zeigen Sie einen leeren Raum neben seiner inszenierten Version oder eine veraltete Küche neben der Renovierung, die sie haben könnte. Ein vertikales Video erzielt auf Reels mehr Aufrufe als zwei separate Fotos.

Renovierung und Innenräume

Bauunternehmer, Küchenbauer, Maler und Innenarchitekten: Präsentieren Sie die Arbeit vorher und nachher auf Ihrer Website als Slider und in den sozialen Medien als Video.

Architekten und Entwickler

Vergleichen Sie ein Foto des Standorts mit dem Render dessen, was dort gebaut werden soll, für Planungspräsentationen, Verkaufsseiten und Informationsabende für Nachbarn.

Bildbearbeitung

Zeigen Sie eine Retusche, eine Farbkorrektur, einen Himmelsaustausch oder eine KI-Bearbeitung neben dem Original. Der Website-Slider lässt Kunden die Änderung selbst beurteilen.

Wenn Sie das Nachher-Foto benötigen

Was wir für Vorher und Nachher erstellen

Das 'Nachher'-Foto ist der anspruchsvolle Teil. Dies sind echte Virtual-Staging-Aufträge unseres Teams: Ziehen Sie jede Linie zum Vergleich.

Das leere Wohnzimmer der Wohnung, wie fotografiert, mit einer Balkontür und einem hellen Holzfußboden, vor dem virtuellen StagingDasselbe Wohnzimmer nach dem virtuellen Staging, mit einem Ecksofa, einem Medienmöbel, einem Fernseher und einer Rattan-Pendelleuchte
VorherNachher

Immobilien zum Verkauf und zur Miete

Leere Wohnungen und Häuser, auf dem Foto möbliert, für Inserate und Vermietungen.

Virtuelles Staging ansehen
Ein leerer Besprechungsraum mit blauem Teppich, vier hohen Fenstern und Wandheizungen, wie fotografiert, FinnlandDerselbe Besprechungsraum nach dem virtuellen Staging, mit einem langen Tisch, blauen Stühlen, einem Whiteboard und Pflanzen
VorherNachher

Büros und Besprechungsräume

Leere Büros, möbliert, damit ein Vermietungsmakler zeigen kann, wofür der Raum genutzt werden kann.

Virtual Staging für Büros ansehen
Ein großer leerer Gemeinschaftsbereich mit Betonboden und einer erhöhten Plattform im hinteren Bereich, wie fotografiert, FinnlandDerselbe Bereich nach dem virtuellen Staging, mit einem langen Tisch, Ordnern, blauen Stühlen und einer Pflanze im Vordergrund
VorherNachher

Gemeinschafts- und Gewerbeflächen

Kantinen, Lounges und offene Flächen, in Gebrauch gezeigt, bevor jemand einzieht.

Angebot für Virtual Staging erhalten
Vorher-Nachher-FAQ

Fragen zum Vorher-Nachher-Ersteller

Formate, der Website-Slider, Datenschutz und die Quellenangabe.

Stellen Sie uns eine Frage
Wie erstelle ich ein Vorher-Nachher-Video für Instagram Reels?
Fügen Sie die beiden Fotos hinzu, stellen Sie das Format auf Vertikal 9:16 ein, wählen Sie eine Videolänge von 6 oder 8 Sekunden und laden Sie das Video herunter. Laden Sie es unverändert auf Reels, TikTok oder Stories hoch. Für den Feed verwenden Sie Hochformat 4:5 oder Quadrat.
Wie füge ich meiner Website einen Vorher-Nachher-Slider hinzu?
Wählen Sie Slider für Ihre Website und laden Sie die ZIP-Datei herunter. Öffnen Sie index.html, um es in Aktion zu sehen. Kopieren Sie den Block, der mit div class ba-slider beginnt, in einen benutzerdefinierten HTML-Block in WordPress, Webflow, Squarespace oder Shopify, und laden Sie before.jpg und after.jpg an denselben Ort hoch, oder ändern Sie die beiden Bildadressen auf den Speicherort, an den Sie sie hochgeladen haben.
Was, wenn meine beiden Fotos unterschiedliche Größen haben?
Die Ausgabe richtet sich nach dem Vorher-Foto oder dem von Ihnen gewählten Format, und beide Fotos werden von der Mitte zugeschnitten, um es auszufüllen. Für eine saubere Linie nehmen Sie beide Fotos vom selben Ort mit demselben Zoom auf.
Ist es wirklich kostenlos und gibt es ein Wasserzeichen?
Es ist kostenlos, ohne Anmeldung und ohne Begrenzung. Ein kleiner 3dstudio.co-Credit wird standardmäßig in der Ecke hinzugefügt; deaktivieren Sie 'Einen kleinen 3dstudio.co-Credit hinzufügen', und er verschwindet.
Sind meine Fotos hochgeladen?
Nein. Die Fotos werden in diesem Browser-Tab auf Ihrem eigenen Computer geöffnet, gezeichnet und gespeichert und niemals an uns oder Dritte gesendet.
Weitere kostenlose Tools

Weitere kostenlose 3D- und CAD-Tools

Jeder läuft in Ihrem Browser, genau wie dieser.

Laptop zeigt ein farbcodiertes, aufgeschnittenes 3D-BIM-Modell eines Gebäudes, daneben gedruckte Pläne

IFC Viewer

Öffnen Sie IFC-Dateien aus Revit, ArchiCAD und Tekla. Filtern Sie nach Element und Ebene, prüfen Sie Eigenschaften und messen Sie.

IFC Viewer öffnen
Laptop, der ein 3D-Modell eines holzverkleideten Mehrfamilienhauses mit einem Maßstab daneben zeigt

Revit-Viewer

.rvt-Dateien ohne Revit öffnen: von Autodesk in IFC konvertiert und dann mit Ebenen und Eigenschaften angezeigt.

Den Revit-Viewer öffnen
Monitor zeigt ein BIM-Modell eines Bürogebäudes mit blauem Stahl und orangefarbenen Lüftungskanälen, davor ein weißer Schutzhelm

BIM-Viewer

BIM-Modelle aus Revit, Archicad und Tekla ohne Lizenz prüfen: Ebenen, Eigenschaften, Messen.

BIM-Viewer öffnen
Laptop auf einem Eichenschreibtisch zeigt einen CAD-Grundriss mit farbigen Ebenen, daneben eine gerollte Zeichnung

DWG-Viewer

Öffnen Sie AutoCAD DWG- und DXF-Zeichnungen online: jedes Layout, Ebenen ein- und ausblenden, zoomen und schwenken.

Öffnen Sie den DWG-Viewer.
Laptop zeigt eine CAD-Zeichnung einer mechanischen Teilkontur mit farbigen Schichten neben einer lasergeschnittenen Aluminiumversion des Teils

DXF-Viewer

DXF-Dateien online öffnen: jedes Layout, Ebenen ein- und ausschalten, zoomen, dann als PDF oder SVG speichern.

DXF-Viewer öffnen
Gedruckter Architektur-Grundriss auf einem Schreibtisch neben einem Laptop, der denselben Plan zeigt

DWG zu PDF

AutoCAD-Zeichnungen als PDF plotten: Layouts 1:1 mit Schriftfeldern, Linienstärken und Schraffuren.

DWG als PDF öffnen
Materialmuster aus Ziegel, Stein und Eiche vor einem Monitor, der eine lila-blaue Normal Map zeigt

Normal Map Generator

Erstellen Sie Normalen-, Höhen-, Rauheits- und AO-Karten aus jedem Bild, nahtlos, falls erforderlich.

Normal Map Generator öffnen
Gedruckter Architekturplan auf einem Schreibtisch neben einem Laptop, der denselben Plan als farbige CAD-Linien zeigt.

PDF zu DWG

Verwandeln Sie PDF-Zeichnungen in CAD-Linien für AutoCAD: Linien, Text und Ebenen, im Zeichnungsmaßstab.

PDF in DWG öffnen
Lasergeschnittenes Birkensperrholzschild mit gebogener Logokontur neben einem Laptop, der die gleichen Vektorpfade zeigt

SVG zu DXF

SVG in DXF umwandeln für CAD, Laserschneiden und CNC: exakte Linien, Ebenen, echte Größe.

SVG zu DXF öffnen
Schwarz-weiß gedrucktes Logo auf Papier neben einer lasergeschnittenen Stahlversion desselben Logos

PNG zu DXF

PNG- und JPG-Bilder in DXF-Formen für Laserschneiden, CNC und CAD nachzeichnen.

PNG in DXF öffnen
Lasergeschnittenes Sperrholzpaneel neben einem Laptop, der dasselbe Muster als Vektorlinien zeigt

DXF Konverter

DXF-Zeichnungen öffnen und als PDF oder SVG speichern, mit Layouts, Linienstärken und Schraffuren.

DXF Konverter öffnen
Gefräste Aluminiumhalterung neben einem Laptop, der dasselbe Teil als 3D-CAD-Modell zeigt

STEP Viewer

Öffnen Sie STEP- und IGES-Dateien aus SolidWorks, Fusion 360 und Inventor. Sehen Sie jedes Teil und messen Sie.

STEP Viewer öffnen
Laptop zeigt ein 3D-Modell eines Liegestuhls neben kleinen gedruckten und hölzernen 3D-Modellen auf einem Schreibtisch

3D-Viewer

Öffnen Sie 18 Arten von 3D-Dateien online, von STEP und FBX bis GLB und IFC, mit Teilen und Messfunktion.

3D-Viewer öffnen
Tablet zeigt ein glänzendes 3D-Produktmodell eines Sneakers in einem Web-Viewer neben dem echten Schuh

GLB-Viewer

Öffnen Sie GLB- und glTF-Dateien mit ihren Materialien und Texturen, Größe und Dreiecksanzahl.

GLB-Viewer öffnen
Monitor zeigt ein texturiertes 3D-Modell einer Keramikvase neben der echten Vase auf dem Schreibtisch

OBJ-Viewer

Öffnen Sie OBJ-Dateien mit ihren MTL-Materialien und Texturen und speichern Sie sie als STL, GLB oder STEP.

OBJ-Viewer öffnen
Laptop zeigt ein blau-graues 3D-CAD-Modell eines mechanischen Teils neben einer 3D-gedruckten Kopie des Teils

SolidWorks-Viewer

Öffnen Sie SolidWorks-Teildateien ohne SolidWorks und speichern Sie sie dann als STL, STEP oder GLB.

SolidWorks-Viewer öffnen
Desktop-3D-Drucker mit einem gedruckten grauen Gebäudemodell auf seiner Bauplatte

STL-Viewer

STL-Dateien für den 3D-Druck anzeigen, mit Größe, Volumen, Gewicht und einer Dichtigkeitsprüfung.

STL Viewer öffnen
Laptop zeigt ein Drahtgitter-Hausmodell, dazu ein 3D-gedrucktes und ein Holzmodell desselben Hauses

3D-Konverter

Konvertieren Sie zwischen STEP, OBJ, FBX, STL, glTF, PLY, IFC und mehr, in beide Richtungen.

3D-Konverter öffnen
Gefrästes Aluminiumteil neben einer identischen 3D-gedruckten Kunststoffkopie

STEP zu STL

STEP- und STP-Dateien von SolidWorks, Fusion 360 und Inventor in STL für den 3D-Druck konvertieren.

STEP zu STL öffnen
Desktop-3D-Drucker druckt ein mehrfarbiges Teil, mit einem fertigen Teil und einer Filamentrolle daneben

3MF zu STL

Konvertieren Sie 3MF-Dateien von Bambu Studio und PrusaSlicer in STL oder STL in 3MF.

3MF zu STL öffnen
Weißes 3D-gedrucktes Lithophan einer Berglandschaft, von hinten durch Fensterlicht beleuchtet

Bild zu STL

PNG- und JPG-Bilder in STL- oder OBJ-Reliefs und Lithophanien für den 3D-Druck umwandeln.

Bild zu STL öffnen
3D-gedruckte Teile und ein kleines gedrucktes Gebäudemodell mit einer Spule Filament

STL-Konverter

Konvertieren Sie 3D-Dateien und Bilder in STL für den 3D-Druck, mit einer Dichtigkeitsprüfung.

STL-Konverter öffnen
Laptop zeigt ein texturiertes 3D-Modell eines Lounge-Sessels, dazu Stoff- und Holzproben

OBJ-Konverter

Konvertieren Sie STL, FBX, STEP, glTF und 3DS in OBJ mit Materialien, oder OBJ in andere Formate.

OBJ-Konverter öffnen
Monitor zeigt eine graue 3D-Menschenfigur in T-Pose mit ihrem Knochenskelett

FBX-Konverter

Konvertieren Sie FBX-Dateien von 3ds Max, Maya und Blender in OBJ, GLB oder STL.

FBX-Konverter öffnen
1,247
Projekte abgeschlossen
13
Jahre im Geschäft
17
Länder, in die geliefert wurde
★★★★★ Bewertet mit 5.0 auf Clutch · Unsere Bewertungen ansehen

Architekten, Entwickler & Innenarchitekten.

Tätig für 215 Unternehmen seit 2013.

125 der 220 Kunden kamen zurück.

Mehr als die Hälfte unserer Kunden hat uns erneut beauftragt.

Von leer zu fertig

Benötigen Sie das Nachher-Foto erstellt?

Senden Sie die Fotos der leeren Räume oder des Standorts und beschreiben Sie, was das Nachher-Bild zeigen soll. Wir antworten mit einem Festpreis und einem Liefertermin innerhalb von 30 Minuten.

Erhalten Sie ein Festpreisangebot in 30 Minuten Virtuelles Staging ansehen