Gratis verktøy for før- og etter-glidebrytere
Slider, video og bilde fra to bilder

Dra et før-bilde og et etter-bilde, dra linjen for å sammenligne dem, og lagre resultatet som en video for Reels og TikTok, et bilde for en annonse, eller en slider for din egen nettside.

Alt lages i nettleseren din, så bildene forlater aldri datamaskinen din.

Gratis, ingen registrering, ingen vannmerke. Bildene dine forblir på datamaskinen din. Slideren, bildene og videoen lages i denne nettleserfanen, og bildene lastes aldri opp til oss eller noen andre.

Nettbrett som viser en stue delt på midten, tom på venstre side og møblert på høyre side
  • Wipe video i MP4, kvadratisk, stående, vertikal eller liggende
  • Delte eller side om side bilder i full oppløsning
  • En slider for WordPress, Webflow eller hvilken som helst nettside
Slik fungerer det

Hvordan lage en før og etter-slider

3 trinn, og bildene forlater aldri datamaskinen din.

1. Legg til de to bildene

Dra før-bildet til venstre boks og etter-bildet til høyre, eller dra begge samtidig. Ta dem fra samme sted slik at linjen stemmer overens.

2. Sammenlign og sett opp

Dra linjen på forhåndsvisningen. Velg format, endre eller skjul Før og Etter-etikettene, og bytt plass på bildene hvis de er feil vei.

3. Last ned

Lagre en wipe-video, et bilde med linjen, et side ved side-bilde, eller en slider for nettstedet ditt som en ZIP med HTML-en og begge bildene.

Hva du får

En video, et bilde og en slider fra de samme to bildene

Hver utgang, og innstillingene som følger med den.

Før og etter-video

Linjen sveiper frem og tilbake på 4 til 10 sekunder og looper rent. Velg vertikal 9:16 for Reels, TikTok og Stories, 4:5 eller kvadratisk for feeden, eller 16:9 for YouTube og nettsteder. MP4 der nettleseren din kan ta det opp, ellers WebM.

Før og etter-bilde

En JPG med linjen der du slipper den, eller de to bildene side ved side (ett over det andre i høye formater). Opptil 4096 piksler på langsiden, slik at det holder i trykk og på portalene for eiendomsoppføringer.

Slider for nettstedet ditt

En ZIP med index.html, before.jpg og after.jpg. Slideren er ren HTML og CSS med én linje skript: lim inn blokken i WordPress, Webflow, Squarespace eller Shopify som egendefinert HTML og last opp de to bildene.

Etiketter og kreditering

Gi etikettene nytt navn, for eksempel Tomt og Møblert eller 2019 og 2026, eller slå dem av. Den lille 3dstudio.co-krediteringen er på som standard og forsvinner med ett klikk.

Hvem bruker den

Før og etter for oppføringer, renoveringer og renders

Jobbene en før og etter-visning gjør best.

Eiendomsmeglere

Vis et tomt rom ved siden av den møblerte versjonen, eller et slitent kjøkken ved siden av oppussingen det kunne ha fått. En vertikal video får flere visninger på Reels enn to separate bilder.

Oppussing og interiør

Byggere, kjøkkenmontører, malere og interiørdesignere: legg jobben før og etter på nettstedet ditt som en slider, og på sosiale medier som en video.

Arkitekter og utviklere

Sammenlign et stedsbilde med renderet av det som skal bygges der, for planleggingspresentasjoner, salgssider og informasjonskvelder for naboer.

Bilderedigering

Vis en retusjering, fargegradering, himmelutskifting eller en AI-redigering ved siden av originalen. Nettstedets glidebryter lar klienter bedømme endringen selv.

Når du trenger 'etter'-bildet

Hva vi lager for 'før' og 'etter'

Etterbildet er den vanskelige delen. Dette er ekte virtuelle iscenesettingsjobber fra teamet vårt: dra hver linje for å sammenligne.

Den tomme stuen i leiligheten som fotografert, med balkongdør og lyst tregulv, før virtuell stylingDen samme stuen etter virtuell styling, med en hjørnesofa, en mediebenk, et TV og en rottingpendel
FørEtter

Boliger til salgs og leie

Tomme leiligheter og hus møblert på bildet, for annonser og utleie.

Se virtuell styling
Et tomt møterom med blått teppe, fire høye vinduer og veggovner, som fotografert, FinlandDet samme møterommet etter virtuell styling, med et langt bord, blå stoler, en whiteboardtavle og planter
FørEtter

Kontorer og møterom

Tomme kontorer møblert slik at en utleiemegler kan vise hva plassen er til.

Se virtuell iscenesetting for kontorer
Et stort tomt fellesområde med betonggulv og en hevet plattform bak, som fotografert, FinlandDet samme området etter virtuell styling, med et langt bord, mapper, blå stoler og en plante i forgrunnen
FørEtter

