Gratis voor-en-na-slider maken
Slider, video en afbeelding van twee foto's

Sleep een 'voor'-foto en een 'na'-foto, versleep de lijn om ze te vergelijken, en sla het resultaat op als een video voor Reels en TikTok, een afbeelding voor een advertentie, of een slider voor uw eigen website.

Alles wordt in uw browser gemaakt, dus de foto's verlaten uw computer nooit.

Gratis, geen aanmelding, geen watermerk. Uw foto's blijven op uw computer. De slider, afbeeldingen en video worden in dit browsertabblad gemaakt en de foto's worden nooit naar ons of iemand anders geüpload.

Tablet toont een woonkamer die in het midden is gesplitst, leeg aan de linkerkant en ingericht aan de rechterkant
  • Wipe-video in MP4, vierkant, staand, verticaal of liggend
  • Gesplitste of naast elkaar geplaatste afbeeldingen in volledige resolutie
  • Een slider voor WordPress, Webflow of elke website
Hoe het werkt

Hoe u een voor-en-na-slider maakt

3 stappen, en de foto's verlaten nooit uw computer.

1. Voeg de twee foto's toe

Sleep de 'voor'-foto naar het linkervak en de 'na'-foto naar het rechtervak, of sleep ze beide tegelijk. Maak ze vanaf dezelfde plek, zodat beide beelden bij de lijn goed op elkaar aansluiten.

2. Vergelijken en instellen

Sleep de lijn op de voorvertoning. Kies het formaat, wijzig of verberg de labels 'Voor' en 'Na', en wissel de foto's om als ze verkeerd om staan.

3. Downloaden

Sla een wipe-video op, een afbeelding met de lijn, een afbeelding met de foto's naast elkaar, of een slider voor uw website als een ZIP met de HTML en beide foto's.

Wat u krijgt

Een video, een afbeelding en een slider van dezelfde twee foto's

Elke output, en de bijbehorende instellingen.

Voor-en-na-video

De lijn veegt in 4 tot 10 seconden heen en weer en loopt naadloos in een lus. Kies verticaal 9:16 voor Reels, TikTok en Stories, 4:5 of vierkant voor de feed, of 16:9 voor YouTube en websites. MP4 waar uw browser het kan opnemen, anders WebM.

Voor-en-na-afbeelding

Een JPG met de lijn waar u deze achterlaat, of de twee foto's naast elkaar (boven elkaar in de hoge formaten). Tot 4.096 pixels aan de lange zijde, zodat het standhoudt in print en op vastgoedportalen.

Slider voor uw website

Een ZIP met index.html, before.jpg en after.jpg. De slider is pure HTML en CSS met één scriptregel: plak het blok in WordPress, Webflow, Squarespace of Shopify als aangepaste HTML en upload de twee foto's.

Labels en credit

Geef de labels elke naam die u wilt, bijvoorbeeld Leeg en Ingericht of 2019 en 2026, of schakel ze uit. De kleine 3dstudio.co-vermelding staat standaard aan en verdwijnt met één klik.

Wie gebruikt het

Voor en na voor advertenties, renovaties en renders

De toepassingen waarin een voor-en-na-vergelijking het best tot zijn recht komt.

Makelaars

Toon een lege kamer naast de ingerichte versie, of een versleten keuken naast de renovatie die mogelijk is. Een verticale video krijgt meer weergaven op Reels dan twee aparte foto's.

Renovatie en interieurs

Aannemers, keukenbouwers, schilders en interieurontwerpers: plaats het 'voor' en 'na' van een project op uw website als een slider, en op sociale media als een video.

Architecten en ontwikkelaars

Vergelijk een foto van de locatie met de render van wat daar gebouwd zal worden, voor planningspresentaties, verkooppagina's en informatieavonden voor omwonenden.

Fotobewerking

Toon een retouche, een kleurcorrectie, een luchtvervanging of een AI-bewerking naast het origineel. De slider op uw website laat klanten de verandering zelf beoordelen.

