Deslizador de comparación de imágenes: herramienta de comparación antes / después

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.

The side-by-side comparison preview happens in your browser, but exporting the composite uploads both images to our secure server so the final file can be rendered; they are deleted automatically afterward and never shared or used to train models. For strictly confidential material where no upload is acceptable, capture a screenshot of the on-screen preview instead of using Export.

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.

Use the Orientation control in the Compare panel to toggle between Horizontal (left-right swipe, best for landscape photos and side-by-side layouts) and Vertical (top-bottom swipe, better for tall portrait shots or before/after height comparisons like renovations or growth photos).

Split % sets where the divider line sits between the before and after image, from 0 (all after visible) to 100 (all before visible) — it defaults to 50 for an even split. Move it toward one side if you want more of a specific image visible in the exported composite, for example 70 to emphasize the "after" result.

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.

For a full-room renovation, Vertical orientation at a 50% split works well since it lets viewers compare top-to-bottom detail like flooring and ceiling changes. For side-by-side furniture or color changes, Horizontal orientation at a 40–60% split (favoring whichever image has the more striking result) tends to draw the eye most effectively.