Impronta 🖖 Firma e proteggi le tue immagini

Impronta è una WebApp per aggiungere una firma visibile e informazioni di proprietà alle immagini, direttamente nel browser.

L'idea nasce da un'esigenza concreta di un amico carissimo, un appassionato di astrofotografia voleva poter firmare le proprie fotografie in modo semplice, senza dover ricorrere ogni volta a software di fotoritocco più complessi.
Quindi se anche tu ti sei chiesto:

"Posso mettere una firma alle mie immagini ?"

oppure

"Posso personalizzare le mie immagini in modo semplice e intuitivo?"

oh ancora

"Posso personalizzare le mie immagini con due clic ?"

Da quella conversazione è nata una prima versione molto semplice, che nel tempo è stata ampliata con nuove funzioni fino a trasformarsi in uno strumento completo per la personalizzazione delle immagini.

Dalla necessità alla WebApp

Inizialmente avevo suggerito di utilizzare strumenti già disponibili come GIMP, Photoshop o programmi analoghi. L'esigenza però era diversa: avere qualcosa di immediato, semplice e utilizzabile direttamente dal browser.

La prima versione permetteva soltanto di applicare una firma in una posizione predefinita. Da lì sono nate successive implementazioni:

• scelta tra nove posizioni della griglia;
• regolazione della distanza della firma dal punto di ancoraggio;
• spostamento diagonale della firma;
• ridimensionamento dell'immagine utilizzata come firma;
• regolazione dell'opacità;
• modifica e rimappatura dei colori della firma;
• anteprima immediata del risultato;
• esportazione dell'immagine modificata;
• incorporazione di metadati di proprietà, solo per jpg;
• aggiunta di una dichiarazione relativa all'utilizzo delle immagini da parte dei sistemi di intelligenza artificiale.

L'applicazione è quindi cresciuta progressivamente insieme alle esigenze, invece di essere progettata fin dall'inizio come un prodotto con un insieme fisso di funzioni.

Una firma più flessibile

La firma può essere fornita come immagine SVG, PNG o JPG e può essere posizionata in uno dei nove punti principali dell'immagine.

Sono disponibili controlli per modificare:

• posizione;
• margine;
• dimensione;
• opacità;
• colore.

La gestione del colore permette anche di intervenire selettivamente sulle singole tinte presenti nell'immagine utilizzata come firma.

Un'evoluzione particolare: il "pantografo"

Tra le implementazioni successive è stata aggiunta anche la possibilità di utilizzare l'immagine della firma in modo più articolato, fino a realizzare una sorta di pantografo digitale.

È un esempio di come una funzione nata da un'esigenza inizialmente molto semplice possa evolvere attraverso successive sperimentazioni tecniche.

Metadati e dichiarazione di proprietà

Oltre alla firma visibile, l'immagine può contenere metadati standard relativi alla proprietà del contenuto, come:

La dichiarazione può includere anche una richiesta esplicita di non utilizzare l'immagine per riproduzione, rielaborazione o addestramento di sistemi di intelligenza artificiale.

È però importante distinguere tra dichiarare un diritto o una volontà e poter tecnicamente impedire un utilizzo: la presenza di questi metadati non garantisce che ogni servizio o sistema automatico li legga, li conservi o li rispetti.
Per questo tipo di esigenza ci sono progetti più complessi come PhotoGuard del MIT, Glaze (che modifica i pixel rendendoli illegibili per l'IA), Nightshade (che avvelena i pixel per l'IA).

Tutto nel browser 🔒

Uno degli aspetti progettuali principali è che le immagini non vengono caricate su un server.

L'elaborazione avviene localmente nel browser:

• nessun upload delle fotografie;
• nessun server intermedio;
• nessun account necessario;
• nessun trasferimento delle immagini a un servizio esterno;
• elaborazione direttamente sul dispositivo dell'utente.

L'applicazione è stata realizzata utilizzando HTML, CSS e JavaScript vanilla, senza dipendenze esterne.

Anteprima ed esportazione

Ogni modifica viene visualizzata attraverso un'anteprima live, così è possibile verificare il risultato prima di esportare l'immagine.

L'immagine finale può essere esportata in:

• PNG
• JPEG

la firma e le informazioni previste dalla configurazione scelta, sono scrivibili solo nel formato jpg.

Un progetto nato da una chiacchierata tra amici

Impronta è un esempio di sviluppo partito da una conversazione e non da una specifica tecnica già definita.

L'esigenza iniziale era semplicemente:

"Vorrei firmare le mie fotografie di astrofotografia senza complicarmi la vita."

La soluzione iniziale era altrettanto semplice. Le funzionalità successive sono state sviluppate una alla volta, verificando nuove possibilità tecniche e trasformando progressivamente l'idea originale in una WebApp più completa.

È un approccio che utilizzo anche in altri progetti, per me partire da un problema concreto stimola, realizzare una prima soluzione funzionante e farla evolvere attraverso implementazioni successive, invece di costruire fin dall'inizio qualcosa di inutilmente complesso.

Impronta dimostra come sia possibile realizzare un'applicazione web per l'elaborazione locale delle immagini senza necessariamente trasferire i file a un server.

È nata per risolvere una necessità molto specifica nell'ambito dell'astrofotografia, ma l'idea può essere applicata anche a fotografie, illustrazioni, immagini professionali e altri contenuti per i quali sia utile associare una firma visibile e informazioni di proprietà.

Per provarla clicca su "vai alla WebApp