Vista previa del resultado de «Comparar imágenes»

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

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.
Gratis · Sin registro · Sin marca de aguaLas cargas se cifran en tránsitoEliminado según nuestra política de retención

Preguntas 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.

usage

Sí. 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.

features

Lo 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.

technical

Se 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.

compatibility

La 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.

privacy

Sí. 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.

web

Usa 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».

usage

Haz 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.

usage

Para 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.

tips

Casi 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.

troubleshooting

Informa 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.

troubleshooting

No 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.

pricing

No: 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.

troubleshooting

Có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.

Para creadores

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

Para creadores

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.

Para empresas

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

Redes sociales

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

Para empresas

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

Para creadores

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

Inmobiliaria

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.

Para desarrolladores

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.

Uso personal

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.

Formación

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.

Ve cada transformación en acción

Cada foto cruza el separador sin cambios y sale terminada al otro lado.