Wanneer u de 'na'-foto nodig heeft

Wat wij maken voor voor-en-na-beelden

De ‘na’-foto is het moeilijke deel. Dit zijn echte virtuele inrichtingsprojecten van ons team: sleep elke lijn om te vergelijken.

De lege woonkamer van het appartement zoals gefotografeerd, met een balkondeur en een lichte houten vloer, vóór virtual stagingDezelfde woonkamer na virtual staging, met een hoekbank, een mediameubel, een televisie en een rotan hanglamp
VoorNa

Woningen te koop en te huur

Lege appartementen en huizen ingericht op de foto, voor verkoop- en verhuuradvertenties.

Bekijk virtual staging
Een lege vergaderruimte met blauw tapijt, vier hoge ramen en wandverwarmers, zoals gefotografeerd, FinlandDezelfde vergaderruimte na virtual staging, met een lange tafel, blauwe stoelen, een whiteboard en planten
VoorNa

Kantoren en vergaderruimtes

Kale kantoren ingericht zodat een verhuurmakelaar kan laten zien waar de ruimte voor bedoeld is.

Bekijk virtuele inrichting voor kantoren
Een grote lege gemeenschappelijke ruimte met een betonnen vloer en een verhoogd podium aan de achterkant, zoals gefotografeerd, FinlandDezelfde ruimte na virtual staging, met een lange tafel, mappen, blauwe stoelen en een plant op de voorgrond
VoorNa

Gedeelde en commerciële ruimtes

Kantines, lounges en open ruimtes getoond in gebruik voordat iemand intrekt.

Vraag een offerte aan voor virtuele inrichting
Veelgestelde vragen over voor-en-na

Vragen over de voor-en-na-maker

Formaten, de slider voor uw website, privacy en de vermelding.

Stel ons een vraag
Hoe maak ik een voor-en-na-video voor Instagram Reels?
Voeg de twee foto's toe, stel het formaat in op Verticaal 9:16, kies een videolengte van 6 of 8 seconden en download de video. Upload het zoals het is naar Reels, TikTok of Stories. Gebruik voor de feed Portret 4:5 of Vierkant.
Hoe voeg ik een voor-en-na-slider toe aan mijn website?
Kies Slider voor uw website en download de ZIP. Open index.html om het werkend te zien. Kopieer het blok dat begint met div class ba-slider in een aangepast HTML-blok in WordPress, Webflow, Squarespace of Shopify, en upload before.jpg en after.jpg naar dezelfde locatie, of wijzig de twee afbeeldingsadressen naar waar u ze heeft geüpload.
Wat als mijn twee foto's verschillende formaten hebben?
Het resultaat krijgt zijn vorm van de 'voor'-foto, of van het formaat dat u kiest, en beide foto's worden vanuit het midden bijgesneden om het te vullen. Voor een strakke lijn maakt u beide foto's vanaf dezelfde plek met dezelfde zoom.
Is het echt gratis, en zit er een watermerk op?
Het is gratis, zonder aanmelding en zonder limiet. Standaard wordt een kleine 3dstudio.co-vermelding in de hoek toegevoegd; vink 'Voeg een kleine 3dstudio.co-vermelding toe' uit en deze verdwijnt.
Zijn mijn foto's geüpload?
Nee. De foto's worden geopend, getekend en opgeslagen in dit browsertabblad op uw eigen computer en worden nooit naar ons of iemand anders gestuurd.
Meer gratis tools

Andere gratis 3D- en CAD-tools

Elke tool werkt in uw browser, net als deze.

Laptop op een eikenhouten bureau waarop een wit SketchUp-model van een villa wordt vergeleken met dezelfde villa als een fotorealistische AI-render

AI-render

Zet een screenshot van uw SketchUp-, Revit- of Rhino-model in ongeveer 20 seconden om in een fotorealistische render.

Maak een AI-render
Laptop toont een kleurgecodeerd 3D BIM-model van een opengesneden gebouw, met ernaast afgedrukte plattegronden

