Gratis skapare av före- och efter-slider
Slider, video och bild från två foton

Släpp ett före-foto och ett efter-foto, dra linjen för att jämföra dem, och spara resultatet som en video för Reels och TikTok, en bild för en annons, eller en slider för din egen webbplats.

Allt skapas i din webbläsare, så fotona lämnar aldrig din dator.

Gratis, ingen registrering, ingen vattenstämpel. Dina foton stannar på din dator. Slidern, bilderna och videon skapas i denna webbläsarflik och fotona laddas aldrig upp till oss eller någon annan.

Surfplatta som visar ett vardagsrum delat på mitten, tomt till vänster och möblerat till höger
  • Svepvideo i MP4 i kvadratiskt, stående, vertikalt eller liggande format
  • Delade bilder eller bilder sida vid sida i full upplösning
  • En slider för WordPress, Webflow eller vilken webbplats som helst
Så fungerar det

Så gör du en före- och efter-slider

3 steg, och bilderna lämnar aldrig din dator.

1. Lägg till de två bilderna

Släpp före-bilden i den vänstra rutan och efter-bilden i den högra, eller släpp båda samtidigt. Ta dem från samma punkt så att linjen matchar.

2. Jämför och ställ in

Dra linjen på förhandsgranskningen. Välj format, ändra eller dölj etiketterna Före och Efter, och byt plats på bilderna om de ligger fel.

3. Ladda ner

Spara en svepvideo, en bild med linjen, en sida vid sida-bild, eller en slider för din webbplats som en ZIP-fil med HTML och båda bilderna.

Vad du får

En video, en bild och en slider från samma två bilder

Varje resultat, och de inställningar som hör till.

Före- och efter-video

Linjen sveper över och tillbaka på 4 till 10 sekunder och loopar sömlöst. Välj vertikalt 9:16 för Reels, TikTok och Stories, 4:5 eller kvadratiskt för flödet, eller 16:9 för YouTube och webbplatser. MP4 där din webbläsare kan spela in det, annars WebM.

Före- och efter-bild

En JPG med linjen där du lämnar den, eller de två bilderna sida vid sida (en ovanför den andra i de höga formaten). Upp till 4 096 pixlar på den långa sidan, så att den håller för tryck och bostadsportaler.

Slider för din webbplats

En ZIP-fil med index.html, before.jpg och after.jpg. Slidern är enkel HTML och CSS med en rad skript: klistra in blocket i WordPress, Webflow, Squarespace eller Shopify som anpassad HTML och ladda upp de två bilderna.

Etiketter och hänvisning

Döp om etiketterna till vad som helst, till exempel Tomt och Stylat eller 2019 och 2026, eller stäng av dem. Den lilla 3dstudio.co-hänvisningen är på som standard och försvinner med ett klick.

Vem använder verktyget

Före och efter för annonser, renoveringar och renderingar

De uppdrag där före och efter fungerar bäst.

Fastighetsmäklare

Visa ett tomt rum bredvid dess stylade version, eller ett slitet kök bredvid renoveringen det kan få. En vertikal video får fler visningar på Reels än två separata foton.

Renovering och interiörer

Byggare, köksmontörer, målare och inredningsarkitekter: visa jobbet före och efter på din webbplats som en slider, och i sociala medier som en video.

Arkitekter och byggherrar

Jämför ett platsfoto med renderingen av det som ska byggas där, för planpresentationer, säljsidor och informationskvällar för grannar.

Fotoredigering

Visa en retusch, färgkorrigering, himmelsersättning eller AI-redigering bredvid originalet. Slidern på webbplatsen låter kunder själva bedöma förändringen.

När du behöver efterbilden

Vad vi gör för före och efter

Efterbilden är den svåra delen. Dessa är verkliga jobb med virtuell möblering från vårt team: dra varje linje för att jämföra.

Det tomma vardagsrummet i lägenheten som fotograferat, med balkongdörr och ett ljust trägolv, före virtuell möbleringSamma vardagsrum efter virtuell möblering, med en hörnsoffa, en mediamöbel, en tv och en taklampa i rotting
FöreEfter

Bostäder till salu och uthyrning

Tomma lägenheter och hus möblerade på bilden, för annonser och uthyrningar.

Se virtual staging
Ett tomt mötesrum med blå matta, fyra höga fönster och väggmonterade värmeelement, som fotograferat, FinlandSamma mötesrum efter virtuell möblering, med ett långt bord, blå stolar, en whiteboard och växter
FöreEfter

Kontor och mötesrum

Tomma kontor möblerade så att en lokalmäklare kan visa vad ytan kan användas till.

Se virtuell möblering för kontor
Ett stort tomt gemensamt utrymme med betonggolv och en upphöjd plattform i bakgrunden, som fotograferats, FinlandSamma område efter virtuell möblering, med ett långt bord, mappar, blå stolar och en växt i förgrunden
FöreEfter

Delade och kommersiella ytor

Matsalar, loungeytor och öppna kontorslandskap som visas i användning innan någon flyttar in.

