Come fare il backup del portfolio da Dribbble e Behance sul Mac

Questa guida spiega come salvare sul Mac le pagine dei portfolio di Dribbble, Behance e altri siti come PDF ricercabili. Aprirai ogni progetto, preparerai il browser, acquisirai le pagine con dimensioni uniformi, esporterai il risultato e organizzerai i file per progetto e data.

Il PDF conserva la presentazione pubblicata, comprese descrizioni e impaginazione. Conserva separatamente anche i file di design originali: un archivio di screenshot è una copia di riferimento, non sostituisce i sorgenti.

In breve: apri ogni pagina del progetto, acquisiscila alla risoluzione Retina usando lo scorrimento automatico per quelle più lunghe, quindi esportala come PDF ricercabile. Usa nomi coerenti (ProjectName_Platform_Date.pdf) per mantenere ordinato l'archivio locale.

Cosa conserva il PDF del portfolio

Un PDF del portfolio conserva la sequenza pubblicata di immagini, descrizioni e tag, insieme all'impaginazione. È un contesto diverso da quello contenuto nei file di Figma, Photoshop o Sketch.

Conserva entrambi. I file sorgente restano indispensabili per le modifiche e l'output ad alta risoluzione; il PDF documenta invece come il progetto era presentato sul web alla data dell'acquisizione.

Se disponi di un elenco di URL pubblici dei progetti, Website Capture può applicare le stesse impostazioni a ogni pagina. Usa il flusso con scorrimento descritto di seguito quando un singolo progetto richiede più fotogrammi.

Acquisisci i progetti Dribbble

Gli shot di Dribbble si presentano in due forme: singoli shot, composti da un'immagine, e pagine di progetto complete, con presentazioni di più immagini e descrizioni.

Singoli shot

1. Apri nel browser la pagina dello shot facendo clic per entrare nel dettaglio, non limitarti alla griglia
2. La pagina mostra l'immagine a piena grandezza, oltre a titolo, descrizione, tag ed eventuali immagini aggiuntive
3. Apri Shotomatic, seleziona acquisizione finestra e scegli la finestra del browser
4. Se tutto rientra in una schermata, esegui una sola acquisizione
5. Se la pagina continua oltre l'area visibile, come spesso accade con più immagini allegate, premi Page Down nel registratore e imposta un intervallo di 1000 ms
6. Esporta in PDF

Pagine di progetto (Dribbble Pro)

Dribbble offre pagine di progetto che raggruppano shot correlati per presentare lavori con più immagini. Sono più lunghe e dettagliate:

1. Apri la pagina del progetto
2. Configura l'acquisizione della finestra con il tasto Page Down e un intervallo di 1200 ms: le immagini richiedono tempo per caricarsi
3. Acquisisci l'intera pagina
4. Esporta in PDF

Se hai già gli screenshot e devi soltanto controllarne l'ordine e unirli, segui la guida per salvare gli screenshot in un PDF sul Mac.

Acquisisci in serie l'intero portfolio Dribbble

Con decine o centinaia di shot, conviene procedere in modo sistematico:

1. Apri il tuo profilo Dribbble
2. Apri ogni shot in una nuova scheda con un clic centrale o Cmd+clic
3. Acquisisci separatamente la pagina di ciascuno
4. Assegna subito un nome a ogni PDF dopo l'esportazione: ProjectName_Dribbble_Date.pdf

Il processo è manuale ma ordinato. Per un portfolio di 30–50 shot, prevedi circa 30–45 minuti.

Acquisisci i progetti Behance

I progetti Behance sono in genere più lunghi degli shot di Dribbble: veri e propri case study, con testo narrativo, immagini del processo e risultati finali disposti in una sequenza precisa.

Pagine di progetto normali

1. Apri nel browser la pagina del progetto Behance
2. Le pagine possono essere molto lunghe; alcune superano le 20 schermate e contengono immagini grandi
3. In Shotomatic, seleziona acquisizione finestra e scegli la finestra del browser
4. Premi Page Down nel registratore e imposta un intervallo di 1200 ms

