¡Bienvenido a la wiki de EnhancelyCompare! - HDL34/EnhancelyCompare-wiki GitHub Wiki

EnhancelyCompare

EnhancelyCompare es una herramienta web ligera e intuitiva para comparar dos imágenes lado a lado a partir de enlaces directos. Permite un análisis visual preciso gracias a sus funciones de zoom, ofrece temas claro y oscuro, y alterna entre pegar enlaces y subir archivos directamente desde la interfaz. Se ha desarrollado con la ayuda de Google Gemini y Claude (Sonnet 4.6 y, más recientemente, Sonnet 5 para el panel de ajuste multi-ratio). Ahora, Claude AI se ha convertido en mi herramienta de programación número 1 para seguir mejorando el comparador de imágenes.

image
image
image
image

✨ Funcionalidades

Comparación multimodo:

Visualice dos imágenes simultáneamente para detectar las diferencias más sutiles.

Zoom interactivo y restablecimiento:

Explore los detalles con la función de zoom integrada. Un botón de "Restablecer" aparece automáticamente para volver a la vista inicial.

image

Multi-ratio:

Este modo te permite comparar imágenes con diferentes proporciones. Útil, por ejemplo, para comparar una foto original con una versión extendida con más material, generada con una herramienta externa de IA, o con un recorte diferente.
Para ello, creé un panel con 4 deslizadores para ajustar con precisión la imagen a la izquierda en comparación con la derecha.

image

Puedes establecer los valores desde ventana

image

Ya sea desde la pantalla completa

image

Dependiendo de la imagen, los valores se actualizarán entre pantalla completa y ventana. Lógico porque en pantalla completa estamos en 16:9 y en ventana es según la proporción final de la imagen de la derecha.

Todos los deslizadores (sin contar la opacidad que va de 0 a 100%) van de -100 a 100. También tienes las flechas, para ser más precisos. Puedes restablecer todos los deslizadores a sus valores predeterminados usando el gran botón de "Restablecer todos los valores" o hacerlo uno a uno mediante los iconos junto a cada deslizador.

También funciona en smartphones y tabletas con soporte para la rotación de pantalla (incluyendo pantalla completa).

Historial:

Busca y edita tus comparaciones usando el historial en la barra lateral.

image
image

Puedes eliminar o fijar cada comparación individualmente. También puedes eliminar todo con el botón rojo "Eliminar todo". Se borrará la lista completa. Además, puedes importar y exportar el historial completo en formato JSON.

image

Si importa el historial cuando tiene entradas idénticas al archivo json, aparecerá una ventana emergente preguntándole si desea "reemplazar", "agregar una copia" o simplemente "cancelar".

image

Si desea exportar o eliminar parte del historial en 1 o 2 clics, puede mantener pulsada (aproximadamente 2 segundos) una de las entradas y todas entrarán en modo de selección.

image

A continuación, puede seleccionar una o más entradas que desee exportar o eliminar. Ejemplo:

image

Por supuesto, tiene el botón "Seleccionar todo" para seleccionar todas las entradas. Esto es ideal si desea restar algunas entradas (por ejemplo, 2 o 3) de un gran número de entradas del historial.

image

Y el tercer botón simplemente permite cancelar saliendo del modo de selección.

image

Corrección de enlaces:

Si has invertido enlaces o imágenes por accidente, ¡no te preocupes! No es necesario empezar de nuevo. Hay un botón para corregir la inversión de enlaces o imágenes; al pulsarlo, la ventana se actualiza automáticamente.

imagen

La comparación de imágenes ahora está en el orden correcto.

imagen

Compatibilidad extendida:

Funciona con enlaces de Google Drive y con cualquier servicio externo de alojamiento de imágenes, siempre que sean enlaces directos: de lo contrario, la comparación no podrá generarse. Funciona perfectamente en dispositivos táctiles como smartphones y tablets.

Interfaz personalizable:

  • Cambie entre modo oscuro y claro según sus preferencias.
  • Control inteligente del tema basado en la configuración predeterminada del navegador.

Multilingüe:

  • Soporte integrado para cambiar el idioma en un clic. Cinco idiomas disponibles:
    • Francés
    • Inglés
    • Alemán
    • Italiano
    • Español
  • Selección inteligente del idioma basada en el navegador. Si el idioma no está disponible, se usará el inglés por defecto.

Otros elementos gráficos:

  • Contador de visitas añadido en la parte inferior derecha (puede ser invisible con bloqueadores de anuncios).
  • Enlace de GitHub a la documentación añadido a la izquierda de los créditos.

🚀 ¿Cómo utilizarlo?

Obtener los enlaces (si el modo "Pegar enlaces URL" está activo):

Copie la URL de sus imágenes (Google Drive, Imgur u otro).

Configurar la visualización:

