Benvenuti nella wiki di EnhancelyCompare!

EnhancelyCompare

EnhancelyCompare è uno strumento web leggero e intuitivo progettato per confrontare due immagini affiancate tramite link diretti. Sviluppato con l'aiuto di Google Gemini e Claude Sonnet 4.6, questo strumento consente un'analisi visiva precisa grazie alle sue funzioni di zoom. È dotato di temi personalizzabili (chiaro/scuro) e di una modalità che permette di alternare tra l'inserimento di link e la modalità di caricamento diretto dall'interfaccia.

✨ Funzionalità

Confronto multimodale:

Visualizza due immagini simultaneamente per rilevare le minime differenze.

Zoom interattivo e ripristino:

Esplora i dettagli con la funzione di zoom integrata. Un pulsante "Ripristina" appare automaticamente per tornare alla visualizzazione iniziale.

Cronologia:

Cerca e modifica i tuoi confronti utilizzando la cronologia nella barra laterale.

È possibile eliminare o aggiungere ai preferiti ogni singolo confronto. In alternativa, è possibile eliminare tutto utilizzando il pulsante rosso "Elimina tutto". L'intero elenco verrà rimosso. È inoltre possibile importare ed esportare l'intera cronologia in formato JSON.

Se si importa la cronologia con voci identiche al file JSON, verrà visualizzata una finestra di dialogo che chiede se si desidera "sostituire", "aggiungere una copia" o semplicemente "annullare".

Se desideri esportare o eliminare parte della cronologia in uno o due clic, puoi tenere premuto (circa 2 secondi) su una delle voci e queste verranno selezionate tutte.

Potrai quindi selezionare una o più voci che desideri esportare o eliminare. Esempio:

Naturalmente, è disponibile il pulsante "Seleziona tutto" per selezionare tutte le voci. Questa funzione è ideale se si desidera escludere alcune voci (ad esempio, 2 o 3) da un numero elevato di voci della cronologia.

Il terzo pulsante, invece, permette semplicemente di annullare l'operazione uscendo dalla modalità di selezione.

Inversione dei link:

Se hai accidentalmente invertito link o immagini, non preoccuparti! Non c'è bisogno di ricominciare da capo. È disponibile un pulsante "Inverti" per correggere link o immagini invertiti, che aggiorna automaticamente la visualizzazione dopo essere stato cliccato.

Il confronto delle immagini ora è corretto.

Compatibilità estesa:

Funziona con i link di Google Drive e con qualsiasi servizio di hosting di immagini esterno. Funziona perfettamente su dispositivi touch come smartphone e tablet.

Interfaccia personalizable:

• Passa dalla modalità scura a quella chiara in base alle tue preferenze.
• Controllo intelligente del tema in base alle impostazioni predefinite del browser.

Multilingue:

• Supporto integrato per cambiare la lingua in un clic. Cinque lingue disponibili:
  • Francese
  • Inglese
  • Tedesco
  • Italiano
  • Spagnolo
• Controllo intelligente della lingua predefinita in base alla lingua del browser. Se la lingua non è disponibile, il sistema utilizzerà l'inglese.

Altri elementi grafici:

• Contatore di visite in basso a destra (potrebbe non essere visibile con AdBlock attivo).
• Link GitHub alla documentazione a sinistra dei crediti.

🚀 Come usarlo?

Recuperare i link (se la modalità "Incolla link URL" è attiva):

Copia l'URL delle immagini (Google Drive, Imgur o altro).

Configurare la visualizzazione:

Incolla i link nei campi corrispondenti e aggiungi un titolo a ogni immagine.

Usare i pulsanti "Sfoglia" (se la modalità "Carica via ImgBB" è attiva):

Seleziona il file dalla tua cartella locale per importarlo.

Generare:

Clicca sul pulsante "Genera visualizzazione" per visualizzare il confronto.

Analizzare:

Usa il mouse per zoomare su aree specifiche, se necessario.

Copia del link:

Clicca su "Copia link di condivisione" per generare un link.

📺 Tutorial: Come usare lo strumento di confronto

Impara a integrare le tue immagini e a generare una visualizzazione comparativa in pochi clic. Questo video ti mostra come recuperare link diretti da diversi servizi di hosting di immagini compatibili.

🛠️ Punti chiave affrontati:

• Hosting di immagini: Utilizzo di Zupimages, Freeimage.host, ImgBB, PostImage e Imgur.
• Estrazione di link diretti: Come recuperare l'URL che termina in .jpg, .png o .webp (indispensabile per la visualizzazione).
• Personalizzazione: Modifica dei titoli (FR, EN, IT, ES, DE) e gestione della modalità a schermo intero.
• Condivisione: Generazione di un link unico tramite GitHub per condividere il tuo confronto. Ho aggiunto l'API di TinyURL per abbreviare il link di condivisione. Quindi si aprirà una nuova finestra, ma puoi cliccare sull'area di anteprima per accedere direttamente al confronto delle immagini.
• Risoluzione: Supporto per immagini ad alta risoluzione. Si prega di notare che il caricamento delle immagini potrebbe richiedere un po' più di tempo prima che vengano visualizzate.

🚀 Prossimi passi (Roadmap)

• Rapporti diversi: Aggiunta di un pannello di controllo (forse) per regolare le immagini quando i rapporti delle 2 immagini sono diversi.

---

📜 Elenco degli aggiornamenti di EnhancelyCompare:

22/03/2026:

• Creazione del comparatore di immagini.
• Rinominato index in index.html.
• Aggiornamento del titolo e ottimizzazione dei link di confronto delle immagini.
• Aggiornamento del titolo e ottimizzazione del rendering delle immagini.
• Aggiornamento del titolo e correzione dei problemi di visualizzazione delle immagini.
• Ristrutturazione della struttura e dello stile HTML per il comparatore di immagini.
• Aggiornamento HTML per tema e funzionalità Dark Edition.
• Passaggio alla versione 17 con supporto per il tema chiaro.
• Aggiornamento del titolo in index.html.
• Aggiunto collegamento favicon in index.html.
• Aggiornamento del link favicon in index.html.
• Aggiornamento del link favicon con parametro di query versione.
• Aggiornamento di index.html.
• Revisione dei crediti e delle traduzioni a piè di pagina.
• Migliorata la visibilità e il centraggio di maschere e maniglie.
• Rielaborazione dei CSS per gli elementi before-mask e handle.
• Migliorata visibilità e centraggio delle maniglie.

23/03/2026:

• Refactoring della logica di calcolo e aggiornamento delle dimensioni della viewport.
• Aggiunta di un pulsante di ripristino e miglioramento della funzione di zoom.
• Aggiunta di controlli flottanti e miglioramento della gestione del layout.
• Refactoring della struttura HTML e miglioramento dello stile.
• Correzione della traduzione italiana e ottimizzazione del testo dell'URL.
• Rimozione del supporto per le lingue italiano e spagnolo.
• Aggiunte opzioni di lingua italiana e spagnola.
• Refactoring degli stili per un layout migliore e maggiore reattività.
• Interazione touch e prestazioni migliorate in index.html.
• Ottimizzazione della struttura e dello stile HTML del comparatore di immagini.
• Aggiornamento index.html
• Aggiornamento index.html
• Aggiornamento index.html
• Aggiornamento index.html
• Aggiornamento index.html

24/03/2026:

• 27 patch di miglioramento.

25/03/2026:

• 5 patch di miglioramento.

26/03/2026:

• 7 patch di miglioramento.

27/03/2026:

• 4 patch di miglioramento.

28/03/2026:

• 20 patch di miglioramento.

29/03/2026:

• 9 patch di miglioramento.

30/03/2026:

• 7 patch di miglioramento.

31/03/2026:

• 13 patch di miglioramento.

03/04/2026:

• 4 patch di miglioramento.

05/04/2026:

• 8 patch di miglioramento.

08/04/2026:

• 16 patch di miglioramento.

09/04/2026:

• 2 patch di miglioramento.

10/04/2026:

• 1 patch di miglioramento.

12/04/2026:

• 4 patch di miglioramento.

24/04/2026:

• Aggiornato il link Freeimage per puntare alla pagina di download.

25/04/2026:

• Cambio del servizio di upload: da Freeimage.host a ImgBB.
• Migliorare struttura e stile HTML.

26/04/2026:

• Spostamento del menu a tendina della lingua, precedentemente in basso a sinistra, in alto a destra accanto al pulsante dei temi.
• Regolazione del menu a tendina per passare dalla modalità di incolla link nei campi di testo alla modalità di caricamento tramite ImgBB. Ora, aprendo l'interfaccia, per impostazione predefinita è attiva la modalità "Carica via ImgBB". I pulsanti di hosting sono nascosti in questa modalità.

