Deslizador de comparación de imágenes - Herramienta de comparación de imágenes antes/después

Suelta dos imágenes y arrastra el deslizador para mostrar las diferencias. Orientación horizontal o vertical, intercambia los lados, exporta el compuesto lado a lado como PNG.

Antes

Elimina la imagen del "antes"

Después

Elimina la imagen del "después"

Drop both images to see the comparison.

Acerca de la comparación de imágenes

Un deslizador antes/después es una forma rápida de mostrar qué cambió entre dos versiones de la misma imagen — útil para retoques, iteraciones de diseño, aprendizaje automático antes/después y fotografía de producto. Esta herramienta funciona completamente en tu navegador; No se suben archivos.

Frequently Asked Questions

Sube dos imágenes de las mismas dimensiones y la herramienta las superpone con un mango arrastrable. Deslica a la izquierda para mostrar la imagen del antes, desliza a la derecha para mostrar el después — perfecto para mostrar los resultados de edición, retoques, pérdida de peso, renovación, iteración de diseño y generación de IA.

usage

Sí. Exporta el deslizador como un MP4 o un GIF animado que se repita automáticamente — ideal para publicaciones en Instagram, TikTok, X y LinkedIn donde los espectadores no pueden arrastrar un usuario. La tasa de fotogramas y la duración son configurables.

features

Idealmente sí, ya que el deslizador compara píxel por píxel. Cuando los tamaños varían, la herramienta ofrece recortar o escalar automáticamente la segunda imagen para que coincida con la primera, preservando 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 utiliza H.264 MP4 para máxima compatibilidad, y la exportación GIF mantiene el tamaño del archivo lo suficientemente pequeño para compartir rápidamente en redes sociales.

compatibility

La comparación y exportación se hacen en tu navegador, así que ninguna de las dos imágenes se sube a un servidor. Eso hace que la herramienta sea segura para retoques confidenciales de clientes, fotos médicas antes y después y comparaciones de productos no publicados.

privacy

Sí. Copia el fragmento HTML generado y pégalo en WordPress, Webflow, Squarespace, Shopify o cualquier sitio estático. El embed es libre de dependencias, compatible con móviles y funciona sin bibliotecas JavaScript externas.

web

Use Cases

Exhibiciones de edición fotográfica antes/después

Fotógrafos, retocadores y artistas de Lightroom muestran a los clientes del portafolio el antes y después de un retoque con un deslizador deslizable que demuestra que la edición ha valido la pena pagar

creative

Comparaciones de generación de imágenes con IA

Compara las salidas de DALL-E, Midjourney, Stable Diffusion y Flux con la imagen original del prompt o referencia para demostrar las diferencias de ingeniería de prompts y calidad del modelo

creative

Renovación y Revelación de Mejoras del Hogar

Contratistas, arquitectos y diseñadores de interiores muestran las reformas de cocinas, baños y habitaciones completas en Instagram, TikTok y webs de portafolios de proyectos

business

Transformaciones en forma física y pérdida de peso

Entrenadores personales, coaches y creadores de fitness publican deslizadores de transformación de 30 días, 90 días y durante todo el año para Instagram Reels, TikTok y YouTube para atraer nuevos clientes

social

Iteración de diseño de producto y pruebas A/B

Los diseñadores de producto, equipos de UX y responsables de marketing comparan variantes de diseño lado a lado en revisiones de Figma, presentaciones de marketing y presentaciones a los stakeholders para tomar decisiones más rápidas

business

Revelaciones de restauración y conservación

Restauradores de arte, detallistas de coches vintage y especialistas en restauración fotográfica muestran deslizadores de antes/después que justifican visualmente el trabajo minucioso y el precio

creative