Muestra el antes y el después con un control deslizante

Sube dos imágenes de las mismas dimensiones y la herramienta las superpone con un control deslizante arrastrable. Desliza a la izquierda para mostrar la imagen del antes y a la derecha para mostrar la del después: perfecto para enseñar ediciones, retoques, pérdida de peso, reformas, iteraciones de diseño y resultados de generación por IA.

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.

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.

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.

La vista previa de comparación en paralelo se realiza en tu navegador, pero exportar la composición sube ambas imágenes a nuestro servidor seguro para que se pueda renderizar el archivo final; se eliminan automáticamente después y nunca se comparten ni se usan para entrenar modelos. Para material estrictamente confidencial donde no se acepta ninguna subida, captura una pantalla de la vista previa en pantalla en lugar de usar Exportar.

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.

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

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

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.

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.