Show before and after with one draggable slider

Side-by-side screenshots hide subtle edits. Drop two versions, drag the slider to reveal exactly what changed, and export a shareable before-and-after PNG in seconds.

Bildjämförelse result preview

Före

Släpp "före"-bilden

Efter

Släpp "efter"-bilden

What you can do with Bildjämförelse

Everything this tool helps you accomplish — no learning curve, no setup.

  • Make a before-and-after slider from two images
  • Show edits with a draggable split view
  • Switch between horizontal and vertical splits
  • Swap which image sits on each side
  • Export the before/after comparison as a PNG

Settings information

Every control in Bildjämförelse, explained — what it does and when to use it.

Jämför

OrienteringFörinställningar
Väljer hur de två bilderna delas upp: Horisontell (standard) visar Före och Efter sida vid sida med en lodrät skiljelinje, medan Vertikal placerar Före ovanför Efter med en vågrät skiljelinje.Alternativ: HorisontellVertikal
Delning %SliderRange: 0–100% · Standard: 50%
Bestämmer var skiljelinjen mellan de två bilderna hamnar, från 0 (bara efter-bilden syns) till 100 (bara före-bilden syns). Den exporterade sammansatta bilden använder samma position.
BytOne-click
Byter plats på före- och efterbilderna direkt utan ny uppladdning — praktiskt om du släppte dem i fel ordning eller vill vända riktningen på övergången; tillgängligt när båda bilderna är inlästa.
Uploads are encrypted in transitRemoved under our retention policy

Vanliga frågor

Ladda upp två bilder med samma mått så lägger verktyget dem ovanpå varandra med ett dragbart handtag. Dra åt vänster för att visa före-bilden, dra åt höger för att visa efter-bilden – perfekt för att visa redigeringar, retuschering, viktnedgång, renovering, designiterationer och AI-genererade resultat.

usage

Ja. Exportera skjutreglaget som en MP4 eller animerad GIF som loopar svepningen automatiskt — perfekt för inlägg på Instagram, TikTok, X och LinkedIn där tittarna inte kan dra ett handtag. Bildfrekvens och längd kan konfigureras.

features

Helst ja, eftersom reglaget jämför pixel för pixel. När storlekarna skiljer sig åt erbjuder verktyget att automatiskt beskära eller skala den andra bilden så att den matchar den första, samtidigt som proportionerna bevaras så att jämförelsen förblir korrekt.

technical

JPEG, PNG, WebP, GIF och HEIC accepteras alla. Den exporterade videon använder H.264 MP4 för maximal kompatibilitet, och GIF-exporten håller filstorleken tillräckligt liten för snabb delning på sociala medier.

compatibility

Sida-vid-sida-jämförelsen förhandsvisas i din webbläsare, men att exportera kompositionen laddar upp båda bilderna till vår säkra server så att den slutliga filen kan renderas; de raderas automatiskt efteråt och delas aldrig eller används för att träna modeller. För strikt konfidentiellt material där ingen uppladdning är acceptabel, ta en skärmbild av förhandsvisningen på skärmen i stället för att använda Exportera.

privacy

Ja. Kopiera det genererade HTML-utdraget och klistra in det i WordPress, Webflow, Squarespace, Shopify eller vilken statisk webbplats som helst. Inbäddningen är beroendefri, mobilanpassad och fungerar utan externa JavaScript-bibliotek.

web

Använd Orienteringskontrollen i jämförelsepanelen för att växla mellan Horisontell (svep vänster-höger, bäst för liggande foton och sida-vid-sida-layouter) och Vertikal (svep uppåt-nedåt, bättre för höga stående bilder eller före/efter-höjdjämförelser som renoveringar eller tillväxtfoton).

features

Delning % anger var delningslinjen sitter mellan före- och efterbilden, från 0 (hela efterbilden synlig) till 100 (hela förebilden synlig) — den är som standard 50 för en jämn delning. Flytta den mot ena sidan om du vill ha mer av en specifik bild synlig i den exporterade kompositionen, till exempel 70 för att framhäva "efter"-resultatet.

usage

Klicka på Byt-knappen i Jämför-panelen för att omedelbart byta plats på före- och efterbilderna utan att ladda upp på nytt – praktiskt om du släppte dem i fel ordning eller vill vända avslöjandets riktning för en annan visuell effekt.

usage

För en helrenovering av ett rum fungerar Vertikal orientering med 50 % delning bra eftersom den låter tittarna jämföra detaljer uppifrån och ner som golv- och takändringar. För jämförelser av möbler eller färgändringar sida vid sida drar Horisontell orientering med en 40–60 %-delning (som gynnar den bild som har det mest slående resultatet) blicken mest effektivt.

tips

Så hjälper Bildjämförelse dig att få det gjort

Verkliga problem det löser varje dag — för företag, kreatörer och vardagliga uppgifter. Hitta användningsfallet som passar dig och kom igång på några sekunder.

För kreatörer

Före/efter-uppvisningar av fotoredigering

Fotografer, retuschörer och Lightroom-konstnärer visar portföljkunder före och efter en retusch med ett dragbart reglage som bevisar att redigeringen var värd kostnaden

För kreatörer

Jämförelser av AI-bildgenerering

Jämför resultat från DALL-E, Midjourney, Stable Diffusion och Flux mot den ursprungliga prompten eller referensbilden för att visa skillnader i prompt-utformning och modellkvalitet

För företag

Avslöjande av renovering och bostadsförbättring

Entreprenörer, arkitekter och inredningsarkitekter visar före/efter-reglage för renovering av kök, badrum och hela rum på Instagram, TikTok och projektportföljswebbplatser

Sociala medier

Tränings- och viktnedgångsförvandlingar

Personliga tränare, coacher och fitnesskreatörer publicerar förvandlingsreglage för 30 dagar, 90 dagar och ett helt år på Instagram Reels, TikTok och YouTube för att locka nya kunder

För företag

Produktdesigniteration och A/B-testning

Produktdesigners, UX-team och marknadsföringsansvariga jämför designvarianter sida vid sida i Figma-granskningar, marknadsföringspresentationer och intressentpresentationer för att fatta beslut snabbare

För kreatörer

Avslöjanden inom restaurering och konservering

Konstrestauratörer, veteranbilsfixare och fotorestaureringsspecialister visar före/efter-reglage som visuellt motiverar det noggranna arbetet och prislappen

Fastigheter

Homestyling och annonsjämförelser för fastigheter

Visa ett rum före virtuell möblering eller en fullständig renovering bredvid efterbilden i objektfoton och sociala inlägg — använd Vertikal orientering för höga rumsbilder så att köpare ser förändringar från golv till tak med en blick.

För utvecklare

Ändringsloggar för omdesign av mjukvarugränssnitt

Produkt- och utvecklingsteam jämför en apps gamla gränssnitt med det omdesignade i releaseanteckningar och interna designgranskningar, med Delning %-reglaget för att styra exakt hur mycket av varje version som syns i den exporterade skärmdumpen.

Personligt bruk

Framsteg för hudvårds- och tandbehandling

Hudkliniker, ortodontister och hudvårdsmärken dokumenterar behandlingsresultat med en ren före/efter-komposition för patientkonsultationer och klinikmarknadsföring — jämförelse och export sker helt i webbläsaren.

Utbildning

Vetenskaps- och klassrumsdemonstrationer

Lärare exporterar en före/efter-sammansättning av en växts tillväxt, en kemireaktion eller ett erosionsexperiment för en lektionssida eller ett utdelningsblad, och byter orientering för att matcha den axel som förändringen skedde längs.