Haz deslizadores de comparación de imágenes en cuestión de minutos

¿Quieres comparar dos fotos una al lado de la otra? Con Genially, es fácil crear controles deslizantes de imágenes de antes y después con los que tu público puede explorar e interactuar. Rápido, gratis y sin tener que saber programar.

Los mejores equipos del mundo crean contenido interactivo con Genially

Pon dos imágenes una junto a la otra

Mejora tus habilidades de narración visual con deslizadores llamativos y dinámicos.

No necesitas saber nada de CSS o HTML. ¡Solo tienes que elegir las imágenes que quieres comparar y ya está! Genially genera el deslizador por ti.

  • Funciona en cualquier dispositivo: haz clic o pulsa para mover la barra deslizante.
  • Incluye información adicional con avisos interactivos, textos y créditos de fotos.
  • Comparte o incrusta en cualquier sitio: haz publicaciones en redes sociales, recursos de aprendizaje, sitios web o catálogos en línea atractivos y fáciles de usar.

Muestra el antes y el después de los cambios

Ayuda a las personas a visualizar y comprender cómo han cambiado las cosas a lo largo del tiempo. Usa fotos reales para crear sorprendentes comparaciones de «entonces y ahora», «encuentra las diferencias» o «histórico y moderno».

¿Trabajas en educación o formación? Al ser visuales y cinestésicos, los deslizadores pueden reforzar la comprensión, afianzar el aprendizaje y alentar a los estudiantes a centrarse en los detalles.

  • Compara dos marcos: fotos, ilustraciones, gráficos o GIF.
  • Vertical u horizontal: tú eliges la orientación.
  • Sube imágenes desde tu dispositivo, enlaza a una foto en línea, navega por la biblioteca de Genially o genera imágenes con IA.

Haz comparaciones interactivas de productos

Ofrece a los clientes una vista previa visual de lo que pueden esperar si eligen tu producto o servicio.

Destaca las características clave, muestra productos similares o desvela transformaciones con un toque de humor, aumentando las interacciones y el tiempo en la página.

  • Utiliza descripciones interactivas, etiquetas y llamadas a la acción para proporcionar especificaciones de productos y captar clientes potenciales.
  • Genera confianza y credibilidad con comparaciones paralelas que muestren proyectos de clientes reales o la evolución de tu producto.
  • Destaca y consigue que te recuerden: aumenta el tiempo de permanencia, las veces que comparten tu contenido y la tasa de clics.
  • Gratis

    Hacer deslizadores de comparación de imágenes en Genially es gratis. Mejora tu plan para acceder a funciones más potentes, como métricas de interacciones y herramientas de marca.

  • Fácil de compartir

    Colócalo en cualquier lugar. Comparte el enlace, incrústalo en tu página web o tienda online, añádelo a un curso de aprendizaje virtual o intégralo en tu LMS.

  • Accesible

    Todos los contenidos publicados en Genially cumplen las normas WCAG. Añade texto ALT para asegurarte de que los usuarios de herramientas de asistencia puedan entender lo que hay en las imágenes.

  • Personalización

    Ajusta las dimensiones, añade textos y adapta cada elemento de la pantalla. Añade tu logotipo y tu marca o integra el deslizador en un diseño más amplio.

  • Más que deslizadores

    Genially ofrece un completo kit de herramientas para crear todo tipo de contenido interactivo y ludificado para marketing, comunicación y aprendizaje en línea.

  • Multidispositivo

    Genially funciona a la perfección en cualquier dispositivo, incluidos teléfonos, tabletas y ordenadores portátiles. Los usuarios pueden pulsar y arrastrar el deslizador con un movimiento del cursor o pulsar y deslizar.

Paso a paso

Cómo hacer un deslizador de comparación de imágenes

  • How to make image comparison slider

    Elige las imágenes

    Añade un widget de deslizador de comparador de imágenes al lienzo y sustituye las imágenes de muestra. Puedes subir archivos desde tu dispositivo o Google Drive, pegar la URL, buscar en la biblioteca de recursos de Genially o generar imágenes con IA.

  • How to make image comparison slider

    Personaliza el deslizador

    Elige el formato, las dimensiones y si quieres texto. No olvides añadir el texto ALT para que las imágenes sean accesibles, y utiliza el botón «Vista previa» para ver cómo aparecerá todo ante tu público.

  • Share

    Comparte

    ¿El diseño ha quedado a tu gusto? Haz clic en Compartir para obtener el enlace. Tu deslizador está listo para incrustar o compartir donde quieras. Todo está en la nube, por lo que si actualizas el diseño, los cambios se mostrarán automáticamente.

LMS and CMS

¡Comparte, incrusta o integra en cualquier lugar!

Genially es compatible con todos los creadores de sitios web populares, CMS y LMS.

Diseños preestablecidos

Crea un deslizador personalizado desde cero o usa una plantilla para diseñar rápidamente una página entera. Añade tus imágenes y texto, y todo listo para publicarse.

Comparador de imágenesJuego de Parejas de ImágenesDesafío Memoria CorporativaLínea de tiempo Fotogramas
Antes y después comparaciónEncuentra las diferenciasTimeline imágenes móvilDiagrama de Venn
Comparativa visualQuiz imágenesFlipcards imágenesTimeline imágenes
Danny Fandrich, UpReach CEO

"Una excelente manera de crear interacciones inteligentes sin mucho esfuerzo. Cada diseñador, con la ayuda de Genially, es un creador de aplicaciones web interactivas."

Danny Fandrich

Director Ejecutivo de UpReach

Preguntas frecuentes

La forma más fácil de crear contenido interactivo

Crea una cuenta gratuita y empieza a explorar