Pegue los enlaces en los campos correspondientes y asigne un título de comparación. Este se traducirá automáticamente a los demás idiomas, en los campos de título correspondientes.

Usar botones "Explorar" (si el modo "Subir vía ImgBB" está activo):

Navegue hasta la carpeta de sus imágenes para importarlas. O arrastre y suelte sus imágenes directamente.

Generar:

Haga clic en el botón "Generar visualización" para mostrar la comparación si está en el modo "Pegar enlaces URL", o en "Confirmar la carga" si está en el modo "Subir vía ImgBB".

Analizar:

Use el ratón para hacer zoom en áreas específicas si es necesario.

image

Copiar enlace:

Haga clic en "Copiar enlace de compartir" para generar un enlace.

📺 Tutorial: Cómo utilizar la herramienta de comparación

Aprenda a integrar sus imágenes y a generar una visualización comparativa en unos pocos clics. Este vídeo le muestra cómo recuperar enlaces directos de diferentes servicios de alojamiento de imágenes compatibles.

YouTube

Tutorial Comparador de imágenes

🛠️ Puntos clave abordados:

  • Alojamiento de imágenes: Uso de Zupimages, Freeimage.host, ImgBB, PostImage e Imgur.
  • Extracción de enlaces directos: Cómo recuperar la URL que termina en .jpg, .png o .webp (indispensable para la visualización).
  • Personalización: Modificación de los títulos (FR, EN, IT, ES, DE) y gestión del modo pantalla completa.
  • Compartir: Generación de un enlace único para compartir su comparación. He añadido la API de TinyURL para acortar el enlace para compartir. Por lo tanto, se abrirá una nueva ventana, pero puede hacer clic en el área de vista previa para acceder directamente a la comparación de imágenes.
  • Resolución: Soporte para imágenes de alta resolución. Tenga en cuenta que la carga de las imágenes puede tardar un poco más antes de mostrarse.

🚀 Próximos pasos (Roadmap)

Todavía no hay entradas.




📜 Lista de actualizaciones de EnhancelyCompare:

22/03/2026

  • Creación del comparador de imágenes.
  • Renombrado de index a index.html.
  • Actualización del título y optimización de los enlaces de comparación de imágenes.
  • Actualización del título y optimización del renderizado de imágenes.
  • Actualización del título y corrección de los problemas de visualización de imágenes.
  • Rediseño de la estructura y el estilo HTML para el comparador de imágenes.
  • Actualización del HTML para el tema y las funciones de la Edición Oscura.
  • Paso a la versión 17 con soporte para el tema claro.
  • Actualización del título en index.html.
  • Adición del enlace favicon a index.html.
  • Actualización del enlace favicon en index.html.
  • Actualización del enlace favicon con el parámetro de consulta de versión.
  • Actualización de index.html.
  • Revisión de los créditos y de las traducciones del pie de página.
  • Mejora de la visibilidad y el centrado de las máscaras y los tiradores.
  • Rediseño del CSS para los elementos before-mask y handle.
  • Mejora de la visibilidad y el centrado de los tiradores.

23/03/2026

  • Refactorizar la lógica de cálculo y actualización del tamaño de la ventana gráfica.
  • Adición de un botón de reinicio y mejora de la función de zoom.
  • Añadir controles flotantes y mejorar la gestión del diseño.
  • Refactorizar la estructura HTML y mejorar el estilo.
  • Corregir la traducción italiana y optimizar el texto de la URL.
  • Eliminar el soporte de los idiomas italiano y español.
  • Añadir opciones de idioma italiano y español.
  • Refactorizar los estilos para un mejor diseño y capacidad de respuesta.
  • Mejora de la interacción táctil y del rendimiento en index.html.
  • Optimizar la estructura y el estilo HTML del comparador de imágenes.
  • Actualización index.html
  • Actualización index.html
  • Actualización index.html
  • Actualización index.html
  • Actualización index.html

24/03/2026

  • 27 parches de mejora.

25/03/2026

  • 5 parches de mejora.

26/03/2026

  • 7 parches de mejora.

27/03/2026

  • 4 parches de mejora.

28/03/2026

  • 20 parches de mejora.

29/03/2026

  • 9 parches de mejora.

30/03/2026

  • 7 parches de mejora.

31/03/2026

  • 13 parches de mejora.

03/04/2026

  • 4 parches de mejora.

05/04/2026

  • 8 parches de mejora.

08/04/2026

  • 16 parches de mejora.

09/04/2026

  • 2 parches de mejora.

10/04/2026

  • 1 parches de mejora.

12/04/2026

  • 4 parches de mejora.

24/04/2026

  • Actualizar el enlace de Freeimage para que apunte a la página de descarga.

25/04/2026

  • Cambio del servicio de carga: Freeimage.host a ImgBB.
  • Mejorar la estructura y el estilo HTML.

