
Compare dos imágenes en línea: control deslizante de imágenes de antes y después
Las capturas de pantalla una al lado de la otra ocultan ediciones sutiles. Suelte dos versiones, arrastre el control deslizante para revelar exactamente qué cambió y exporte un PNG del antes y el después que se puede compartir.
Antes
Suelta la imagen «antes»
Después
Suelta la imagen «después»
Lo que puedes hacer con Comparar imágenes
Revise las capacidades principales antes de comenzar.
- Crea un comparador de antes y después con dos imágenes
- Enseña tus retoques con una vista dividida deslizable
- Alterna entre divisiones horizontales y verticales
- Intercambia qué imagen va a cada lado
- Exporta la comparación antes/después en PNG
Referencia de configuración
3 ajustes
Controles disponibles para Comparar imágenes.
Comparar
- OrientaciónAjustes predefinidos
- Elige cómo se dividen las dos imágenes: Horizontal (la opción predeterminada) muestra Antes y Después uno al lado del otro con una línea divisoria vertical, mientras que Vertical apila Antes sobre Después con una línea divisoria horizontal.Opciones: Horizontalesverticales
- % de divisiónControl deslizanteRango: 0–100% · Predeterminado: 50%
- Define dónde se sitúa el divisor entre las dos imágenes, de 0 (solo se ve la imagen del después) a 100 (solo se ve la del antes); la composición exportada usa esta misma posición.
- IntercambiarUn clic
- Intercambia al instante las imágenes de antes y después sin volver a subirlas, útil si las soltaste en el orden equivocado o si quieres invertir la dirección de la transición; disponible una vez cargadas ambas imágenes.
Herramientas relacionadas para Comparar imágenes
Herramientas para los siguientes pasos comunes después de Comparar imágenes.
Edición de fotos y utilidades
Visor y eliminador de EXIF
Inspeccione los metadatos EXIF, IPTC y XMP compatibles, incluidos los campos de ubicación, dispositivo y marca de tiempo, luego exporte una copia con los metadatos extraíbles borrados.
Pruébalo ahoraCreatividad y diseño
Superposición de imágenes
Coloque una superposición de imágenes, ajuste la opacidad y la fusión, y descargue la imagen combinada.
Pruébalo ahoraEdición de fotos y utilidades
Comprimir imagen a KB
Comprima archivos JPG, PNG o WebP en un tamaño elegido, como 20 KB, 50 KB o 100 KB, luego revise el resultado.
Pruébalo ahoraPreguntas frecuentes
Cargue dos imágenes de las mismas dimensiones y la herramienta las superpondrá con un controlador que se puede arrastrar. Deslícese hacia la izquierda para revelar la imagen del antes, deslícese hacia la derecha para revelar la imagen del después: útil para mostrar ediciones, retoques, pérdida de peso, renovación, iteración de diseño y resultados de generación de IA.
usageSí. Exporta el control deslizante como un MP4 o un GIF animado que repite el deslizamiento automáticamente, ideal para publicaciones en Instagram, TikTok, X y LinkedIn donde los espectadores no pueden arrastrar un control. La velocidad de fotogramas y la duración son configurables.
featuresLo ideal es que sí, ya que el deslizador compara píxel por píxel. Cuando los tamaños difieren, la herramienta ofrece recortar o escalar automáticamente la segunda imagen para que coincida con la primera, conservando la relación de aspecto para que la comparación siga siendo precisa.
technicalSe aceptan JPEG, PNG, WebP, GIF y HEIC. El vídeo exportado usa MP4 con H.264 para la máxima compatibilidad, y la exportación a GIF mantiene un tamaño de archivo lo bastante reducido para compartir rápidamente en redes sociales.
compatibilityLa vista previa de la comparación en paralelo se realiza en su navegador, pero al exportar el compuesto se cargan ambas imágenes a nuestro servidor seguro para que se pueda procesar el archivo final; se eliminan según nuestra política de seguridad y nunca se comparten ni se utilizan para entrenar modelos. Para material estrictamente confidencial donde no se acepta carga, capture una captura de pantalla de la vista previa en pantalla en lugar de utilizar Exportar.
privacySí. Copia el fragmento de HTML generado y pégalo en WordPress, Webflow, Squarespace, Shopify o cualquier sitio estático. El elemento incrustado no tiene dependencias, se adapta a móviles y funciona sin bibliotecas externas de JavaScript.
webUsa el control de Orientación en el panel Comparar para alternar entre Horizontal (deslizamiento izquierda-derecha, ideal para fotos apaisadas y diseños en paralelo) y Vertical (deslizamiento arriba-abajo, mejor para tomas verticales altas o comparaciones de altura de antes/después, como reformas o fotos de crecimiento).
features% de división establece dónde se sitúa la línea divisoria entre la imagen del antes y la del después, de 0 (todo el después visible) a 100 (todo el antes visible): su valor por defecto es 50 para una división equitativa. Muévela hacia un lado si quieres que una imagen concreta se vea más en la composición exportada, por ejemplo 70 para enfatizar el resultado del «después».
usageHaz clic en el botón Intercambiar del panel Comparar para intercambiar al instante las imágenes de antes y después sin volver a subirlas: útil si las soltaste en el orden equivocado o quieres invertir la dirección de revelado para lograr un efecto visual distinto.
usagePara la renovación de una habitación completa, la orientación Vertical con una división al 50 % funciona bien, ya que permite a los espectadores comparar detalles de arriba a abajo, como los cambios de suelo y techo. Para muebles o cambios de color en paralelo, la orientación Horizontal con una división del 40–60 % (favoreciendo la imagen que tenga el resultado más llamativo) suele atraer la mirada de forma más eficaz.
tipsCasi siempre se debe a una de estas tres causas. El archivo supera el límite de subida gratis de 11 MB: Premium admite 50 MB y Pro, 120 MB. El formato no es compatible con esta herramienta; comprueba la lista del panel de subida. O el archivo no tiene realmente el formato que indica su nombre: cambiarle el nombre no altera su contenido, y por eso puede rechazarse una imagen que parece válida.
troubleshootingInforma lo que realmente hay en el archivo, por lo que un resultado en blanco o sorprendente generalmente significa que los datos nunca estuvieron allí: eliminados por la aplicación que los guardó por última vez, eliminados por una plataforma al cargarlos o ausentes del original. Pruebe el archivo original intacto directamente desde la cámara o la fuente en lugar de una copia enviada a través de una aplicación de mensajería.
troubleshootingNo a ambos. Image Compare Slider es gratuito, su descarga no lleva marca de agua y no se solicita nada al final; no hay ningún punto en el flujo en el que termine el trabajo y luego descubra que cuesta dinero.
pricingNo: Image Compare Slider funciona en el navegador, tanto en el ordenador como en el móvil. No necesitas instalar nada, iniciar una prueba ni comprar una licencia antes de comprobar si resuelve lo que necesitas. Pruébalo con el archivo real con el que tienes problemas, no con una muestra.
troubleshootingCómo Comparar imágenes te ayuda a lograrlo
Problemas reales que resuelve todos los días: para empresas, creadores y tareas cotidianas. Encuentre el caso de uso que más le convenga y comience.
Muestras de edición de fotos de antes y después
Los fotógrafos, retocadores y artistas de Lightroom muestran a los clientes de su portafolio el antes y el después de un retoque con un control deslizante que demuestra que la edición valió la pena
Comparativas de generación de imágenes con IA
Compara los resultados generados con el prompt original o la imagen de referencia para demostrar las decisiones de redacción del prompt y las diferencias de calidad visual.
Revelación de reformas y mejoras del hogar
Contratistas, arquitectos y diseñadores de interiores muestran controles deslizantes de antes/después de reformas de cocinas, baños y habitaciones completas en Instagram, TikTok y webs de portafolio de proyectos
Transformaciones de fitness y pérdida de peso
Los entrenadores personales, coaches y creadores de fitness publican comparadores de transformación de 30 días, 90 días y un año en Instagram Reels, TikTok y YouTube para atraer nuevos clientes
Iteración de diseño de producto y pruebas A/B
Los diseñadores de producto, los equipos de UX y los responsables de marketing comparan variantes de diseño en paralelo en revisiones de Figma, presentaciones de marketing y presentaciones para las partes interesadas, con el fin de tomar decisiones más rápido
Presentaciones de restauración y conservación
Restauradores de arte, especialistas en detallado de coches clásicos y profesionales de la restauración fotográfica muestran comparativas de antes y después que justifican visualmente el meticuloso trabajo y su precio
Home staging y comparaciones de anuncios inmobiliarios
Muestra una habitación antes del home staging virtual o de una reforma completa junto al después en las fotos del anuncio y las publicaciones sociales: usa la orientación Vertical para tomas de habitaciones altas de modo que los compradores vean los cambios de suelo a techo de un vistazo.
Registros de cambios de rediseño de interfaz de software
Los equipos de producto e ingeniería comparan la interfaz antigua de una app con la rediseñada en las notas de versión y en las revisiones internas de diseño, usando el control deslizante División % para controlar con exactitud cuánto de cada versión se ve en la captura de pantalla exportada.
Progreso de tratamientos de cuidado de la piel y dentales
Las clínicas dermatológicas, ortodoncistas y marcas de cuidado de la piel documentan los resultados de los tratamientos con un montaje limpio de antes/después para las consultas de pacientes y el marketing de la clínica — la comparación y la exportación ocurren completamente en el navegador.
Demostraciones científicas y de aula
Los profesores exportan una composición de antes/después del crecimiento de una planta, una reacción química o un experimento de erosión para una diapositiva de clase o una hoja de trabajo, cambiando la orientación para que coincida con el eje en el que ocurrió el cambio.
Guías de esta herramienta
- Virtual Staging for Unfurnished Rentals: Show Layout Ideas to Prospective TenantsUse virtual staging to show furniture layout ideas for unfurnished rentals. Create Pixoate concepts that help tenants picture a room's possible use.
- How to Create Before-and-After Renovation Photo Reports for ClientsCreate before-and-after renovation photo reports with Pixoate. Organize project images, add useful context and prepare a readable client handover.
Ve cada transformación en acción
Cada foto cruza el separador sin cambios y sale terminada al otro lado.


























