Comparador de fotos antes y después con deslizador
El Comparador de Fotos Antes y Después es una herramienta interactiva de comparación de imágenes que muestra con exactitud qué cambió entre dos fotos. Sube una imagen «antes» y una «después», luego arrastra el control sobre el deslizador para pasar de una a otra en tiempo real.
Está pensado para cualquiera que necesite mostrar una transformación: fotógrafos que presentan retoques y correcciones de color, diseñadores que comparan diseños viejos y nuevos, y quien documenta restauraciones o mejoras de productos. Puedes comparar de forma horizontal o vertical, cambiar el nombre de las etiquetas y descargar la comparación final como PNG.
Cómo crear una comparación antes y después
Agrega tus dos imágenes
Verás dos zonas, Antes y Después. Haz clic en una zona para abrir el explorador de archivos, o arrastra y suelta una imagen directamente sobre ella. Aparece una miniatura en cuanto la imagen carga; usa el botón Quitar para cambiarla por otra.
Empieza a comparar
Con las dos imágenes listas, haz clic en Comparar. Se abre la vista del deslizador con las imágenes superpuestas y arrastras el control para revelar cada lado. Haz clic en cualquier punto de la imagen para llevar la división hasta ahí.
Personaliza la comparación
Alterna entre orientación Horizontal y Vertical, usa Intercambiar imágenes para cambiar los dos lados y escribe tu propio texto en los campos de las etiquetas (por ejemplo, «Original» y «Retocada»).
Descarga o empieza de nuevo
Haz clic en Descargar para guardar un PNG que captura la posición actual de la división, la línea divisoria blanca y ambas etiquetas. Para empezar con un par nuevo, usa Nueva comparación y vuelve a la pantalla de carga.
Funciones
Carga arrastrando y soltando
Agrega las imágenes de antes y después soltándolas sobre las zonas de carga o haciendo clic para explorar. Se admiten formatos comunes como JPEG, PNG y WebP.
Deslizador interactivo y arrastrable
Una división fluida responde al ratón, al toque, al lápiz y al teclado. Arrastra el control o haz clic en cualquier punto de la imagen y la vista se actualiza al instante.
Modos horizontal y vertical
Divide la comparación de izquierda a derecha para paisajes o de arriba abajo para imágenes altas en formato retrato. Cambiar de orientación vuelve a centrar el deslizador.
Intercambiar imágenes
Cambia las imágenes de antes y después con un solo clic. Las etiquetas se intercambian junto con ellas para que la comparación siga siendo coherente.
Etiquetas personalizadas
Reemplaza el texto predeterminado «Antes» y «Después» por el tuyo —como «Original» y «Mejorada»— y la superposición se actualiza a medida que escribes.
Descarga como PNG
Exporta la comparación a la resolución completa de la imagen de antes, con la línea divisoria y las etiquetas integradas en la posición actual del deslizador.
Navegación con teclado
Mueve la división con precisión usando las flechas (2 % por paso) y mantén Shift para saltos más grandes de 10 %.
Cómodo al tacto y en móviles
El deslizador funciona con gestos táctiles en teléfonos y tabletas, y la interfaz se adapta a pantallas más pequeñas.
Controles accesibles
El deslizador expone atributos ARIA adecuados y un rol enfocable para quienes usan teclado y lectores de pantalla.
Funciona por completo en el navegador
Las imágenes se procesan localmente y nunca se envían a un servidor, así tus comparaciones siguen siendo privadas y cargan al instante.
Preguntas frecuentes
¿Cómo creo una comparación de antes y después?
Sube una imagen a la zona Antes y otra a la zona Después, luego haz clic en Comparar. Arrastra el control sobre el deslizador para revelar cada imagen. Puedes cambiar la orientación, editar las etiquetas y descargar el resultado, sin necesidad de cuenta ni de instalar nada.
¿Cómo comparo dos fotos lado a lado?
Después de cargar las dos imágenes y hacer clic en Comparar, las fotos se superponen y una división se desliza entre ellas. Arrastra el control a izquierda y derecha (o arriba y abajo en modo vertical) para mostrar más de una imagen que de la otra y ver con exactitud qué cambió.
¿Qué formatos de imagen se admiten?
Funciona cualquier formato de imagen que tu navegador pueda mostrar, incluidos JPEG, PNG, WebP, GIF y BMP. Para la comparación más nítida, se recomiendan JPEG o PNG.
¿Las imágenes deben tener el mismo tamaño?
No, aunque tener las mismas dimensiones da el mejor resultado. Si las dos imágenes difieren en tamaño, la imagen de después se escala para llenar el área de visualización de la imagen de antes, de modo que el deslizador siga alineado.
¿Puedo exportar o descargar la imagen de antes y después?
Sí. El botón Descargar guarda un PNG a la resolución original de la imagen de antes. Captura la posición actual de la división junto con la línea divisoria blanca y ambas etiquetas, listo para compartir o incluir en una presentación.
¿Mis imágenes se suben a un servidor?
No. Todo el procesamiento ocurre por completo en tu navegador. Tus imágenes nunca salen de tu dispositivo y no se almacena ni se rastrea nada.
¿Funciona en el celular?
Sí. El deslizador admite gestos táctiles, así que puedes arrastrar la división con el dedo igual que en el escritorio, y el diseño se adapta a pantallas de teléfonos y tabletas.
¿Para qué sirve el modo vertical?
El modo vertical divide la comparación de arriba abajo en lugar de izquierda a derecha. Es ideal para imágenes altas o en formato retrato, donde una división horizontal no mostraría las diferencias con claridad.
Aún no hay comentarios. ¡Sé el primero en comentar!