26/04/2026

  • Cambio del menú desplegable de idiomas, antes abajo a la izquierda, a arriba a la derecha, junto al botón de temas.
  • Ajuste del menú desplegable para alternar entre el modo de pegar enlaces en los campos de texto y el modo de carga a través de ImgBB. Ahora, al abrir la interfaz, el modo predeterminado es "Subir vía ImgBB". Los botones de los alojamientos están ocultos en este modo.

28/04/2026

  • Actualización del viewport para minimizar el desfase entre el modo normal y la pantalla completa.
  • Mejora del estilo y las funciones del botón de descarga.
    • Adición de estilos de desplazamiento para los botones de descarga y mejora de la función de descarga con soporte de arrastrar y soltar.
    • Añadir una barra de progreso de descarga y contenedores de botones.
    • Actualizar el estilo de la barra de progreso y los botones durante la carga.

29/04/2026

  • Mejora de la lógica de renderizado y transformación de imágenes
    • Refactorizar la función de renderizado para una mejor gestión y transformación de las imágenes.
  • Mejora de la lógica de redimensionamiento de ventanas y comentarios
    • Revisión de comentarios y mejora de la lógica de recalibración del zoom.

30/04/2026

  • Actualizar el estilo de la barra de progreso y los botones durante la carga.
    • Adición de un porcentaje de progreso.
  • Actualizar el comportamiento de la barra de progreso durante la carga.
    • Actualización menor. Recuperación de la barra de limpieza que valida la carga.
  • Actualización de los mensajes de advertencia de copia en varios idiomas.
  • Mejora de los efectos de desplazamiento y activación de botones
    • Adición de efectos de desplazamiento y activación a los botones para mejorar la coherencia de la interfaz de usuario.
  • Adición de detección de idioma y traducción inicial.
    • Permite configurar el idioma correcto de forma predeterminada según el idioma del navegador.

01/05/2026

  • Refactorización de la detección de idioma y la inicialización de temas
    • Adición de la automatización para alternar entre tema oscuro y claro según el tema predeterminado del navegador.
    • Adición de un detector de cambios en el tema del sistema en tiempo real.

02/05/2026

  • Adición de vista previa automática y funciones de validación de archivos para la carga de imágenes, incluidos elementos de interfaz de usuario para mostrar archivos seleccionados y barras de progreso.
    • Implementar un sistema automático de previsualización y validación para archivos subidos.
  • Reemplace el contador antiguo por hitwebcounter
    • El antiguo contador freecounterstat.com parece estar muerto.

03/05/2026

  • Actualización de las etiquetas meta title y viewport en index.html.
    • Automatización de la generación del viewport.
    • Automatización en tiempo real de la actualización del título al rellenar cada campo de título.
    • Cambio del título del programa "Comparador de imágenes simple" a "Bienvenido a EnhancelyCompare"
    • Cambio de "Copiar enlace de GitHub" a "Copiar enlace para compartir "
    • Actualizar la etiqueta title con el nombre "EnhancelyCompare" para la vista previa en la pestaña del navegador.
  • Añadir una cabecera y el estilo del tema
    • Rediseño del estilo de la cabecera y los controles, actualización de los colores del tema.
    • Actualización del estilo del botón de inicio y adición del diseño de la cabecera.
  • Reajuste de la posición del botón de borrado de archivos.

04/05/2026

  • Cabecera fijada y hacer que el nombre sea seleccionable.
    • Corrección de la cabecera flotante para hacerla fija
  • Evitar la selección de texto en el área de visualización del control deslizante.
    • La propiedad user-select se cambió para evitar la selección de texto y se agregó webkit-user-select para garantizar la compatibilidad.
  • Actualizar el enlace del pie de página a la wiki de GitHub.
  • Eliminación del retorno automático de la barra deslizante de la ventana gráfica cuando se suelta y se agregó el recentrado de la barra en cada actualización de la ventana gráfica.
  • Añadir estilos adaptables para pantallas pequeñas
  • Mejorar los estilos de cabecera para la alineación y el relleno.
    • Adición de estilos al encabezado para una mejor alineación y un relleno más preciso.

05/05/2026

  • Reemplazar el botón de inicio con una marca en la que se pueda hacer clic.
  • Ajustar estilos y la consulta de medios para el título principal.
    • Ajuste de la altura del título principal en modo vertical para smartphones.

06/05/2026

  • Se renovó la lógica de cambio de idioma y se optimizó el CSS.
    • Se actualizó el enlace de la wiki según el idioma seleccionado en la función changeLang y se eliminaron las declaraciones !important innecesarias.
  • Refactorizar los estilos de encabezado para pantallas pequeñas.
  • Se revisaron los mensajes de ayuda del host para mayor claridad.
    • Se actualizó el texto de ayuda para la importación de enlaces de imagen en varios idiomas.

