Creador gratuito de deslizadores de antes y después
Control deslizante, video e imagen a partir de dos fotos

Arrastre y suelte una foto del antes y una foto del después, arrastre la línea para compararlas y guarde el resultado como un video para Reels y TikTok, una imagen para un listado o un control deslizante para su propio sitio web.

Todo se realiza en su navegador, por lo que las fotos nunca salen de su ordenador.

Gratis, sin registro, sin marca de agua. Sus fotos permanecen en su ordenador. El control deslizante, las imágenes y el video se crean en esta pestaña del navegador y las fotos nunca se suben a nosotros ni a terceros.

Tableta mostrando una sala de estar dividida por la mitad, vacía a la izquierda y amueblada a la derecha.
  • Video de transición en MP4, cuadrado, retrato, vertical u horizontal
  • Imágenes divididas o una al lado de la otra en resolución completa
  • Un deslizador para WordPress, Webflow o cualquier sitio web
Cómo funciona

Cómo hacer un deslizador de antes y después

3 pasos, y las fotos nunca salen de su ordenador.

1. Añada las dos fotos

Arrastre la foto del antes al cuadro izquierdo y la foto del después al derecho, o arrastre ambas a la vez. Tómelas desde el mismo punto para que la línea se alinee.

2. Compare y configure

Arrastre la línea en la vista previa. Elija el formato, cambie u oculte las etiquetas Antes y Después, e intercambie las fotos si están al revés.

3. Descargue

Guarde un video de barrido, una imagen con la línea, una imagen lado a lado, o un deslizador para su sitio web como un ZIP con el HTML y ambas fotos.

Qué obtiene

Un video, una imagen y un deslizador de las mismas dos fotos

Cada salida, y la configuración que la acompaña.

Video de antes y después

La línea se desliza de un lado a otro en 4 a 10 segundos y se reproduce en bucle limpiamente. Elija vertical 9:16 para Reels, TikTok y Stories, 4:5 o cuadrado para el feed, o 16:9 para YouTube y sitios web. MP4 donde su navegador pueda grabarlo, de lo contrario WebM.

Imagen de antes y después

Un JPG con la línea donde la deje, o las dos fotos una al lado de la otra (una encima de la otra en los formatos verticales). Hasta 4.096 píxeles en el lado largo, para que se mantenga bien en impresión y en portales de listados.

Deslizador para su sitio web

Un ZIP con index.html, before.jpg y after.jpg. El deslizador es HTML y CSS sencillos con una línea de script: pegue el bloque en WordPress, Webflow, Squarespace o Shopify como HTML personalizado y suba las dos fotos.

Etiquetas y crédito

Cambie el nombre de las etiquetas a cualquier cosa, por ejemplo Vacío y Escenificado o 2019 y 2026, o desactívelas. El pequeño crédito de 3dstudio.co está activado por defecto y se elimina con un solo clic.

Quién lo usa

Antes y después para listados, renovaciones y renders

Los trabajos que un antes y después realiza mejor.

Agentes inmobiliarios

Muestre una habitación vacía junto a su versión escenificada, o una cocina desgastada junto a la renovación que podría tener. Un video vertical obtiene más vistas en Reels que dos fotos separadas.

Renovación e interiores

Constructores, instaladores de cocinas, pintores y diseñadores de interiores: coloque el trabajo de antes y después en su sitio web como un control deslizante, y en las redes sociales como un video.

Arquitectos y desarrolladores

Compare una foto del sitio con el render de lo que se construirá allí, para presentaciones de planificación, páginas de ventas y noches de información para vecinos.

Edición de fotos

Muestre un retoque, una gradación de color, un reemplazo de cielo o una edición con IA junto al original. El control deslizante del sitio web permite a los clientes juzgar el cambio por sí mismos.

Cuando necesite la foto del después

Lo que hacemos para el antes y el después

La foto del después es la parte difícil. Estos son trabajos reales de virtual staging de nuestro equipo: arrastre cada línea para comparar.

El salón del apartamento vacío tal como fue fotografiado, con puerta a balcón y suelo de madera clara, antes del amueblado virtualEl mismo salón después del amueblado virtual, con un sofá esquinero, un mueble multimedia, un televisor y una lámpara colgante de ratán
AntesDespués

Viviendas en venta y alquiler

Apartamentos y casas vacías amuebladas en la foto, para listados y alquileres.

Ver escenificación virtual
Una sala de reuniones vacía con moqueta azul, cuatro ventanas altas y calefactores de pared, tal como fue fotografiada, FinlandiaLa misma sala de reuniones después del amueblado virtual, con una mesa larga, sillas azules, una pizarra blanca y plantas
AntesDespués

Oficinas y salas de reuniones

Oficinas vacías amuebladas para que un agente de arrendamiento pueda mostrar el propósito del espacio.