IFC-viewer

Open IFC-bestanden van Revit, ArchiCAD en Tekla. Filter op element en niveau, controleer eigenschappen en meet.

Open de IFC-viewer
Laptop toont een 3D-model van een appartementengebouw met houten bekleding, met een schaallat ernaast

Revit-viewer

Open .rvt-bestanden zonder Revit: geconverteerd naar IFC door Autodesk, vervolgens bekeken met niveaus en eigenschappen.

Open de Revit-viewer
Twee laptops op een eiken bureau, de ene toont een Revit-model en de andere hetzelfde gebouw als een kleurgecodeerd IFC-model

Revit naar IFC-converter

Converteer RVT-bestanden naar IFC 2x3 met niveaus en eigenschappen, met de eigen conversie van Autodesk.

Revit naar IFC omzetten
Monitor toont een BIM-model van een kantoorgebouw met staal in blauw en leidingen in oranje, met een witte bouwhelm ervoor

BIM-viewer

Bekijk BIM-modellen van Revit, Archicad en Tekla zonder licentie: niveaus, eigenschappen, meten.

Open de BIM-viewer
Laptop op een eikenhouten bureau toont een CAD-plattegrond met gekleurde lagen, naast een opgerolde tekening

DWG-viewer

Open AutoCAD DWG- en DXF-tekeningen online: elke lay-out, lagen aan en uit, zoom en pan.

Open de DWG-viewer
Laptop toont een CAD-tekening van de omtrek van een mechanisch onderdeel met gekleurde lagen naast een lasergesneden aluminium versie van het onderdeel

DXF-viewer

Open DXF-bestanden online: elke lay-out, lagen aan en uit, zoom, daarna opslaan als PDF of SVG.

Open de DXF-viewer
Afgedrukte architectuurplattegrond op een bureau naast een laptop die hetzelfde plan toont

DWG naar PDF

Plot AutoCAD-tekeningen naar PDF: lay-outs 1:1 met titelblokken, lijndiktes en arceringen.

Open DWG naar PDF
Baksteen-, steen- en eikenhoutstalen voor een monitor die een paarse en blauwe normal map toont

Normal map generator

Maak normal-, height-, roughness- en AO-maps van elke afbeelding, naadloos indien nodig.

Open de normal map generator
Geprinte architectuurplattegrond op een bureau naast een laptop die hetzelfde plan toont als gekleurde CAD-lijnen

PDF naar DWG

Zet PDF-tekeningen om in CAD-lijnen voor AutoCAD: lijnen, tekst en lagen, op tekeningschaal.

Open PDF naar DWG
Lasergesneden bord van berkenmultiplex met een gebogen logo-omtrek naast een laptop die dezelfde vectorpaden toont

SVG naar DXF

Converteer SVG naar DXF voor CAD, lasersnijden en CNC: exacte lijnen, lagen, echte grootte.

Open SVG naar DXF
Zwart-wit gedrukt logo op papier naast een lasergesneden stalen versie van hetzelfde logo

PNG naar DXF

Zet PNG- en JPG-afbeeldingen om in DXF-vormen voor lasersnijden, CNC en CAD.

Open PNG naar DXF
Lasergesneden multiplex paneel naast een laptop die hetzelfde patroon toont als vectorlijnen

DXF-converter

Open DXF-tekeningen en sla ze op als PDF of SVG, met lay-outs, lijndiktes en arceringen.

Open de DXF-converter
Bewerkte aluminium beugel naast een laptop die hetzelfde onderdeel toont als een 3D CAD-model

STEP-viewer

Open STEP- en IGES-bestanden van SolidWorks, Fusion 360 en Inventor. Bekijk elk onderdeel en meet.

Open de STEP-viewer
Laptop toont een 3D-model van een loungestoel naast kleine geprinte en houten 3D-modellen op een bureau

3D-viewer

Open online 18 soorten 3D-bestanden, van STEP en FBX tot GLB en IFC, met onderdelen en metingen.