07/05/2026

  • Agregar funcionalidad de compresión WebP y actualizaciones de la interfaz de usuario.
  • Implementación del cambio de idioma con soporte para la rueda del ratón.
    • Se ha añadido la funcionalidad de cambio de idioma mediante eventos de la rueda del ratón.
  • Actualizar los marcadores de posición para la compatibilidad con varios idiomas.
    • Marcadores de posición actualizados para los campos de entrada en varios idiomas.

08/05/2026

  • Se ha añadido un detector de eventos de la rueda del ratón para la selección de modo.
    • Ahora es posible desplazarse usando el botón de modo.
  • Corrige la sangría y reordena el párrafo del texto de ayuda del host.

10/05/2026

  • Se agregó una barra lateral para el historial de comparaciones.
    • Se agregó una nueva función: una barra lateral de LocalStorage Local que permite recuperar y editar comparaciones. Estas pueden ser enlaces o títulos. Los cambios se reflejarán en el historial. También se pueden eliminar las comparaciones individualmente o todas a la vez. Por supuesto, dado que se trata de LocalStorage, si borra el historial del navegador, perderá todas las comparaciones.
  • Implementación de generación de miniaturas y actualización de saveComparison.
    • Se agregó una función para generar una miniatura de 40x40 píxeles a partir de la URL de una imagen, con una solución alternativa para problemas de CORS. Se actualizó la función saveComparison para usar la miniatura generada.
  • Implementar la detección del modo compartido en index.html.
    • Añadida detección síncrona del modo compartido para evitar el parpadeo de la barra lateral.
  • Se ha añadido una animación de reflejo a los botones cuando el ratón se sitúa sobre ellos.

11/05/2026

  • Ajusta la posición y el índice z de la barra lateral.
    • Ajusta la altura de la barra lateral para que quede justo debajo del encabezado.
  • Implementación de la función de pantalla completa con conservación del centro.
    • Se agregó la funcionalidad de pantalla completa con conservación de la posición central.
  • Se ha añadido un botón para intercambiar campos de entrada.
    • Se ha añadido un botón para intercambiar campos de entrada y se han actualizado los estilos.

13/05/2026

  • Mejora el estilo de la barra lateral con el pseudoelemento before.
    • Se agregó un pseudoelemento a la barra lateral para un ajuste visual.

14/05/2026

  • Mejora los efectos de transición SVG en el botón de intercambio.
    • Añade efectos de transición suaves para SVG en el botón de intercambio.

15/05/2026

  • Añade un efecto de rotación al pasar el ratón por encima del botón de intercambio.
    • El icono SVG ahora gira 180° al pasar el ratón por encima.

16/05/2026

  • Se actualizó el archivo index.html con varios cambios de estilo y visualización.
    • Se añadió un efecto de reflejo a los botones internos de la ventana gráfica. Además, se realizaron pequeños ajustes al indicador de carga y su contenedor.

02/06/2026

  • Agregar eventos de Google Analytics para las interacciones de la barra lateral.

03/06/2026

  • Configurar el seguimiento de Google Analytics para acciones en la barra lateral.
    • Se añadió el seguimiento de eventos de Google Analytics para ediciones y fijación en la barra lateral.

05/06/2026

  • Se ha añadido información sobre el formato y la resolución de las imágenes a las entradas del historial.
  • Traducciones actualizadas para las entradas de historial y formato corregido en index.html.

08/06/2026

  • Refactorizar botones en la barra lateral e importar estilos modales
    • Modificación del botón "Borrar todo" de la barra lateral y adición de 2 nuevos botones para importar y exportar el contenido de las entradas de la barra lateral.
  • Aumenta el tamaño de las miniaturas en las entradas del historial.

09/06/2026

  • Corregido un error en nuevas entradas de historial.
    • Al añadir una nueva comparación, la información de resolución y formato no se mostraba en el primer intento. Tenías que hacer clic en la entrada para que se hiciera la aliquidación. Ahora está arreglado.

10/06/2026

  • Ajustar el estilo de los iconos de las entradas del historial de la barra lateral.
    • Los iconos de las entradas de la barra lateral ahora son perfectamente transparentes y están alineados verticalmente en lugar de horizontalmente.
  • Implementar un modo de selección múltiple con barra de acciones.
    • Se añadió la posibilidad de seleccionar una o más entradas para poder exportar o eliminar la selección. Para ello, basta con pulsar 2 segundos para activar el sistema. Aparecerán 2 botones nuevos. Una cesta🗑 y una cruz❌. El primero para eliminar la selección y el segundo para cancelarla.

11/06/2026

  • Añadir un botón y funcionalidad de selección completa.
  • Mejorada la función de zoom y añadido una máscara adaptativa basada en el tema bajo la imagen de la izquierda.
    • Se añadió un fondo al contenedor de zoom y se actualizaron las dimensiones de zoomerB.

