GALLERIA D'ARTE

Un'elegante soluzione gratuita per gestire e visualizzare la tua collezione digitale di quadri

Benvenuto! Questa mini-applicazione web ti permette di gestire una galleria d'arte personale direttamente dal browser, senza bisogno di server, database o registrazioni. Tutto funziona localmente sul tuo computer, garantendo privacy e controllo totale sui tuoi dati e file.

Ideale per collezionisti d'arte, artisti, studenti di storia dell'arte, per creare e distribuire cataloghi o semplicemente per chi ama organizzare le proprie immagini con stile e funzionalità.

🖼️ Apri la galleria

🎨 Caratteristiche principali

📁 Organizzazione intelligente

Organizza i quadri in cartelle e sottocartelle. Le sottocartelle diventano automaticamente tag (es: impressionismo, barocco, ritratti).

🏷️ Metadati automatici

Rinomina i file seguendo il pattern Autore-Titolo-Anno.jpg e i metadati saranno estratti automaticamente. Puoi sempre modificarli manualmente.

🔍 Lente d'ingrandimento

Esamina i dettagli più fini con una lente d'ingrandimento 4x che segue il cursore, per apprezzare le pennellate e i particolari.

🖼️ Cornice

Una cornice barocca con effetti 3D che si adatta automaticamente alle proporzioni di ogni quadro, come in un museo vero.

🔎 Ricerca avanzata

Cerca per titolo, autore, anno, tag o anche nome file. Risultati istantanei mentre scrivi.

💾 Memoria persistente

La cartella selezionata viene ricordata tra una sessione e l'altra. I metadati vengono salvati in un file JSON nella stessa cartella.

📖 Guida

1️⃣ Preparare le immagini

Organizza i quadri in una cartella sul computer. Puoi usare sottocartelle per categorizzarli:

./quadri/
├── impressionismo/
│   ├── Monet-Ninfee-1916.jpg
│   └── Renoir-Bal_au_moulin-1876.webp
├── rinascimento/
│   ├── Botticelli-Primavera-1482.jpg
│   └── Leonardo-Gioconda-1503.png
└── moderno/
    └── Picasso-Guernica-1937.jpg

2️⃣ Aprire la galleria

Apri il file galleria-quadri.html nel browser (Chrome o Edge consigliati)
Clicca il pulsante Seleziona cartella
Scegli la cartella contenente le immagini
Concedi i permessi di lettura/scrittura quando richiesto

✅ Fatto. La galleria si caricherà automaticamente, mostrando le miniature.

3️⃣ Visualizzare i quadri

Clicca su una miniatura per visualizzarla nella cornice principale
La pagina scorrerà automaticamente alla cornice
Sotto la cornice vedrai titolo, autore, anno e tag (inizialmente saranno vuoti)

4️⃣ Usare la lente d'ingrandimento

Con un quadro aperto, clicca 🔍 Lente
Muovi il mouse sopra l'immagine per ingrandire
La lente circolare mostra i dettagli ingranditi 3x
Clicca di nuovo per disattivarla

5️⃣ Modificare i metadati

Con un quadro aperto, clicca Dati in alto a destra
Se i metadati non esistono, saranno auto-compilati dal nome file e dalle cartelle
Modifica i campi come preferisci:
- Titolo: nome dell'opera
- Autore: artista
- Anno: anno di realizzazione
- Tag: etichette separate da virgola (es: impressionismo, paesaggio, francia)
Clicca Salva

💾 Salvataggio: I metadati sono salvati in un file metadata.json nella stessa cartella delle immagini.

6️⃣ Cercare quadri

Usa la barra di ricerca sotto la cornice
Digita qualsiasi termine: titolo, autore, anno, tag, nome file
I risultati si filtrano in tempo reale
Clicca sui tag sotto un quadro per cercare opere simili

7️⃣ Aggiornare la galleria

Se aggiungi, rimuovi o rinomini file nella cartella:

Clicca 🔄 Aggiorna
La galleria ricaricherà tutti i file e metadati

💡 Suggerimenti

Nomenclatura file intelligente

Usa questi pattern per l'auto-popolamento dei metadati:

Autore-Titolo-Anno.jpg → Estrae tutti e tre i campi
Autore-Titolo.jpg → Estrae autore e titolo
TitoloQualsiasi.jpg → Usa tutto come titolo

Esempi: Van_Gogh-Notte_Stellata-1889.jpg → Autore: "Van Gogh" → Titolo: "Notte Stellata" → Anno: "1889" Monet-Impression_soleil_levant.webp → Autore: "Monet" → Titolo: "Impression soleil levant" → Anno: (vuoto)

Organizzazione con sottocartelle

Le sottocartelle diventano automaticamente tag:

quadri/impressionismo/francia/Monet-Ninfee.jpg → Tag automatici: "impressionismo", "francia"

Modificare i metadati in blocco

Puoi modificare il file metadata.json manualmente con un editor di testo per cambiare metadati di più quadri contemporaneamente. Poi clicca 🔄 Aggiorna per ricaricare.

⚙️ Requisiti tecnici

Browser: Chrome, Edge, o browser moderni basati su Chromium
Sistema operativo: Windows, macOS, Linux, ChromeOS
Internet: Non richiesto dopo il primo caricamento (funziona offline)
Formati supportati: JPG, JPEG, PNG, WebP
Spazio: Dipende dalla tua collezione (nessun limite software)

⚠️ Nota su Firefox e Safari: Questi browser hanno supporto limitato per la File System Access API. Usa Chrome o Edge per la migliore esperienza.

🔒 Privacy e Sicurezza

✅ 100% locale: nessun dato viene inviato online
✅ Nessun server: tutto funziona nel tuo browser
✅ Nessun tracciamento: zero cookie, zero analytics
✅ I tuoi file restano tuoi: non vengono copiati o spostati
✅ Open source: puoi ispezionare tutto il codice

❓ Domande

Posso usarla su mobile/tablet?

La galleria funziona su dispositivi mobili, ma la File System Access API ha limitazioni. L'esperienza migliore è su desktop.

I metadati sono salvati nelle immagini stesse?

No, i metadati sono salvati in un file metadata.json separato, ma dentro la stessa cartella. Le immagini originali non sono mai modificate.

Posso condividere la cartella con qualcun altro?

Sì! Condividi la cartella con le immagini e il file metadata.json. L'altra persona potrà aprirla nella propria galleria con tutti i metadati intatti.

Che cosa succede se cancello il file metadata.json?

Perdi i metadati personalizzati, ma puoi sempre ricrearli. Le immagini non saranno toccate.

Posso personalizzare i colori o lo stile?

Sì! Il file HTML contiene tutto il CSS nella sezione <style>. Puoi modificare colori, font, dimensioni secondo i tuoi gusti.

📝 Licenza

Questo progetto è rilasciato liberamente. Puoi usarlo, modificarlo e condividerlo come preferisci per uso personale o commerciale. Ti chiedo solo di lasciare il link al mio biglietto da visita: Emanuele Cassani e mi farà piacere se mi comunichi di averlo usato/modificato.

🖼️ Apri la galleria