Creador de imágenes de antes y después
Añade una foto de antes y otra de después y obtén una comparación limpia en segundos: lado a lado, apiladas o divididas con un separador que se puede arrastrar, con etiquetas claras. Descárgala como imagen o graba un barrido animado del deslizador como video corto para redes sociales.
Última actualización:
Lado a lado · 0 × 0 px
Graba la vista dividida (máx. 1280 px) en tu navegador.
Cómo usar Creador de imágenes de antes y después
- Añade las dos fotos: suelta o elige la foto de Antes a la izquierda y la de Después a la derecha. Usa Intercambiar si las has confundido.
- Elige un diseño: Lado a lado, Apiladas (una encima de otra) o División con deslizador.
- Ajusta la división: en División con deslizador, arrastra el separador en la vista previa o usa el control Posición de la división. Elige una línea vertical u horizontal.
- Da estilo a las etiquetas: edita el texto (por ejemplo, Día 1 / Día 90), elige posición, estilo y tamaño, o desmarca Mostrar etiquetas.
- Descarga la comparación en PNG o JPG, o pulsa Crear video para grabar un barrido animado del deslizador que puedes publicar como Reel, Short o historia.
Qué diseño de antes y después elegir
| Diseño | Ideal para | Forma de salida |
|---|---|---|
| Lado a lado | Fotos verticales: progreso fitness, cortes de pelo, maquillaje, fotos de producto | Ancha: los dos anchos sumados a una altura común |
| Apiladas | Fotos horizontales: habitaciones, jardines, autos, sitios web; encaja bien en los feeds del móvil | Alta: las dos alturas sumadas a una anchura común |
| División con deslizador | Fotos tomadas exactamente desde el mismo lugar: reformas, ediciones de fotos, limpieza, restauraciones | Igual que la foto de antes |
| Video con deslizador | Reels, Shorts, historias y páginas de producto donde el movimiento llama la atención | Vista dividida, hasta 1280 px en el lado largo |
Cómo se igualan las fotos
En el modo lado a lado ambas fotos se escalan a la menor de las dos alturas, así que el nuevo ancho de cada una es ancho original × altura común ÷ altura original. En el modo apiladas se hace lo mismo con los anchos. Como el objetivo es el tamaño menor, ninguna foto se amplía. En el modo división con deslizador el lienzo toma el tamaño de la foto de antes y la foto de después se escala para cubrirlo, centrada, por lo que una relación de aspecto distinta pierde un poco en los bordes.
Consejos para fotos de antes y después convincentes
- Toma ambas fotos desde la misma posición, altura y distancia, idealmente con un trípode o una marca en el suelo.
- Usa la misma iluminación y la misma hora del día para que el cambio que muestras sea el cambio real, no la luz.
- Mantén idénticos los ajustes de la cámara (zoom, modo retrato, filtros); para una comparación justa, no edites solo la foto de después.
- Etiqueta con claridad con fechas o duraciones, por ejemplo Semana 1 y Semana 12, para que se entienda la línea de tiempo.
Preguntas frecuentes
¿Cómo hago una imagen de antes y después?
Añade tus dos fotos, elige Lado a lado, Apiladas o División con deslizador, ajusta las etiquetas y pulsa Descargar imagen. La herramienta escala automáticamente ambas fotos a la misma altura (lado a lado) o anchura (apiladas) para que queden alineadas.
¿Qué pasa si mis dos fotos tienen tamaños distintos?
Lado a lado escala ambas fotos a la menor de las dos alturas y apiladas las escala a la menor anchura, así que nada se amplía. La división con deslizador necesita un solo marco, por lo que la foto de después se escala y se recorta centrada a la forma de la foto de antes. Para el resultado más limpio, toma ambas fotos desde el mismo lugar y distancia.
¿Puedo hacer un video de antes y después con deslizador?
Sí. Pulsa Crear video: el navegador graba el separador desplazándose (o un fundido) como un clip corto en bucle. Chrome, Edge y Firefox guardan WebM y Safari guarda MP4. La mayoría de las apps sociales aceptan ambos; si alguna no acepta WebM, conviértelo con un conversor de video.
¿Qué diseño funciona mejor en Instagram?
Las comparaciones apiladas de fotos horizontales y las comparaciones lado a lado de fotos verticales encajan bien en una publicación vertical 4:5. Un video con deslizador exportado como Reel muestra la transformación de la forma más atractiva.
¿Se reduce la calidad de la imagen?
Las fotos se dibujan a su resolución original, salvo que elijas un ancho de salida menor o que una foto tenga que reducirse para coincidir con la otra. La exportación PNG es sin pérdida; JPG usa la calidad que elijas.
¿Se suben mis fotos?
No. Todo, incluida la grabación del video, ocurre localmente en tu navegador con las API Canvas y MediaRecorder. No se envía nada a ningún servidor.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.