Få en offert för virtuell möblering
Vanliga frågor om före och efter

Frågor om verktyget för före och efter

Format, slidern för webbplatsen, integritet och hänvisningen.

Ställ oss en fråga
Hur gör jag en före- och eftervideo för Instagram Reels?
Lägg till de två fotona, ställ in formatet till Vertikal 9:16, välj en videolängd på 6 eller 8 sekunder och ladda ner videon. Ladda upp den till Reels, TikTok eller Stories som den är. För flödet, använd Stående 4:5 eller Kvadrat.
Hur lägger jag till en före- och efter-slider på min webbplats?
Välj Slider för din webbplats och ladda ner ZIP-filen. Öppna index.html för att se hur den fungerar. Kopiera blocket som börjar med div class ba-slider in i ett anpassat HTML-block i WordPress, Webflow, Squarespace eller Shopify, och ladda upp before.jpg och after.jpg till samma plats, eller ändra de två bildadresserna till dit du laddade upp dem.
Vad händer om mina två foton har olika storlekar?
Resultatet får sin form från före-fotot, eller från det format du väljer, och båda fotona beskärs från mitten för att fylla det. För en ren linje, ta båda fotona från samma plats med samma zoom.
Är det verkligen gratis, och finns det en vattenstämpel?
Det är gratis utan registrering och utan gräns. En liten 3dstudio.co-hänvisning läggs till i hörnet som standard; avmarkera Lägg till en liten 3dstudio.co-hänvisning så försvinner den.
Har mina bilder laddats upp?
Nej. Bilderna öppnas, ritas och sparas i den här webbläsarfliken på din egen dator och skickas aldrig till oss eller någon annan.
Fler gratisverktyg

Andra gratis 3D- och CAD-verktyg

Var och en körs i din webbläsare, precis som den här.

Bärbar dator på ett ekbord som jämför en vit SketchUp-modell av en villa med samma villa som en fotorealistisk AI-render

AI-rendering

Förvandla en skärmbild av din SketchUp-, Revit- eller Rhino-modell till en fotorealistisk render på cirka 20 sekunder.

Skapa en AI-render
Bärbar dator som visar en färgkodad 3D BIM-modell av en byggnad med genomskärning, med utskrivna planer bredvid sig

IFC viewer

Öppna IFC-filer från Revit, ArchiCAD och Tekla. Filtrera efter element och nivå, kontrollera egenskaper och mät.

Öppna IFC viewer
Bärbar dator som visar en 3D-modell av ett träklätt flerbostadshus, med en skalstock bredvid

Revit viewer

Öppna .rvt-filer utan Revit: konverteras till IFC av Autodesk, visas sedan med nivåer och egenskaper.

Öppna Revit viewer
Två bärbara datorer på ett ekbord, den ena visar en Revit-modell och den andra samma byggnad som en färgkodad IFC-modell

Revit till IFC-konverterare

Konvertera RVT-filer till IFC 2x3 med nivåer och egenskaper, med hjälp av Autodesks egen konvertering.

Konvertera Revit till IFC
Bildskärm som visar en BIM-modell av en kontorsbyggnad med stål i blått och ventilationskanaler i orange, med en vit bygghjälm framför

BIM viewer

Granska BIM-modeller från Revit, Archicad och Tekla utan licens: nivåer, egenskaper, mätning.

Öppna BIM viewer
Bärbar dator på ett ekbord som visar en CAD-planritning med färgade lager, bredvid en rullad ritning

DWG viewer

Öppna AutoCAD DWG- och DXF-ritningar online: alla layouter, lager av och på, zooma och panorera.

Öppna DWG viewer
Bärbar dator som visar en CAD-ritning av en mekanisk del med färgade lager bredvid en laserskuren aluminiumversion av delen

DXF viewer

Öppna DXF-filer online: alla layouter, lager på och av, zoom, spara sedan som PDF eller SVG.

Öppna DXF viewer
Utskriven arkitektritning på ett skrivbord bredvid en bärbar dator som visar samma plan

DWG till PDF

Rita ut AutoCAD-ritningar till PDF: layouter 1:1 med ritningshuvuden, linjevikter och skrafferingar.

Öppna DWG till PDF
Materialprover av tegel, sten och ek framför en bildskärm som visar en lila och blå normal map

normal map generator

Skapa normal-, höjd-, råhets- och AO-kartor från valfri bild, sömlösa om du behöver det.

Öppna normalmappsgeneratorn
Utskriven arkitektonisk plan på ett skrivbord bredvid en bärbar dator som visar samma plan som färgade CAD-linjer

PDF till DWG

Förvandla PDF-ritningar till CAD-linjer för AutoCAD: linjer, text och lager, i ritningsskala.

Öppna PDF till DWG
Laserskuren skylt i björkplywood med en böjd logotypkontur bredvid en bärbar dator som visar samma vektorbanor

SVG till DXF

Konvertera SVG till DXF för CAD, laserskärning och CNC: exakta linjer, lager, verklig storlek.