12/06/2026

  • Corrección de errores: No se puede regenerar la entrada de comparación si se elimina.
    • Si creamos una nueva comparación y eliminamos la entrada del historial, ahora podemos regenerar la entrada.

13/06/2026

  • Eliminar la clave API y actualizar el endpoint de subida (nueva clave API generada).
    • Transferencia de "enhancelycompare" a CloudFlare y ocultar la clave API.
  • Actualizar los enlaces de GitHub al nuevo repositorio.
  • Actualizado la URL base del protocolo de archivo.

14/06/2026

  • Mejor gestión de entradas y actualizaciones de almacenamiento local.
    • Rediseñó el gestor de eventos de entrada para un manejo más eficiente de las actualizaciones de almacenamiento local y la separación adecuada de las nuevas entradas.
  • Seleccionadores de ítems de historia de refactorización en index.html
    • 2 pequeñas correcciones menores. Se cambió el orden en que se registraron las entradas en orden descendente al orden ascendente más lógico y corrigió los títulos que no se actualizaron en tiempo real al editar una entrada de historial.
  • Actualizar mensajes de confirmación e importar mensajes de error.
    • Se añadió el mensaje de alerta "❌ Archivo JSON inválido." en los 5 idiomas de la interfaz.

15/06/2026

  • Rediseñó el manejo de fechas en las entradas históricas.
  • Actualiza el título y añade la meta descripción en index.html.
  • Archivo index.html mejorado con metaetiquetas Open Graph.
    • Se añadieron etiquetas meta Open Graph para mejorar su compartición en redes sociales.

16/06/2026

  • Mejora en la gestión local del almacenamiento para las entradas de swap.
    • Se añadió funcionalidad para guardar los detalles del comercio en almacenamiento local y actualizar el estado de edición de las entradas.

17/06/2026

  • Se añadieron las etiquetas meta de Open Graph y Twitter a index.html.
    • Se añadió una meta línea para mostrar una miniatura bajo el enlace una vez que esta se publica en otros sitios y redes sociales.
  • Añadir la metaetiqueta de nombre de sitio de Open Graph.

18/06/2026

  • Actualizar la meta descripción y las etiquetas Open Graph.

19/06/2026

  • Se añadió un botón de advertencia para la acción de Eliminar.
    • Sustituyó el icono del cubo de basura 🗑 de historia por una versión SVG usada en los otros botones.

20/06/2026

  • Añadir una sección de donaciones adaptable y traducciones.

21/06/2026

  • Agregue un menú desplegable de idioma personalizado con indicadores.
    • Se ha añadido una bandera a la izquierda de cada idioma en el menú desplegable de idiomas. Esto reduce el espacio de la pantalla en modo vertical, ya que solo se verá la bandera. Si se pulsa el botón, los nombres seguirán apareciendo junto a ellos en el menú desplegable.

23/06/2026

  • Botón de alternancia para añadir tema con funcionalidad de descripción emergente.
    • El botón temático se ha mejorado con un icono de sol y luna solo en móviles y tabletas para ahorrar algo de espacio.

24/06/2026

  • Se ha corregido la visibilidad de los iconos de los temas y la lógica de etiquetas de botones.
    • Invertir la lógica de los iconos y nombres de los temas de luz y oscuridad.

26/06/2026

  • Integrar la funcionalidad de descarga de Freeimages
    • Se añadió soporte para el módulo de subida Freeimage vía API en el archivo HTML, incluyendo nuevos botones y funciones para gestionar subidas a través de Freeimage.
  • Integrar el SDK Freeimage para subir imágenes y actualizar los botones de subida.
    • Integración del SDK Freeimage y actualización de la funcionalidad de los botones de subida.
  • Refactorizar la lógica de subida de imágenes y limpiar HTML.
    • Se eliminaron las etiquetas div contenteditable no utilizadas y se ajustaron los atributos de los botones para la funcionalidad de carga de imágenes. Actualicé la lógica del endpoint de descarga y limpiamos el código eliminando la función initPupObserver.

27/06/2026

  • Rediseñó la lógica para cargar imágenes y guardar la resolución.
  • Agregue lógica de comparación de URL en la función saveAndInit.
  • Corrige la condición de actualización de localStorage en el evento de entrada.

28/06/2026

  • Refactorización de la gestión de ID para guardar entradas en la barra lateral.
    • Antes, cuando creabas una nueva comparación encima de la anterior sin actualizar la página, la entrada ya presente en la barra lateral era sobrscribida por la nueva. Entonces fue necesario actualizar la página para sortear el problema. He solucionado este problema: a partir de ahora, no necesitas recargar la página para hacer una nueva comparación, y las nuevas ya no sobrscribirán las anteriores en la barra lateral.

29/06/2026

  • Habilitar la importación de varios archivos en la función importHistorial y revertir al importar.
    • Ahora puedes importar varios archivos a la vez más una pequeña corrección de la dirección de importación. Antes, los archivos importados se colocaban encima de los anteriores. Ahora se colocarán debajo. Lo cual es más lógico.