Delte og kommersielle rom

Kantine, lounger og åpne arealer vist i bruk før noen flytter inn.

Få et tilbud på virtuell iscenesetting
'Før' og 'etter' FAQ

Spørsmål om 'før' og 'etter'-skaperen

Formater, nettstedets glidebryter, personvern og kreditten.

Still oss et spørsmål
Hvordan lager jeg en før og etter-video for Instagram Reels?
Legg til de to bildene, angi formatet til Vertikal 9:16, velg en videolengde på 6 eller 8 sekunder og last ned videoen. Last den opp til Reels, TikTok eller Stories som den er. For feeden, bruk Portrett 4:5 eller Kvadrat.
Hvordan legger jeg til en før-og-etter-slider på nettstedet mitt?
Velg Slider for nettstedet ditt og last ned ZIP-filen. Åpne index.html for å se den i funksjon. Kopier blokken som starter med div class ba-slider inn i en tilpasset HTML-blokk i WordPress, Webflow, Squarespace eller Shopify, og last opp before.jpg og after.jpg til samme sted, eller endre de to bildeadressene til der du lastet dem opp.
Hva om mine to bilder har ulik størrelse?
Resultatet tar form fra før-bildet, eller fra formatet du velger, og begge bildene beskjæres fra midten for å fylle det. For en ren linje, ta begge bildene fra samme sted med samme zoom.
Er det virkelig gratis, og er det et vannmerke?
Det er gratis, uten registrering og ingen grense. En liten 3dstudio.co-kreditering legges til i hjørnet som standard; fjern haken fra Legg til en liten 3dstudio.co-kreditering, og den forsvinner.
Er bildene mine lastet opp?
Nei. Bildene åpnes, tegnes og lagres i denne nettleserfanen på din egen datamaskin og blir aldri sendt til oss eller noen andre.
Flere gratisverktøy

Andre gratis 3D- og CAD-verktøy

Hver av dem kjører i nettleseren din, akkurat som denne.

Bærbar PC som viser en fargekodet 3D BIM-modell av en åpen bygning, med utskrevne tegninger ved siden av

IFC-visningsprogram

Åpne IFC-filer fra Revit, ArchiCAD og Tekla. Filtrer etter element og nivå, sjekk egenskaper og mål.

Åpne IFC-visningsprogrammet
Bærbar PC viser en 3D-modell av et trekledd leilighetsbygg, med en målestokk ved siden av.

Revit visningsprogram

Åpne .rvt-filer uten Revit: konvertert til IFC av Autodesk, deretter vist med nivåer og egenskaper.

Åpne Revit-visningsprogrammet
Skjerm som viser en BIM-modell av et kontorbygg med stål i blått og kanaler i oransje, med en hvit vernehjelm foran

BIM-viser

Gjennomgå BIM-modeller fra Revit, Archicad og Tekla uten lisens: nivåer, egenskaper, måling.

Åpne BIM-viseren
Bærbar PC på et eikebord som viser en CAD-grunnplan med fargede lag, ved siden av en rullet tegning

DWG visningsprogram

Åpne AutoCAD DWG- og DXF-tegninger på nett: alle layouter, slå lag på og av, zoom og panorer.

Åpne DWG-visningsprogrammet
Bærbar PC som viser en CAD-tegning av en mekanisk delkontur med fargede lag ved siden av en laserskåret aluminiumversjon av delen

DXF-viser

Åpne DXF-filer online: hver layout, lag på og av, zoom, deretter lagre som PDF eller SVG.

Åpne DXF-viseren
Utskrevet arkitektonisk grunnplan på et skrivebord ved siden av en bærbar PC som viser den samme planen

DWG til PDF

Plott AutoCAD-tegninger til PDF: layouter 1:1 med tittelfelt, linjetykkelser og skravur.

Åpne DWG til PDF
Materialprøver av murstein, stein og eik foran en skjerm som viser et lilla og blått normal map

Normal kart generator

Lag normal-, høyde-, ruhet- og AO-kart fra et hvilket som helst bilde, sømløst hvis du trenger det.

Åpne normal kart generatoren
Utskrevet arkitektonisk plan på et skrivebord ved siden av en bærbar PC som viser den samme planen som fargede CAD-linjer

PDF til DWG

Gjør om PDF-tegninger til CAD-linjer for AutoCAD: linjer, tekst og lag, i tegneskala.

Åpne PDF til DWG
Laserskåret bjørkefiner-skilt med en buet logokontur ved siden av en bærbar PC som viser de samme vektorbanene

SVG til DXF

Konverter SVG til DXF for CAD, laserskjæring og CNC: eksakte linjer, lag, reell størrelse.