Öppna SVG till DXF
Svartvit tryckt logotyp på papper bredvid en laserskuren stålversion av samma logotyp

PNG till DXF

Spåra PNG- och JPG-bilder till DXF-former för laserskärning, CNC och CAD.

Öppna PNG till DXF
Laserskuren plywoodpanel stående bredvid en bärbar dator som visar samma mönster som vektorlinjer

DXF-konverterare

Öppna DXF-ritningar och spara dem som PDF eller SVG, med layouter, linjetjocklekar och skrafferingar.

Öppna DXF-konverteraren
Maskinbearbetad aluminiumkonsol bredvid en bärbar dator som visar samma del som en 3D CAD-modell

STEP viewer

Öppna STEP- och IGES-filer från SolidWorks, Fusion 360 och Inventor. Se varje del och mät.

Öppna STEP viewer
Bärbar dator som visar en 3D-modell av en vilstol bredvid små 3D-utskrivna modeller och trämodeller på ett skrivbord

3D viewer

Öppna 18 olika typer av 3D-filer online, från STEP och FBX till GLB och IFC, med delar och mätfunktioner.

Öppna 3D viewer
Surfplatta som visar en glansig 3D-produktmodell av en sneaker i en webbvisare bredvid den verkliga skon

GLB viewer

Öppna GLB- och glTF-filer med deras material och texturer, storlek och antal trianglar.

Öppna GLB viewer
Bildskärm som visar en texturerad 3D-modell av en keramisk vas bredvid den verkliga vasen på skrivbordet

OBJ viewer

Öppna OBJ-filer med deras MTL-material och texturer, och spara som STL, GLB eller STEP.

Öppna OBJ viewer
Bärbar dator som visar en blågrå 3D CAD-modell av en mekanisk del bredvid en 3D-utskriven kopia av delen

SolidWorks viewer

Öppna SolidWorks-partfiler utan SolidWorks, spara dem sedan som STL, STEP eller GLB.

Öppna SolidWorks viewer
3D-skrivare för skrivbord med en utskriven grå byggnadsmodell på byggplattan

STL viewer

Visa STL-filer för 3D-utskrift med storlek, volym, vikt och en vattentät kontroll.

Öppna STL viewer
Bärbar dator som visar en trådmodell av ett hus, med en 3D-utskriven modell och en trämodell av samma hus

3D-konverterare

Konvertera mellan STEP, OBJ, FBX, STL, glTF, PLY, IFC och mer, i båda riktningarna.

Öppna 3D-konverteraren
Maskinbearbetad aluminiumdel bredvid en identisk 3D-utskriven plastkopia

STEP till STL

Konvertera STEP- och STP-filer från SolidWorks, Fusion 360 och Inventor till STL för 3D-utskrift.

Öppna STEP till STL
3D-skrivare för skrivbord som skriver ut en flerfärgad del, med en färdig del och en spole filament bredvid

3MF till STL

Konvertera 3MF-filer från Bambu Studio och PrusaSlicer till STL, eller STL till 3MF.

Öppna 3MF till STL
Vit 3D-utskriven litofan av ett bergslandskap belyst bakifrån av fönsterljus

Bild till STL

Förvandla PNG- och JPG-bilder till STL- eller OBJ-reliefer och litofanier för 3D-utskrift.

Öppna bild till STL
3D-utskrivna delar och en liten utskriven byggnadsmodell med en rulle filament

STL-konverterare

Konvertera 3D-filer och bilder till STL för 3D-utskrift, med en vattentät kontroll.

Öppna STL-konverteraren
Bärbar dator som visar en texturerad 3D-modell av en vilstol, med tyg- och träprover

OBJ-konverterare

Konvertera STL, FBX, STEP, glTF och 3DS till OBJ med material, eller OBJ till andra format.

Öppna OBJ-konverteraren
Bildskärm som visar en grå 3D-människofigur i T-pose med sitt benskellett

FBX-konverterare

Konvertera FBX-filer från 3ds Max, Maya och Blender till OBJ, GLB eller STL.

Öppna FBX-konverteraren

Populära konverteringar: PNG till STL · OBJ till STL · GLB till STL · GLB till OBJ · STL till STEP · FBX till OBJ · STL till OBJ · FBX viewer · 3MF viewer · PLY viewer

1,247
Genomförda projekt
13
År i branschen
17
Länder vi levererat till
★★★★★ Betyg 4.9 på Clutch · Se våra recensioner

Arkitekter, byggherrar & inredare

Vi arbetar för 215 företag sedan 2013

125 av 220 kunder kom tillbaka

Mer än hälften av våra kunder har anlitat oss igen

Från tomt till färdigt

Behöver du få efterbilden gjord?

Skicka foton på de tomma rummen eller platsen, och ange vad efterbilden ska visa. Vi svarar inom 30 minuter: ett fast pris och ett leveransdatum, eller de 1-2 frågor vi behöver besvarade först.

Få svar inom 30 minuter Se virtual staging