Ver virtual staging para oficinas
Una gran zona común vacía con suelo de hormigón y una plataforma elevada al fondo, tal como fue fotografiada, FinlandiaLa misma zona después del amueblado virtual, con una mesa larga, carpetas, sillas azules y una planta en primer plano
AntesDespués

Espacios compartidos y comerciales

Comedores, salones y plantas diáfanas mostrados en uso antes de que nadie se mude.

Solicitar un presupuesto de virtual staging
Preguntas frecuentes sobre el antes y el después

Preguntas sobre el creador de antes y después

Formatos, el control deslizante del sitio web, privacidad y el crédito.

Háganos una pregunta
¿Cómo hago un video de antes y después para Instagram Reels?
Añada las dos fotos, configure el formato a Vertical 9:16, elija una duración de video de 6 u 8 segundos y descargue el video. Súbalo a Reels, TikTok o Stories tal cual. Para el feed, use Retrato 4:5 o Cuadrado.
¿Cómo añado un deslizador de antes y después a mi sitio web?
Elija Slider para su sitio web y descargue el ZIP. Abra index.html para verlo funcionando. Copie el bloque que comienza con div class ba-slider en un bloque HTML personalizado en WordPress, Webflow, Squarespace o Shopify, y suba before.jpg y after.jpg al mismo lugar, o cambie las dos direcciones de imagen a donde las haya subido.
¿Y si mis dos fotos tienen tamaños diferentes?
El resultado toma su forma de la foto anterior, o del formato que elijas, y ambas fotos se recortan desde el centro para rellenarlo. Para una línea limpia, toma ambas fotos desde el mismo lugar con el mismo zoom.
¿Es realmente gratis y hay una marca de agua?
Es gratuito, sin necesidad de registro ni límite. Un pequeño crédito de 3dstudio.co se añade en la esquina por defecto; desmarque Añadir un pequeño crédito de 3dstudio.co y desaparecerá.
¿Se han subido mis fotos?
No. Las fotos se abren, dibujan y guardan en esta pestaña del navegador en su propio ordenador y nunca se nos envían a nosotros ni a nadie más.
Más herramientas gratuitas

Otras herramientas gratuitas de 3D y CAD

Cada uno funciona en su navegador, como este.

Portátil mostrando un modelo BIM 3D codificado por colores de un edificio abierto, con planos impresos a su lado.

Visor IFC

Abra archivos IFC de Revit, ArchiCAD y Tekla. Filtre por elemento y nivel, verifique propiedades y mida.

Abrir el visor IFC
Portátil mostrando un modelo 3D de un edificio de apartamentos revestido de madera, con una regla de escala a su lado.

Visor de Revit

Abrir archivos .rvt sin Revit: convertidos a IFC por Autodesk, luego visualizados con niveles y propiedades.

Abrir el visor de Revit
Monitor mostrando un modelo BIM de un edificio de oficinas con acero en azul y conductos en naranja, un casco blanco delante.

Visor BIM

Revise modelos BIM de Revit, Archicad y Tekla sin necesidad de licencia: niveles, propiedades, medición.

Abrir el visor BIM
Portátil en un escritorio de roble mostrando un plano de planta CAD con capas de colores, junto a un dibujo enrollado.

Visor DWG

Abrir dibujos DWG y DXF de AutoCAD en línea: cada presentación, activar y desactivar capas, hacer zoom y desplazar.

Abrir el visor de DWG
Portátil mostrando un dibujo CAD del contorno de una pieza mecánica con capas de colores junto a una versión de aluminio de la pieza cortada con láser

Visor de DXF

Abra archivos DXF en línea: cada diseño, capas activadas y desactivadas, zoom, luego guarde como PDF o SVG.

Abrir el visor DXF
Plano de planta arquitectónico impreso en un escritorio junto a un portátil mostrando el mismo plano.

DWG a PDF

Trazar dibujos de AutoCAD a PDF: planos 1:1 con bloques de título, grosores de línea y sombreados.

Trazar DWG a PDF
Muestras de materiales de ladrillo, piedra y roble frente a un monitor que muestra un mapa normal morado y azul.

Generador de mapas normales

Generar mapas de normal, altura, rugosidad y AO a partir de cualquier imagen, sin uniones si es necesario.

Abrir el generador de mapas de normal
Plano arquitectónico impreso en un escritorio junto a un portátil que muestra el mismo plano como líneas CAD de colores

PDF a DWG

Convierta dibujos PDF en líneas CAD para AutoCAD: líneas, texto y capas, a escala de dibujo.

Abrir PDF a DWG
Letrero de contrachapado de abedul cortado con láser con el contorno de un logo curvado junto a un portátil mostrando las mismas rutas vectoriales

SVG a DXF