Open de 3D-viewer
Tablet toont een glanzend 3D-productmodel van een sneaker in een webviewer naast de echte schoen

GLB-viewer

Open GLB- en glTF-bestanden met hun materialen en texturen, grootte en aantal driehoeken.

Open de GLB-viewer
Monitor toont een getextureerd 3D-model van een keramische vaas naast de echte vaas op het bureau

OBJ-viewer

Open OBJ-bestanden met hun MTL-materialen en texturen, en sla op als STL, GLB of STEP.

Open de OBJ-viewer
Laptop toont een blauwgrijs 3D CAD-model van een mechanisch onderdeel naast een 3D-geprinte kopie van het onderdeel

SolidWorks-viewer

Open SolidWorks-onderdelenbestanden zonder SolidWorks en sla ze vervolgens op als STL, STEP of GLB.

Open de SolidWorks-viewer
Desktop 3D-printer met een geprint grijs gebouwmodel op de bouwplaat

STL-viewer

Bekijk STL-bestanden voor 3D-printen met controle op grootte, volume, gewicht en waterdichtheid.

Open de STL-viewer
Laptop toont een wireframe-model van een huis, met een 3D-geprint en een houten model van hetzelfde huis

3D-converter

Converteer tussen STEP, OBJ, FBX, STL, glTF, PLY, IFC en meer, in beide richtingen.

Open de 3D-converter
Bewerkt aluminium onderdeel naast een identieke kopie van 3D-geprint kunststof

STEP naar STL

Converteer STEP- en STP-bestanden van SolidWorks, Fusion 360 en Inventor naar STL voor 3D-printen.

Open STEP naar STL
Desktop 3D-printer die een meerkleurig onderdeel print, met een voltooid onderdeel en een spoel filament ernaast

3MF naar STL

Converteer 3MF-bestanden van Bambu Studio en PrusaSlicer naar STL, of STL naar 3MF.

Open 3MF naar STL
Witte 3D-geprinte lithofaan van een berglandschap van achteren verlicht door raamlicht

Afbeelding naar STL

Zet PNG- en JPG-afbeeldingen om in STL- of OBJ-reliëfs en lithofanen voor 3D-printen.

Open afbeelding naar STL
3D-geprinte onderdelen en een klein geprint gebouwmodel met een spoel filament

STL-converter

Converteer 3D-bestanden en afbeeldingen naar STL voor 3D-printen, met een waterdichtheidscontrole.

Open de STL-converter
Laptop toont een getextureerd 3D-model van een loungestoel, met stof- en houtstalen

OBJ-converter

Converteer STL, FBX, STEP, glTF en 3DS naar OBJ met materialen, of OBJ naar andere formaten.

Open de OBJ-converter
Monitor toont een grijze menselijke 3D-figuur in T-pose met botskelet

FBX-converter

Converteer FBX-bestanden van 3ds Max, Maya en Blender naar OBJ, GLB of STL.

Open de FBX-converter

Populaire conversies: PNG naar STL · OBJ naar STL · GLB naar STL · GLB naar OBJ · STL naar STEP · FBX naar OBJ · STL naar OBJ · FBX-viewer · 3MF-viewer · PLY-viewer

1,247
Voltooide projecten
13
Jaren actief
17
Landen waar wij leveren
★★★★★ Beoordeling 4.9 op Clutch · Bekijk onze reviews

Architecten, projectontwikkelaars & interieurontwerpers

Werkt al voor 215 bedrijven sinds 2013

125 van de 220 klanten kwamen terug

Meer dan de helft van onze klanten heeft ons opnieuw ingehuurd

Van leeg naar afgewerkt

De 'na'-foto laten maken?

Stuur de foto's van de lege kamers of de locatie, en geef aan wat het resultaat moet tonen. Wij reageren binnen 30 minuten: een vaste prijs en leverdatum, of de 1-2 vragen die we eerst beantwoord moeten hebben.

Ontvang een reactie binnen 30 minuten Bekijk virtual staging