Gratis maker van voor-en-na-schuifregelaars
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
  • Gedeelde of naast elkaar geplaatste afbeeldingen in volledige resolutie
  • Een slider voor WordPress, Webflow of elke website
Hoe het werkt

Hoe maak je een voor en na slider

3 stappen, en de foto's verlaten nooit je 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. Neem ze vanaf hetzelfde punt zodat de lijn uitlijnt.

2. Vergelijken en instellen

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

3. Downloaden

Sla een veegvideo op, een afbeelding met de lijn, een zij-aan-zij afbeelding, of een slider voor je 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 heen en weer in 4 tot 10 seconden en herhaalt naadloos. 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 je browser het kan opnemen, anders WebM.

Voor en na afbeelding

Een JPG met de lijn waar je 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 advertentieportals.

Slider voor je 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

Hernoem de labels naar wat je maar wilt, bijvoorbeeld Leeg en Gestyled of 2019 en 2026, of schakel ze uit. De kleine 3dstudio.co credit is standaard ingeschakeld en verdwijnt met één klik.

Wie gebruikt het

Voor en na voor advertenties, renovaties en renders

De taken die een voor en na het beste uitvoert.

Makelaars

Toon een lege kamer naast de gestylde versie, of een vermoeide keuken naast de renovatie die het had kunnen zijn. 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 website-schuifregelaar laat klanten de verandering zelf beoordelen.

Wanneer u de 'na'-foto nodig heeft

Wat wij maken voor voor en na

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 virtuele stagingDezelfde woonkamer na virtuele 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 aanbiedingen en verhuur.

Bekijk virtuele inrichting
Een lege vergaderruimte met blauw tapijt, vier hoge ramen en wandverwarmers, zoals gefotografeerd, FinlandDezelfde vergaderruimte na virtuele 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 virtuele 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
Voor en na FAQ

Vragen over de voor-en-na-maker

Formaten, de website-schuifregelaar, privacy en de credit.

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 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
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 architectonische plattegrond 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

Normaalmapgenerator

Maak normale, hoogte-, ruwheids- en AO-texturen van elke afbeelding, naadloos indien nodig.

Open de generator voor normale texturen
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 berken multiplex bord 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

Traceer PNG- en JPG-afbeeldingen naar 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 polygooncount.

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 draadframe huismodel, 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
Bewerkte aluminium onderdeel naast een identieke 3D-geprinte plastic kopie

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 afdrukt, 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 litho's voor 3D-printen.

Afbeelding naar STL openen
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 3D menselijke figuur in T-houding met zijn botten-skelet

FBX-converter

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

Open de FBX-converter
1,247
Voltooide projecten
13
Jaren actief
17
Landen waaraan geleverd
★★★★★ Beoordeeld 5.0 op Clutch · Bekijk onze reviews

Architecten, ontwikkelaars & 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 de 'na'-situatie moet tonen. Wij antwoorden met één vaste prijs en een leverdatum binnen 30 minuten.