Convierta SVG a DXF para CAD, corte láser y CNC: líneas exactas, capas, tamaño real.

Abrir SVG a DXF
Logo impreso en blanco y negro en papel junto a una versión de acero cortada con láser del mismo logo

PNG a DXF

Traza imágenes PNG y JPG en formas DXF para corte por láser, CNC y CAD.

Abrir PNG a DXF
Panel de contrachapado cortado con láser junto a un portátil mostrando el mismo patrón como líneas vectoriales.

Convertidor DXF

Abra dibujos DXF y guárdelos como PDF o SVG, con diseños, grosores de línea y sombreados.

Abrir el convertidor DXF
Soporte de aluminio mecanizado junto a un portátil mostrando la misma pieza como un modelo CAD 3D.

Visor STEP

Abra archivos STEP e IGES de SolidWorks, Fusion 360 e Inventor. Vea cada pieza y mida.

Abrir el visor STEP
Portátil mostrando un modelo 3D de una silla lounge junto a pequeños modelos 3D impresos y de madera sobre un escritorio

Visor 3D

Abra 18 tipos de archivos 3D en línea, desde STEP y FBX hasta GLB e IFC, con piezas y medición.

Abrir el visor 3D
Tablet mostrando un modelo de producto 3D brillante de una zapatilla en un visor web junto al zapato real

Visor GLB

Abra archivos GLB y glTF con sus materiales y texturas, tamaño y recuento de triángulos.

Abrir el visor GLB
Monitor mostrando un modelo 3D texturizado de un jarrón de cerámica junto al jarrón real sobre el escritorio

Visor OBJ

Abra archivos OBJ con sus materiales y texturas MTL, y guárdelos como STL, GLB o STEP.

Abrir el visor OBJ
Portátil mostrando un modelo CAD 3D azul-gris de una pieza mecánica junto a una copia de la pieza impresa en 3D

Visor SolidWorks

Abra archivos de piezas de SolidWorks sin SolidWorks, luego guárdelos como STL, STEP o GLB.

Abrir el visor SolidWorks
Impresora 3D de escritorio con un modelo de edificio gris impreso en su placa de construcción.

Visor STL

Vea archivos STL para impresión 3D con tamaño, volumen, peso y una comprobación de estanqueidad.

Abrir el visor STL
Portátil mostrando un modelo de casa en wireframe, con un modelo 3D impreso y uno de madera de la misma casa.

Convertidor 3D

Convierta entre STEP, OBJ, FBX, STL, glTF, PLY, IFC y más, en ambas direcciones.

Abrir el convertidor 3D
Pieza de aluminio mecanizado junto a una copia idéntica de plástico impresa en 3D.

STEP a STL

Convierta archivos STEP y STP de SolidWorks, Fusion 360 e Inventor a STL para impresión 3D.

Abrir STEP a STL
Impresora 3D de escritorio imprimiendo una pieza multicolor, con una pieza terminada y una bobina de filamento a su lado

3MF a STL

Convierta archivos 3MF de Bambu Studio y PrusaSlicer a STL, o STL a 3MF.

Abrir 3MF a STL
Litofanía blanca impresa en 3D de un paisaje montañoso iluminada desde atrás por la luz de una ventana.

Imagen a STL

Convierta imágenes PNG y JPG en relieves STL u OBJ y litofanías para impresión 3D.

Abrir imagen a STL
Piezas impresas en 3D y un pequeño modelo de edificio impreso con una bobina de filamento.

Convertidor STL

Convierta archivos 3D e imágenes a STL para impresión 3D, con una verificación de estanqueidad.

Abrir el convertidor STL
Portátil mostrando un modelo 3D texturizado de una silla de salón, con muestras de tela y madera.

Convertidor OBJ

Convierta STL, FBX, STEP, glTF y 3DS a OBJ con materiales, o OBJ a otros formatos.

Abrir el convertidor OBJ
Monitor mostrando una figura humana 3D gris en pose de T con su esqueleto óseo

Convertidor FBX

Convierta archivos FBX de 3ds Max, Maya y Blender a OBJ, GLB o STL.

Abrir el convertidor FBX
1,247
Proyectos completados
13
Años en el negocio
17
Países a los que se ha entregado
★★★★★ Calificación 5.0 en Clutch · Ver nuestras reseñas

Arquitectos, desarrolladores y diseñadores de interiores.

Trabajando para 215 empresas desde 2013.

125 de 220 clientes regresaron.

Más de la mitad de nuestros clientes nos han vuelto a contratar.

De vacío a terminado

¿Necesita la foto del después hecha?

Envíe las fotos de las habitaciones vacías o del sitio, y diga lo que debe mostrar el después. Le responderemos con un precio fijo y una fecha de entrega en 30 minutos.

Obtenga un presupuesto fijo en 30 minutos Ver escenificación virtual