28/04/2026:

• Aggiornamento della viewport per ridurre al minimo lo spostamento tra modalità normale e schermo intero.
• Miglioramento dello stile e della funzionalità del pulsante di download.
  • Aggiunta di stili al passaggio del mouse per i pulsanti di download e migliorata funzionalità di download con supporto drag-and-drop.
  • Aggiunta una barra di avanzamento del download e contenitori di pulsanti.
  • Aggiornato stile barra di avanzamento e pulsanti durante il caricamento.

29/04/2026:

• Logica di rendering e trasformazione delle immagini migliorata.
  • Refactoring della funzione di rendering per una migliore gestione e trasformazione delle immagini.
• Migliorata logica di ridimensionamento finestre e commenti
  • Revisione dei commenti e logica di ricalibrazione dello zoom migliorata.

30/04/2026:

• Stile aggiornato della barra di avanzamento e dei pulsanti durante il caricamento.
  • Aggiunta di una percentuale di avanzamento.
• Comportamento aggiornato della barra di avanzamento durante il caricamento.
  • Aggiornamento minore. Ripristino della barra di pulizia che convalida il caricamento.
• Aggiornati messaggi di avviso di copia in più lingue.
• Migliorati gli effetti hover e di attivazione dei pulsanti
  • Effetti hover e attivazione aggiunti ai pulsanti per migliorare la coerenza dell'interfaccia utente.
• Rilevamento della lingua aggiunto e traduzione iniziale.
  • Consente l'impostazione predefinita della lingua corretta in base alla lingua del browser.

01/05/2026:

• Refactoring del rilevamento della lingua e inizializzazione del tema.
  • Aggiunta l'automazione del passaggio dal tema scuro a quello chiaro in base al tema predefinito del browser.
  • Aggiunto un listener in tempo reale delle modifiche al tema del sistema.

02/05/2026:

• Aggiunta anteprima automatica e funzionalità di convalida file per caricamenti di immagini, inclusi elementi dell'interfaccia utente per mostrare file selezionati e barre di avanzamento.
  • Implementare il sistema automatico di anteprima e validazione dei file caricati.
• Sostituisci il vecchio contatore con hitwebcounter
  • Il vecchio contatore di freecounterstat.com sembra morto.

03/05/2026:

• Aggiornamento dei meta tag title e viewport in index.html.
  • Automazione della generazione della viewport.
  • Automazione in tempo reale dell'aggiornamento del titolo durante la compilazione di ciascun campo titolo.
  • Modifica del titolo del programma "Semplice comparatore di immagini" in "Benvenuto su EnhancelyCompare"
  • Modifica di "Copia link GitHub" in "Copia link di condivisione "
  • Aggiornamento del tag title con il nome "EnhancelyCompare" per l'anteprima nella scheda del browser.
• Aggiunta un'intestazione e stile del tema
  • Riprogettazione dello stile di intestazione e dei controlli, aggiornamento dei colori del tema.
  • Stile del pulsante Home aggiornato e layout dell'intestazione aggiunto.
• Riposizionamento del pulsante di cancellazione file.

04/05/2026:

• Intestazione fissa e reso selezionabile il nome.
  • Corretta l'intestazione fluttuante per renderla fissa
• Impedita la selezione del testo nell'area di visualizzazione dello slider.
  • La proprietà user-select è stata modificata per impedire la selezione del testo ed è stato aggiunto webkit-user-select per garantire la compatibilità.
• Aggiornato il link nel piè di pagina al wiki di GitHub.
• Rimozione del ritorno automatico della barra di scorrimento della viewport quando viene rilasciata e aggiunto il ricentramento della barra ad ogni aggiornamento della viewport.
• Aggiunti stili reattivi per schermi piccoli
• Stili di intestazione migliorati per allineamento e spaziatura.
  • Stili aggiunti all'intestazione per un migliore allineamento e un riempimento più preciso.

05/05/2026:

• Sostituito il pulsante Home con un marchio cliccabile.
• Regolazione stili e media query per il titolo principale.
  • Regolazione dell'altezza del titolo principale in modalità verticale per smartphone.

06/05/2026:

• Ho rivisto la logica di cambio lingua e ripulito il CSS.
  • Ho aggiornato il link wiki in base alla lingua selezionata nella funzione changeLang e ho rimosso le dichiarazioni !important non necessarie.
