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
  • Wipe-video i MP4, kvadrat, stående, vertikal eller liggande
  • Delade eller sida vid sida-bilder i full upplösning
  • En slider för WordPress, Webflow eller vilken webbplats som helst
Så här fungerar det

Hur man gör 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 output, och dess tillhörande inställningar.

Före- och efter-video

Linjen sveper över och tillbaka på 4 till 10 sekunder och loopar rent. 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å den håller för tryck och på annonsportaler.

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 credit

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-crediten är på som standard och försvinner med ett klick.

Vem använder den

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

De jobb som en före och efter gör bäst.

Fastighetsmäklare

Visa ett tomt rum bredvid dess stylade version, eller ett slitet kök bredvid den renovering det skulle kunna ha. 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 före- och efterarbetet på er webbplats som en bildreglage, och i sociala medier som en video.

Arkitekter och utvecklare

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

Fotoredigering

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

När du behöver efter-fotot

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 fotograferats, med balkongdörr och ett ljust trägolv, före virtuell stylingSamma vardagsrum efter virtuell styling, med en hörnsoffa, en mediamöbel, en television 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 virtuell möblering
Ett tomt mötesrum med blå matta, fyra höga fönster och väggmonterade värmare, som fotograferats, FinlandSamma mötesrum efter virtuell styling, 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 leasingagent kan visa vad utrymmet 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 styling, med ett långt bord, mappar, blå stolar och en växt i förgrunden
FöreEfter

Delade och kommersiella ytor

Matsalar, lounger och öppna kontorslandskap visade i bruk innan någon flyttar in.

Få en offert för virtuell möblering
Före och efter FAQ

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

Format, webbplatsreglaget, integritet och kreditering.

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 Porträtt 4:5 eller Kvadrat.
Hur lägger jag till ett före- och efterreglage på min webbplats?
Välj Slider för din webbplats och ladda ner ZIP-filen. Öppna index.html för att se det fungera. Kopiera blocket som börjar med div class ba-slider till 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 där du laddade upp dem.
Vad händer om mina två foton har olika storlekar?
Utdata 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-kredit läggs till i hörnet som standard; avmarkera Lägg till en liten 3dstudio.co-kredit 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 som visar en färgkodad 3D BIM-modell av en byggnad med genomskärning, med utskrivna planer bredvid sig

IFC-visare

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

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

Revit-visare

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

Öppna Revit-visaren
Bildskärm som visar en BIM-modell av en kontorsbyggnad med stål i blått och kanaler i orange, med en vit bygghjälm framför

BIM-visare

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

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

DWG-visare

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

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

DXF-visare

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

Öppna DXF-visaren
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

Normalmappgenerator

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

Öppna normalmappningsgeneratorn
Utskriven arkitektonisk plan på ett skrivbord bredvid en laptop 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
Svartvitt 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-visare

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

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

3D-visare

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

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

GLB-visare

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

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

OBJ-visare

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

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

SolidWorks-visare

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

Öppna SolidWorks-visaren
Stationär 3D-skrivare med en utskriven grå byggnadsmodell på dess byggplatta

STL-visare

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

Öppna STL-visaren
Bärbar dator som visar en trådmodells husmodell, med en 3D-utskriven och en trämodell av samma hus

3D-omvandlare

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
Stationär 3D-skrivare som skriver ut en flerfärgad del, med en färdig del och en spole filament bredvid sig

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
1,247
Projekt slutförda
13
År i branschen
17
Länder vi levererat till
★★★★★ Betygsatt 5.0 på Clutch · Se våra recensioner

Arkitekter, fastighetsutvecklare & inredningsarkitekter.

Har arbetat för 215 företag sedan 2013.

125 av 220 klienter kom tillbaka.

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

Från tomt till färdigt

Behöver du efter-fotot gjort?

Skicka foton på de tomma rummen eller platsen och säg vad 'efter'-bilden ska visa. Vi svarar med ett fast pris och ett leveransdatum inom 30 minuter.

Få en fast offert inom 30 minuter Se virtuell möblering