Åpne SVG til DXF
Svart-hvitt trykt logo på papir ved siden av en laserskåret stålversjon av den samme logoen

PNG til DXF

Spor PNG- og JPG-bilder til DXF-former for laserskjæring, CNC og CAD.

Åpne PNG til DXF
Laserskjært kryssfinerpanel som står ved siden av en bærbar PC som viser det samme mønsteret som vektorlinjer

DXF-konverterer

Åpne DXF-tegninger og lagre dem som PDF eller SVG, med layouter, linjetykkelser og skraveringer.

Åpne DXF-konvertereren
Maskinert aluminiumsfeste ved siden av en bærbar PC som viser den samme delen som en 3D CAD-modell

STEP-viser

Åpne STEP- og IGES-filer fra SolidWorks, Fusion 360 og Inventor. Se hver del og mål.

Åpne STEP-visningsprogrammet.
Bærbar PC som viser en 3D-modell av en sjeselong ved siden av små trykte og tredimensjonale modeller på et skrivebord

3D-visningsprogram

Åpne 18 typer 3D-filer på nettet, fra STEP og FBX til GLB og IFC, med deler og måling.

Åpne 3D-visningsprogrammet
Nettbrett som viser en blank 3D-produktmodell av en sneaker i et nettleser-visningsprogram ved siden av den ekte skoen

GLB-visningsprogram

Åpne GLB- og glTF-filer med deres materialer og teksturer, størrelse og antall triangler.

Åpne GLB-visningsprogrammet
Skjerm som viser en teksturert 3D-modell av en keramikkvase ved siden av den ekte vasen på skrivebordet

OBJ-visningsprogram

Åpne OBJ-filer med deres MTL-materialer og teksturer, og lagre som STL, GLB eller STEP.

Åpne OBJ-visningsprogrammet
Bærbar PC som viser en blågrå 3D CAD-modell av en mekanisk del ved siden av en 3D-printet kopi av delen

SolidWorks-visningsprogram

Åpne SolidWorks-delfiler uten SolidWorks, og lagre dem deretter som STL, STEP eller GLB.

Åpne SolidWorks-visningsprogrammet
Bordbasert 3D-printer med en utskrevet grå bygningsmodell på byggeplaten

STL-viser

Vis STL-filer for 3D-printing med størrelse, volum, vekt og en vanntetthetssjekk.

Åpne STL-visningsprogrammet
Bærbar PC som viser en trådrammemodell av et hus, med en 3D-printet og en tremodell av det samme huset

3D-konverter

Konverter mellom STEP, OBJ, FBX, STL, glTF, PLY, IFC og mer, i begge retninger.

Åpne 3D-konverteren
Maskinert aluminiumsdel ved siden av en identisk 3D-printet plastkopi

STEP til STL

Konverter STEP- og STP-filer fra SolidWorks, Fusion 360 og Inventor til STL for 3D-printing.

Åpne STEP til STL
Stasjonær 3D-printer som printer en flerfarget del, med en ferdig del og en spole filament ved siden av

3MF til STL

Konverter 3MF-filer fra Bambu Studio og PrusaSlicer til STL, eller STL til 3MF.

Åpne 3MF til STL
Hvit 3D-printet litofan av et fjellandskap, belyst bakfra av vinduslys

Bilde til STL

Gjør om PNG- og JPG-bilder til STL- eller OBJ-relieffer og litofaner for 3D-printing.

Åpne bilde til STL
3D-printede deler og en liten printet bygningsmodell med en filamentrull

STL-konverter

Konverter 3D-filer og bilder til STL for 3D-utskrift, med en vanntett kontroll.

Åpne STL-konverteren
Bærbar PC som viser en teksturert 3D-modell av en lenestol, med stoff- og treprøver

OBJ-konverter

Konverter STL, FBX, STEP, glTF og 3DS til OBJ med materialer, eller OBJ til andre formater.

Åpne OBJ-konverteren
Skjerm som viser en grå 3D menneskefigur i T-posisjon med sitt benbygning

FBX-konverter

Konverter FBX-filer fra 3ds Max, Maya og Blender til OBJ, GLB eller STL.

Åpne FBX-konverteren
1,247
Prosjekter fullført
13
År i bransjen
17
Land levert til
★★★★★ Vurdert 5.0 på Clutch · Se våre anmeldelser

Arkitekter, utbyggere & interiørdesignere.

Jobber for 215 selskaper siden 2013.

125 av 220 kunder kom tilbake.

Mer enn halvparten av våre kunder har engasjert oss igjen.

Fra tomt til ferdig

Trenger du 'etter'-bildet laget?

Send bildene av de tomme rommene eller tomten, og si hva 'etter'-bildet skal vise. Vi svarer med en fast pris og en leveringsdato innen 30 minutter.

Få et fast tilbud på 30 minutter Se virtuell styling