30/06/2026

  • Se mejoró la gestión del tamaño de los archivos y el guardado de la resolución.
    • Se agregó una función para mostrar el tamaño de los archivos y se mejoró la lógica para guardar la resolución.

01/07/2026

  • Rediseñó la lógica de resolución de imagen en index.html.
    • Rediseñó el manejo de la resolución de imagen para usar targetId y añadir comprobaciones de tamaño antes de recuperar tamaños de archivo. Específicamente, esto permite actualizar entradas antiguas en la barra lateral que no contienen la nueva información sobre el tamaño del archivo añadida como resultado de actualizar el comparador de imágenes. Simplemente haga clic en cada entrada de la barra lateral para actualizarla con la nueva información sobre el peso de la imagen.

04/07/2026

  • Se han modificado los criterios de validación de imágenes en index.html.
    • Se han actualizado los tipos de imagen permitidos y se ha aumentado el tamaño máximo de archivo.

07/07/2026

  • Añade la metaetiqueta de verificación del sitio de Google.

09/07/2026

  • Se añadió un panel de ajuste multi-relación para la imagen izquierda

    • Se añadió un panel de ajuste si la proporción de la imagen izquierda difiere de la de la derecha mediante 4 deslizadores.
      • Un deslizador para hacer zoom
      • Un deslizador para opacidad
      • Un deslizador para la horizontal
      • Un deslizador para la vertical.

10/07/2026

  • Se agregó lógica para el análisis de ajustes y el manejo de URL.
    • Se agregó el guardado de valores del panel de ajuste de relación de aspecto múltiple a la URL compartida.

11/07/2026

  • Actualizar la etiqueta meta viewport para diseño adaptable.

12/07/2026

  • Mejorar el manejo de las transiciones a pantalla completa
    • Refactorizar la lógica de transición a pantalla completa para manejar correctamente transiciones auténticas...

14/07/2026

  • Se mejoró el ancho y la alineación de los campos de entrada para pantallas más grandes.
    • Se agregó una consulta de medios para campos de entrada más anchos en pantallas más grandes y se ajustaron las propiedades flex para la alineación.

15/07/2026

  • Modificar el ancho del campo de entrada y el manejo del ID de destino guardado.
    • Se actualizó el ancho del campo de entrada para una mejor visibilidad y se ajustó la lógica para guardar el ID de destino.

17/07/2026

  • Se corrigió un error que provocaba que el nombre "EnhancelyCompare" apareciera ligeramente recortado en el botón de inicio en modo vertical en dispositivos móviles.
  • Se implementó la detección y el almacenamiento de temas.
    • Se agregó la detección síncrona de temas y la compatibilidad con el almacenamiento local para los temas claros y oscuros.
  • Se mejoraron los estilos del tema claro y la funcionalidad de cambio de tema.
    • Se actualizaron los estilos del tema claro y se eliminó la clase anti-flash tras el cambio de tema.
  • Se corrigieron los chips de archivo que se retrasaban al cambiar el modo de subida.
    • En modo subida, tras seleccionar un archivo (chip visible), cambiar de "ImgBB" a "Freeimage.host" (o viceversa) hacía que los chips de previsualización de archivo se desactivaran: el botón Explorar reaparecía sobre el chip en lugar de estar oculto. Este problema ya está resuelto.

18/07/2026

  • Mejora en la carga de los logotipos de anfitriones.
  • Mejora en la carga de miniaturas en la barra lateral.
  • Mejora en la carga de banderas para diferentes idiomas.
  • Mejoró la carga del contador de visitas.
  • Mejoré el archivo index.html con preinicio de sesión y carga lenta.
    • Se añadieron enlaces previos a la conexión para optimizar el rendimiento y se actualizaron las imágenes de opciones de idioma para usar cargas lentas.
  • Reducción de CORS en los 3 archivos js (upload.js, upload-freeimage.js y filesize.js).
  • Mejorar la accesibilidad con atributos aria-labels en HTML.
    • Los botones y desplegables se han actualizado con atributos aria-labels para mayor accesibilidad.

19/07/2026

  • Agregue aria-label al selector de idioma para mejorar la accesibilidad.
  • Añadido un archivo "robots.txt"
    • Se añadió un archivo "robots.txt" para mejorar la indexación.
  • Añadido un llms.txt para inferencia.
    • Proporciona información que permite a los LLM utilizar un sitio web en el momento de la inferencia.

20/07/2026

  • Refactorizar los estilos para el diseño móvil y el espaciado del encabezado.

21/07/2026

  • Eliminar el seguimiento de Google Analytics del archivo index.html.
    • Se eliminaron los scripts y llamadas de seguimiento de eventos de Google Analytics de la barra lateral en favor de la versión integrada de CloudFlare.