L'intervallo più lungo è importante. Behance carica le immagini ad alta risoluzione man mano che scorri. Se acquisisci troppo rapidamente, nel risultato possono comparire segnaposto o contenuti caricati solo in parte. Con 1200 ms ogni sezione ha il tempo di apparire completamente.

5. Fai clic su Start e lascia che Shotomatic scorra l'intero progetto
6. Fermati quando raggiungi il piè di pagina o la sezione dei commenti
7. Esporta in PDF

Case study Behance con più sezioni

Per i case study più articolati, frequenti nei portfolio UX/UI:

• Ingrandisci al massimo la finestra del browser per acquisire tutta la larghezza del layout
• Usa la risoluzione Retina: sui Mac Retina viene applicata automaticamente e produce immagini nitide a risoluzione 2x
• Porta l'intervallo a 1500 ms se noti immagini non ancora caricate del tutto

Moodboard e griglie di immagini su Behance

Alcuni progetti Behance usano griglie fitte o moodboard. Sono pagine ricche di immagini e si caricano lentamente:

• Imposta un intervallo di acquisizione di 1500–2000 ms
• Allarga abbastanza la finestra del browser da includere l'intera griglia
• Controlla le prime acquisizioni e accertati che le immagini siano complete prima di proseguire

Qualità di acquisizione per i lavori di design

Se usi un Mac con display Retina, come la maggior parte dei MacBook Pro, MacBook Air e iMac moderni, Shotomatic acquisisce automaticamente alla risoluzione nativa 2x dello schermo.

Questo significa che:

• Il testo è nitido: la tipografia delle descrizioni e dei case study rimane chiara e leggibile
• Le immagini sono dettagliate: il design acquisito a 2x resta pulito anche quando lo ingrandisci, senza apparire sgranato
• I colori restano coerenti con lo schermo acquisito: il PDF registra la pagina così come viene visualizzata, anche se il colore può variare in base al display e al lettore PDF

Per un portfolio di design, usa la massima risoluzione pratica e controlla il PDF esportato alle normali dimensioni di lettura prima di elaborare tutti i progetti.

Una nota sulle dimensioni: le acquisizioni Retina producono file più grandi rispetto alla risoluzione standard. Una tipica pagina Behance acquisita in Retina genera un PDF da 15–30 MB. È un compromesso ragionevole per la qualità ottenuta e anche un portfolio ampio resta alla portata dello spazio disponibile sui Mac moderni.

Assegna un nome ai file

Con nomi coerenti, l'archivio resta utilizzabile. Adotta questo formato:

ProjectName_Platform_Date.pdf

Esempi:

• BrandIdentity_Dribbble_20260322.pdf
• MobileAppRedesign_Behance_20260322.pdf
• IconSet_Dribbble_20260322.pdf
• UXCaseStudy_Behance_20260322.pdf
• PackagingDesign_Dribbble_20260322.pdf

Perché includere la data? Il portfolio cambia nel tempo. Potresti aggiornare un progetto su Behance e voler salvare anche la nuova versione. La data indica quale versione rappresenta il PDF.

Perché includere la piattaforma? Lo stesso progetto potrebbe essere presente sia su Dribbble sia su Behance, con presentazioni diverse. Il nome della piattaforma permette di distinguerle.

Organizza l'archivio del portfolio

Struttura delle cartelle

Portfolio Archive/
├── Branding/
├── UI-UX/
├── Illustration/
├── Motion/
├── Print/
└── _Archived/

Organizza i lavori per disciplina, non per piattaforma. È più probabile che cercherai «quel progetto di branding» anziché «quella cosa su Behance».

La cartella _Archived raccoglie i lavori meno recenti che hai rimosso dal portfolio attivo, ma che vuoi ancora conservare. Il trattino basso la porta in cima all'elenco delle cartelle.

Note di accompagnamento

Per ogni progetto, valuta di conservare accanto al PDF un breve file di testo:

ProjectName_notes.txt

Includi:

• Nome del cliente, se pertinente
• Anno di completamento
• Strumenti usati
• Posizione dei file sorgente
• URL originale sulla piattaforma

Questi metadati non compaiono nello screenshot, ma aggiungono un contesto utile all'archivio.

Altre piattaforme per portfolio

La stessa tecnica funziona con qualsiasi portfolio sul web.