• Riadattare gli stili dell'intestazione per schermi di piccole dimensioni.
• Revisionare i messaggi di hostHelp per maggiore chiarezza.
  • Aggiornare il testo di aiuto per l'importazione di link alle immagini in diverse lingue.

07/05/2026:

• Aggiunta della funzionalità di compressione WebP e aggiornamenti all'interfaccia utente.
• Implementazione del cambio lingua con supporto per la rotellina del mouse.
  • Aggiunta la funzionalità di cambio lingua tramite gli eventi della rotellina del mouse.
• Aggiornati i segnaposto per i campi di input per il supporto multilingue.
  • Aggiornati i segnaposto per i campi di input in più lingue.

08/05/2026:

• Aggiungi un listener per gli eventi della rotellina del mouse per la selezione della modalità.
  • Ora è possibile scorrere utilizzando il pulsante di selezione della modalità.
• Correggi la rientranza e riordina il paragrafo host-help-text.

10/05/2026:

• Aggiunta una barra laterale con la cronologia dei confronti.
  • Aggiunta una nuova funzionalità: una barra laterale LocalStorage che consente di recuperare e modificare i confronti. Possono essere link o titoli. Le modifiche verranno visualizzate nella cronologia. È inoltre possibile eliminare ogni confronto singolarmente o eliminarli tutti in una volta. Ovviamente, trattandosi di LocalStorage, eliminando la cronologia del browser si perderanno tutti i confronti.
• Implementata la generazione di miniature e aggiornato il metodo saveComparison.
  • Aggiunta una funzione per generare una miniatura 40x40 da un URL di immagine, con fallback per problemi CORS. Aggiornata la funzione saveComparison per utilizzare la miniatura generata.
• Implementata la rilevazione della modalità di condivisione in index.html.
  • Aggiunta la rilevazione sincrona della modalità di condivisione per evitare lo sfarfallio della barra laterale.
• Aggiunta animazione di riflesso ai pulsanti quando il mouse si posiziona sopra di essi.

11/05/2026:

• Regola la posizione e lo z-index della barra laterale.
  • Regola l'altezza della barra laterale in modo che si posizioni appena sotto l'intestazione.
• Implementata la funzione di attivazione/disattivazione della modalità a schermo intero con mantenimento della posizione centrale.
  • Aggiunta la funzionalità di attivazione/disattivazione della modalità a schermo intero con mantenimento della posizione centrale.
• Aggiunto un pulsante di scambio per i campi di input.
  • È stato aggiunto un pulsante di scambio per consentire di passare da un campo di input all'altro e gli stili sono stati aggiornati.

13/05/2026:

• Migliora lo stile della barra laterale con lo pseudo-elemento before.
  • Aggiunto uno pseudo-elemento alla barra laterale per la regolazione visiva.

14/05/2026:

• Migliora gli effetti di transizione SVG nel pulsante di scambio.
  • Aggiungi effetti di transizione fluidi per SVG nel pulsante di scambio.

15/05/2026:

• Aggiungi un effetto di rotazione al passaggio del mouse sul pulsante di scambio.
  • L'icona SVG ora ruota di 180° al passaggio del mouse.

16/05/2026:

• Aggiornato il file index.html con diverse modifiche di stile e visualizzazione.
  • Aggiunto un effetto di riflesso ai pulsanti interni della finestra di visualizzazione. Inoltre, apportate piccole modifiche allo spinner e al suo contenitore.
• Riorganizzare il layout e gli stili di selezione della modalità.
  • Ricentrare il pulsante della modalità per un perfetto allineamento verticale tra i campi del titolo e i pulsanti "Sfoglia".

02/06/2026:

• Aggiungi gli eventi di Google Analytics per le interazioni nella barra laterale.

03/06/2026:

• Implementato il monitoraggio di Google Analytics per le azioni nella barra laterale.
  • Aggiunto il monitoraggio degli eventi di Google Analytics per le modifiche e l'aggiunta di elementi alla barra laterale.

05/06/2026:

• Aggiunte informazioni sul formato e sulla risoluzione delle immagini alle voci della cronologia.
• Traduzioni aggiornate per le voci storiche e formattazione corretta in index.html.

08/06/2026:

• Rifattorizzare i pulsanti nella barra laterale e importare stili modali
  • Modifica del pulsante "Elimina tutto" della barra laterale e aggiunta di 2 nuovi pulsanti per importare ed esportare il contenuto delle voci della barra laterale.
• Aumenta le dimensioni delle miniature nelle voci della cronologia.

09/06/2026:

• Corretto un bug nelle nuove voci della cronologia.
  • Quando si aggiungeva un nuovo confronto, le informazioni sulla risoluzione e il formato non venivano visualizzate al primo tentativo. Bisognava cliccare sulla voce per far sì che l'aqualificazione fosse completata. Ora è sistemato.

10/06/2026:

• Regola lo stile delle icone delle voci della cronologia della barra laterale.
  • Le icone nelle voci della barra laterale sono ora perfettamente trasparenti e allineate verticalmente invece che orizzontalmente.
• Implementa una modalità multi-selezione con barra d'azione.
  • Aggiunta la possibilità di selezionare una o più voci per poter esportare o cancellare la selezione. Per farlo, basta una pressione di 2 secondi per attivare il sistema. Appariranno 2 nuovi pulsanti. Un cesto🗑 e una croce❌. La prima per cancellare la selezione, la seconda per annullarla.

11/06/2026:

• Aggiungi un pulsante e la funzione di selezione completa.
• Funzionalità di zoom migliorate e aggiunta una maschera adattiva basata sul tema sotto l'immagine a sinistra.
  • Aggiunta dello sfondo al container zoom e aggiornata le dimensioni di zoomerB.

12/06/2026:

• Correzione di bug: Impossibile rigenerare la voce di confronto se viene eliminata.
  • Se creiamo un nuovo confronto e cancelliamo la voce dalla cronologia, ora possiamo rigenerare la voce.

13/06/2026:

• Elimina la chiave API e aggiorna l'endpoint di upload (nuova chiave API generata).
  • Trasferimento di "enhancelycompare" a CloudFlare e nascondere la chiave API.
• Aggiorna i link di GitHub al nuovo repository.
• Aggiornato l'URL base del protocollo file.

14/06/2026:

• Gestione migliorata degli input e aggiornamenti di memoria locale.
  • Riprogettato il gestore di eventi di input per una gestione più efficiente degli aggiornamenti locali di memoria e una corretta separazione delle nuove voci.
• Selettori di elementi della storia del rifattoramento in index.html.
  • 2 piccole correzioni. Cambiato l'ordine in cui le voci venivano registrate in ordine decrescente in un ordine crescente più logico e corretto i titoli che non venivano aggiornati in tempo reale durante la modifica di una voce storica.
• Aggiornare i messaggi di conferma e importare i testi di errore.
  • Aggiunto il messaggio di allarme "❌ File JSON non valido." nelle 5 lingue dell'interfaccia.

15/06/2026:

• Riprogettato la gestione delle date nelle voci storiche.
• Aggiorna il titolo e aggiungi la meta descrizione in index.html.
• File index.html migliorato con tag meta Open Graph.
  • Aggiunta di tag meta Open Graph per una migliore condivisione sui social media.

16/06/2026:

• Gestione dello storage locale migliorata per le voci di swap.
  • Funzionalità aggiunte per salvare i dettagli degli scambi nella memoria locale e aggiornare lo stato di modifica delle voci.

17/06/2026:

• Aggiunti tag meta Open Graph e Twitter a index.html.
  • Aggiunta una meta linea per mostrare una miniatura sotto il link una volta pubblicata su altri siti e social network.
• Aggiungi il meta tag con il nome del sito Open Graph.

18/06/2026:

• Aggiorna la meta descrizione e i tag Open Graph.

19/06/2026:

• Aggiunto uno stile di pulsante di avviso per l'azione Cancella.
  • Sostituito l'icona del bidone della spazzatura 🗑 con una versione SVG usata sugli altri pulsanti.

20/06/2026:

• Aggiungi una sezione per le donazioni responsiva e le relative traduzioni.

21/06/2026:

• Aggiungi un menu a tendina per la lingua personalizzata con indicatori.
  • È stata aggiunta una bandierina a sinistra di ciascuna lingua nel menu a tendina delle lingue. Questo riduce lo spazio occupato sullo schermo in modalità verticale, poiché sarà visibile solo la bandierina. Se si fa clic sul pulsante, i nomi delle lingue verranno comunque visualizzati accanto ad essi nel menu a tendina.