24/07/2026

  • Gestión de eventos rediseñada para mejorar la seguridad.
    • Eliminaron los gestores de eventos integrados y se añadieron oyentes de eventos para mejorar el cumplimiento de la Política de Seguridad de Contenidos (CSP).
  • Actualizados encabezados de seguridad y añadido el encabezado Contenido-Política-Seguridad.

25/07/2026

  • Eliminar el enlace previo a la conexión a freeimage.host.
    • Eliminado el SDK Freeimage que no estaba en uso.

26/07/2026

  • Se corrigió el manejador de eventos al pulsar el botón de commit para invocar una función.
  • Restaurar los encabezados de seguridad en el archivo _headers.
  • Reejerció la lógica para ajustar el modo pantalla completa.
    • Rediseñó el manejo del ajuste del modo a pantalla completa para asegurar la conversión simétrica de valores en tiempo real durante la entrada y salida, reemplazando el método anterior de restauración de instantáneas.

29/07/2026

  • Rediseñó el manejo de la rotación de pantalla completa y el ajuste de tamaño de los auriculares.
    • Fusionaron oyentes separados de redimensionamiento para la gestión de rotación de pantalla completa para asegurar el orden correcto de renderizado y evitar saltos de diseño.

31/07/2026

  • Implementado la limitación de velocidad de direcciones IP en la API filesize.js.
    • Se añadió la limitación de tasa de dirección IP a la función onRequestGet y se refactorizó el código para mayor claridad.
  • Implementé limitación de velocidad y comprobación del tamaño de las imágenes en el archivo upload-freeimage.js.
    • Añadió limitación de velocidad y validación del tamaño de imagen a la función upload.js.
  • Implementé limitación de velocidad y comprobación del tamaño de las imágenes en el archivo upload.js.
    • Se añadió la limitación de velocidad de dirección IP y la validación del tamaño de la imagen.

02/08/2026

  • Se eliminó la opción de Freeimage y se actualizó el modo de selección.
    • Freeimage.host ha sido eliminado del menú desplegable. Este servicio había dejado de funcionar debido a un error HTTP 400 y al siguiente mensaje de error: "No está autorizado a utilizar este sitio web." Parece que este servicio ya no acepta solicitudes de Cloudflare.

10/08/2026

  • Añadir traducciones para "createdOn" y mejorar la gestión de datos EXIF.
    • Se añadió la traducción de "createdOn" para varios idiomas y se actualizó la gestión de la extracción de fechas EXIF para archivos subidos.

Ejemplo:

image

11/08/2026

  • Corregir la traducción al francés y español de (modificado) y cambiar la ubicación de (modificada) al final.
  • Actualiza los enlaces de la wiki para que apunten a los archivos Markdown.

12/08/2026

  • Mejorar el diseño responsivo y actualizar la imagen del contador de visitas.
    • Se añadió una consulta de medios para pantallas más pequeñas y se actualizaron las propiedades de imagen del contador de visitas.
  • Actualiza los atributos de la imagen y corrige la estructura HTML.
  • Ajusta el tamaño de la imagen del contador de visitas para su visualización en dispositivos móviles.

14/08/2026

  • Mejoró la compresión de imagen y añadió la traducción automática.
    • Mejora de la calidad de compresión de imagen de 0,75 a 0,85. Se añadió funcionalidad de traducción automática multilingüe a través de la API de DeepL.
  • Rediseñó la API de traducción para usar JSON.
    • Actualizó la API de traducción para usar JSON para peticiones y respuestas, mejorando la compatibilidad con la API de DeepL.

15/08/2026

  • Implementación de la lógica para rellenar traducciones de títulos que faltan.
    • Se añadió una función para rellenar las traducciones de títulos que faltaban de entradas existentes. Actualizé la lógica de traducción para activar eventos de entrada una vez que se establecen los valores.
  • Gestión de eventos de entrada rediseñada para traducción automática.
    • Actualizó el oyente de eventos para ignorar los disparadores programáticos y gestionar correctamente las entradas precompletas.

16/08/2026

  • Rediseñó el manejo de eventos de entrada para traducción.
    • Rediseño del manejo de eventos de entrada para campos de traducción para mejorar la claridad y funcionalidad. Integración de la actualización automática de los campos de título.

image

mise.a.jour.des.titres.des.entrees.de.la.side.bar.via.l.auto.update.des.champs.titres.webm