Cargo

I portfolio Cargo spesso usano layout personalizzati con comportamenti di scorrimento particolari. Prova l'intervallo di Page Down: parti da 1200 ms e aumentalo se le transizioni richiedono più tempo.

Adobe Portfolio

Le pagine Adobe Portfolio hanno layout lineari che si acquisiscono bene. Sono sufficienti le impostazioni normali: acquisizione della finestra e Page Down ogni 1000 ms.

Siti personali (Squarespace, WordPress o personalizzati)

Anche se il portfolio è ospitato sul tuo sito, un backup in PDF resta utile. L'hosting può scadere, i domini vanno rinnovati e i CMS richiedono aggiornamenti. Un archivio PDF ti tutela da tutte queste dipendenze.

Pagine portfolio in Figma o Notion

Alcuni designer usano Figma o Notion come portfolio. Entrambi funzionano sul web e si acquisiscono allo stesso modo: apri la pagina nel browser, acquisisci la finestra, scorri ed esporta in PDF.

Migliora le acquisizioni del portfolio

Usa tutta la larghezza del browser. I lavori di design hanno bisogno di spazio. Ingrandisci al massimo la finestra oppure portala ad almeno 1200 px per rispettare il layout originale.

Scegli se accedere all'account. Quando hai effettuato l'accesso, alcune piattaforme mostrano pulsanti di modifica o elementi amministrativi. Esci per ottenere una vista pubblica pulita, oppure resta nell'account se il risultato è già adatto.

Chiudi popup e banner. Prima di acquisire, rimuovi banner di upgrade, avvisi sui cookie e richieste di notifiche.

Acquisisci il progetto, non la griglia. La griglia del portfolio mostra soltanto miniature; la pagina individuale contiene la presentazione completa. Acquisisci sempre quest'ultima.

Controlla il caricamento delle immagini. Prima di iniziare, scorri manualmente tutta la pagina per caricare le immagini differite. Torna poi in cima e avvia l'acquisizione automatica: le immagini saranno già nella cache e compariranno subito.

Programma i backup. Imposta un promemoria trimestrale, oppure ripeti l'acquisizione ogni volta che aggiungi nuovi progetti. Un backup di due anni fa non contiene i lavori recenti.

Domande frequenti

Posso scaricare direttamente i miei file da Dribbble o Behance?

Dribbble permette di scaricare come immagini gli shot caricati dall'utente, ma non l'intera pagina del progetto con descrizioni, commenti e contesto del layout. Behance offre opzioni di esportazione limitate. Gli screenshot conservano l'intera presentazione così come appare online.

Quanto sono grandi i PDF acquisiti dal portfolio?

Una tipica pagina di progetto acquisita in Retina produce un PDF da 10–30 MB, in base alla quantità di immagini e alla lunghezza. Un portfolio di 50 progetti occupa circa 500 MB–1,5 GB, una dimensione facilmente gestibile su qualsiasi Mac moderno.

Le immagini acquisite hanno una qualità sufficiente per la stampa?

Gli screenshot Retina vengono acquisiti a una risoluzione 2x, ottima per la consultazione e la visualizzazione su schermo. Non raggiungono la risoluzione dei file sorgente originali. Questo archivio serve come backup e riferimento, non per ricreare materiali pronti per la stampa.

Cosa succede se la piattaforma cambia layout?

Un PDF datato registra l'aspetto della pagina visibile al momento dell'acquisizione. Può essere un riferimento utile dopo una riprogettazione della piattaforma, ma non conserva le interazioni né i file sorgente originali.

Il metodo funziona anche con altre piattaforme per portfolio?

Sì. La stessa tecnica funziona con qualsiasi portfolio sul web: Cargo, Adobe Portfolio, Squarespace, siti personali e altre piattaforme. Se riesci a visualizzarlo in un browser, puoi acquisirlo.

Salva le pagine del portfolio

Inizia con un solo progetto e controlla che immagini, didascalie e sezioni caricate durante lo scorrimento compaiano correttamente. Poi acquisisci i progetti rimanenti mantenendo la stessa larghezza del browser e lo stesso schema per i nomi.

Scarica Shotomatic oppure consulta i prezzi.