17/08/2026

  • Aumentó el límite de solicitudes a 150 por dirección IP en el archivo exifdate.js.
    • Incrementó el número de consultas para cubrir 20 comparaciones cercanas con un margen de seguridad: umbral fijado a 150 durante un periodo de 10 minutos.
  • Aumentó el límite de solicitudes IP en el archivo filesize.js.
    • Actualizado el límite de solicitudes de 20 a 150 por dirección IP por periodo de tiempo.
    • Incrementó el número de consultas para cubrir 20 comparaciones cercanas con un margen de seguridad: umbral fijado a 150 durante un periodo de 10 minutos.
  • Aumentó el límite de solicitudes para la API de traducción en el archivo translate.js.
    • Actualizado el límite de solicitudes para permitir 80 solicitudes por dirección IP por periodo de tiempo para cubrir 20 comparaciones cercanas con un margen de seguridad durante un periodo de 10 minutos.
  • Si superas el límite, la traducción automática de los otros campos de título dejará de funcionar durante 10 minutos con este error de consola:
image image
  • Estoy usando una cuenta gratuita de DeepL para la API. Así que tengo derecho a 500.000 caracteres al mes. Así que si en algún momento la traducción automática deja de funcionar en un momento dado, significa que la cuota del mes se agota.
  • Se ha aumentado el límite de solicitudes para subir imágenes al archivo upload.js.
    • Se actualizó el límite de velocidad para permitir 150 solicitudes por dirección IP por ventana y cubrir 20 comparaciones cercanas con un margen de seguridad durante un periodo de 10 minutos.

24/08/2026

  • Corrección de la estructura HTML y actualización del manejo de scripts.
    • Se solucionó un problema de visualización: los valores de pantalla completa y modo ventana se mostraban de forma exponencial en imágenes con diferentes relaciones de aspecto al usar la tecla "Esc" para salir del modo de pantalla completa o el cursor nativo que aparecía al pasar el ratón por la parte superior de la pantalla. Los valores de pantalla completa se quedaban fijos y sobrescribían los del modo ventana. Este problema ya está resuelto.

06/09/2026

  • Simplificar los cálculos de getFactorH en index.html.
    • Refactorización getFactorH funciona para simplificar los cálculos y eliminar comprobaciones de orientación innecesarias.

08/09206

  • Mejorar la importación modal con los botones de cerrar y alternar.
    • Añadidos estilos para el cierre modal de botones y función de alternación.
image image

09/09/2026

  • Se añade una restricción de ancho mínimo para el diseño adaptativo en modo ventana.

12/09/2026

  • Evitar que la barra lateral se oculte cuando la ventana modal esté activa.
    • Se agregó una comprobación para evitar que la barra lateral se oculte cuando la ventana modal esté abierta.

13 de septiembre de 2026

  • Implementar la función de arrastrar y soltar para los elementos del historial.
    • Agregar la función de arrastrar y soltar para los elementos del historial, con indicadores visuales.
sidebar-es

23/09/2026

  • Se actualizó el punto final de la API para acortar URL en index.html.
    • Se actualizó el punto final de la API "tinyurl.com" con una nueva función para evitar bloqueos silenciosos futuros.

30/09/2026

  • Añadir un estilo de renderizado de imagen para #img-después.
    • Mejoró el renderizado de estilo para el elemento #img-after para lograr un aspecto más suave en lugar de un borde duro.

03/10/2026

  • Corrección del renderizado de imágenes y de la lógica de precarga en index.html.
    • Mejora de la velocidad de carga de las comparaciones.
    • Prueba de un enlace para compartir una comparación realizada por otra persona.
vitesse.webm

04/10/2026

  • Mejora en la carga de imágenes mediante preconnect y preload.
    • Se ha añadido la precarga y la preconexión para las imágenes en función de los parámetros de la URL.

09/10/2026

  • Añadir la configuración ARD para EnhancelyCompare.
  • Añadir un enlace al archivo JSON ARD en index.html.
  • Añadir el enlace al catálogo de IA en index.html.
    • Añadir el enlace al JSON del catálogo de IA en index.html.

13/10/2026

  • Implementar el botón de salida del modo edición.
    • Funcionalidad y estilo añadidos del botón "Salir del modo de edición" en los 5 idiomas.
image
  • Refactorizar la lógica de posicionamiento del fantasma de arrastrar y soltar.

14/10/2026

  • Sustituya el texto del tirador por iconos SVG.
    • Sustitución de los iconos del tirador del deslizador por versiones SVG para evitar variaciones según el navegador y el sistema operativo.
  • Implementar renderizado bicúbico WebGL para la imagen posterior.
    • Se añadió el renderizado bicúbico WebGL para la imagen "después" con una alternativa (fallback) a renderizado CSS. Se actualizó la estructura HTML para incluir un elemento canvas para el renderizado.

15/10/2026

  • Actualizar los estilos para los elementos de vista previa de archivos.
    • Añadir estilos para evitar el desbordamiento en las vistas previas de archivos.

16/10/2026

  • Corregir el formato y añadir un tooltip para los nombres de archivo truncados.

17/10/2026

  • Implementar la funcionalidad de tooltip para los nombres de archivo.
    • Añadir un tooltip para los nombres de archivo truncados al pasar el cursor o tocar.
⚠️ **GitHub.com Fallback** ⚠️