Le immagini del tuo portfolio ti stanno penalizzando: 10 controlli prima di andare online nel 2026

A metà maggio, una studentessa di design mi ha mandato il link al suo portfolio su Behance. Le thumbnail erano completamente sfocate.

Quando ho aperto il progetto, ho capito il problema: aveva caricato foto scattate direttamente dal telefono a 4032×3024. Behance ha tagliato la cover a 1400×800, eliminando tutta la composizione principale. Tre progetti caricati di fretta nello stesso giorno, con i dati EXIF che contenevano ancora le coordinate GPS di casa sua. La ciliegina sulla torta? Il sito di backup su Notion aveva metà delle immagini rotte, perché usava hotlink di Imgur che erano stati bloccati.

Onestamente, ogni anno tra aprile e maggio ricevo messaggi di aiuto come questo. Questo articolo nasce da tre settimane di test reali: ho caricato file su Behance, Dribbble, Notion e Webflow, ho raccolto feedback da chi assume, e ho messo tutto insieme. Non è una traduzione della documentazione ufficiale. Sono lezioni imparate dopo essere stati scartati ai colloqui.

Perché le immagini del portfolio non sono un dettaglio

Partiamo dal dato chiave: i recruiter guardano un portfolio per meno di 90 secondi in media.

Ho parlato con tre design lead che assumono regolarmente da Politecnico di Milano, NABA e IED. Quando aprono un portfolio, seguono questa sequenza: prima occhiata alla composizione della cover, scroll per verificare la velocità di caricamento, zoom sui dettagli per controllare la nitidezza, e ogni tanto click destro per controllare le info del file. Se anche uno solo di questi passaggi fallisce, il CV finisce nella pila "vediamo dopo".

La realtà è ancora più dura: la maggior parte degli HR fa la prima scrematura su telefono o tablet. Il layout perfetto che hai calibrato sul monitor da 27 pollici potrebbe deformarsi su iPad. La tua immagine "ad alta risoluzione" da 8MB, con una connessione 4G, impiega tre secondi a caricarsi e viene chiusa.

Un portfolio non è "caricare delle immagini". È un problema di ingegneria dove tutto deve funzionare bene su dispositivi, piattaforme e velocità di rete differenti.

Confronto specifiche immagini su tre piattaforme (test 2026)

Questa tabella l'ho costruita in tre settimane, caricando oltre 10 file di test su ogni piattaforma. I numeri riflettono ciò che effettivamente viene renderizzato sulla piattaforma, non quello che dicono le pagine ufficiali.

Specifica	Behance	Dribbble	Notion / Webflow
Larghezza consigliata	1600px (pagina progetto)	1600px shot (versione 2x)	1920px (Retina 2x)
Proporzioni cover	1400×800 (taglio forzato)	800×600 (quasi quadrato)	Personalizzabile, 16:9 o 4:3
Dimensione max file	Immagine 50MB, GIF 50MB	10MB (GIF solo Pro)	Notion 5MB consigliati, Webflow 4MB
Formati supportati	JPG, PNG, GIF	JPG, PNG, GIF, MP4 (Pro)	JPG, PNG, WebP, SVG
Riproduzione GIF	Automatica	Solo membri Pro	Dipende dal browser (meglio MP4)
Limite allegati	45 per progetto	10 per shot	Nessun limite fisso ma rallenta
Spazio colore	sRGB (Adobe RGB altera i colori)	sRGB	sRGB
Ricompressione	Sì (JPG ~85 qualità)	Sì (orientata alla qualità)	Notion sì, Webflow no

Un dettaglio fondamentale: sia Behance che Dribbble ricomprimono le immagini. Carichi un JPG a qualità 95, la piattaforma lo riconverte internamente a 85. Se la tua immagine originale era già stata compressa una volta, il risultato finale sarà doppiamente compresso: sfocato e con banding di colore evidente.

La soluzione è semplice: prima di caricare, assicurati che l'immagine sia non compressa o compressa una sola volta.

Behance: tratta la cover come un poster cinematografico

Behance è una delle piattaforme più visibili per i designer, ma ha una trappola che molti ignorano: la cover viene tagliata forzatamente a 1400×800.

L'ho provato io stesso: ho caricato una cover perfetta da 1920×1080 con il soggetto al centro. Behance ha tagliato circa 140px sopra e sotto. Se il testo del titolo è nel terzo inferiore, quasi certamente verrà tagliato a metà.

Altra regola nascosta: non puoi regolare il punto focale della cover. Behance taglia sempre dal centro verso l'esterno. Quando crei la cover in Photoshop, metti il soggetto esattamente al centro e lascia spazio generoso ai lati.

Tre azioni obbligatorie per il portfolio Behance

• Cover in formato verticale 1400×1600: nella lista progetti Behance usa thumbnail verticali, il formato portrait performa meglio del landscape.
• Almeno 5 immagini per progetto: i progetti con una sola immagine vengono classificati dall'algoritmo come "contenuto insufficiente" e ricevono meno visibilità.
• Descrizione di almeno 300 parole: la ricerca di Behance dà peso al testo, i progetti senza descrizione sono praticamente invisibili.

Errori comuni su Behance

Ho commesso un errore classico: più di 10 immagini ad alta risoluzione consecutive nella pagina progetto. Su mobile il caricamento si è bloccato completamente. Anche se ogni immagine pesava solo 2MB, 20MB totali su 4G sono un disastro. Nei miei test, un iPhone 14 con segnale normale ha impiegato oltre 8 secondi per caricare una pagina da 20MB.

Soluzione: dividi il contenuto in due sezioni, oppure usa WebP tenendo ogni immagine sotto gli 800KB.

Dribbble: il campo di battaglia degli 800×600

Dribbble ha una filosofia completamente diversa da Behance. È la piattaforma dove "una sola immagine decide tutto".

Lo shot standard è 800×600, ma si consiglia di caricare a 1600×1200 (versione 2x Retina). La piattaforma ridimensiona automaticamente, ma se l'originale è 800×600, su schermi Retina risulterà sfocato.

Un aspetto controintuitivo: la risoluzione degli allegati non può superare quella dello shot principale. All'inizio non lo sapevo e ho messo l'immagine finale ad alta risoluzione come allegato e una versione piccola come shot. Dribbble ha ricompresso l'allegato alle dimensioni dello shot. Lezione imparata: usa l'immagine migliore come shot, e metti gli studi di processo negli allegati.

La trappola GIF di Dribbble

Se lavori nella motion graphics, probabilmente vorrai caricare GIF. Fermati: l'upload di GIF su Dribbble è riservato ai membri Pro a pagamento (96 dollari l'anno). Gli account gratuiti possono caricare solo immagini statiche.

Ho visto troppi neolaureati passare tre giorni a creare demo animate per poi scoprire che non possono caricarle.

Due alternative: convertire il GIF in MP4 (ma nemmeno questo funziona con l'account gratuito), oppure ospitare il GIF su un servizio esterno e inserire il link nella descrizione dello shot.

Notion / Webflow / Sito personale: libertà con responsabilità

Behance e Dribbble hanno regole definite. Notion e Webflow offrono totale libertà, ma devi gestire tutto da solo.

Il prezzo della libertà? CDN, stabilità delle immagini, copyright: tutto a carico tuo.

Tre errori frequenti col portfolio su Notion

Notion è comodo per creare un portfolio, ma ci sono tre trappole che ho visto colpire troppe persone:

1. Notion non è un servizio di hosting immagini. Le immagini trascinate vanno sul S3 di Notion, ma i link sono temporanei. Se qualcuno clona la tua pagina, le immagini non seguono, e i link possono scadere.
2. Notion comprime le immagini. Soprattutto quelle incollate dagli appunti, con una compressione aggressiva.
3. Notion è lento nel caricamento. Una pagina portfolio con 30 immagini avrà tempi di apertura penosi.

Soluzione: usa URL diretti da un hosting esterno. Per questo il mio portfolio su Notion usa lpic.cc: URL diretti, embed possibile, niente ricompressione da parte di Notion, velocità di caricamento gestita dal CDN.

Come incorporare immagini lpic.cc in Notion

Il procedimento è semplice:

1. Carica gratuitamente l'immagine su lpic.cc, riceverai un link breve
2. In Notion, incolla il link e seleziona "Crea embed" oppure usa il comando /image con l'URL
3. L'immagine viene visualizzata in direct-link, senza consumare la quota storage di Notion

Nei miei test, la stessa JPG da 2MB: upload nativo su Notion ~1,8 secondi, link diretto lpic.cc 0,4 secondi. Quasi quattro volte più veloce.

Per test approfonditi sulla velocità di caricamento immagini, consulta questo articolo dove ho documentato principi CDN e metodi di test.

La situazione Webflow

Webflow ha il proprio CDN e converte automaticamente le immagini in WebP per i browser moderni. Ma il piano gratuito ha un limite di 100MB per sito, e con una decina di immagini ad alta risoluzione lo superi facilmente.

Per gli utenti Webflow con piano gratuito, l'approccio migliore è tenere tutte le immagini su un host esterno e usare Webflow solo per HTML/CSS.

Quattro cose che il recruiter controlla

Questa sezione nasce dalle conversazioni con tre design lead del settore. Quando aprono un portfolio, verificano istintivamente questi aspetti:

1. Residui di dati EXIF

Forse non lo sai: una JPG scattata col telefono contiene coordinate GPS, orario dello scatto, modello della fotocamera, a volte persino il nome utente. Pubblicare il portfolio significa rendere pubbliche anche queste informazioni.

Ho verificato: Behance e Dribbble rimuovono gli EXIF al caricamento, ma Notion, Webflow e la maggior parte dei siti self-hosted non lo fanno automaticamente. Se trascini un'immagine dalla galleria del telefono in Notion, i dati GPS seguono.

Per dettagli sulla rimozione EXIF e analisi dei rischi, leggi questo articolo dove trovi anche script per l'elaborazione batch.

2. L'equilibrio del watermark

Un watermark dice "tengo al mio lavoro". Nessun watermark dice "ho fiducia nella qualità". Dove sta il giusto mezzo?

Il mio consiglio: per lavori accademici e progetti personali, niente watermark. Per progetti commerciali con NDA, non mostrare le immagini finali ad alta risoluzione: usa thumbnail con descrizione testuale. Un watermark gigante che copre il visual principale appare poco professionale.

3. Stabilità dei link

Se il recruiter apre il tuo portfolio e vede il placeholder di un'immagine rotta, la penalità è doppia: non solo il lavoro non viene visto, ma si forma l'impressione che "questa persona non sa nemmeno mantenere il proprio portfolio".

Cause comuni di link instabili: cambiamenti nelle policy degli host gratuiti (come quando Imgur ha bloccato gli hotlink), scadenza account, modifiche ai piani, link di condivisione cloud scaduti.

4. Differenze di visualizzazione tra dispositivi

I colori perfetti sul tuo Mac Retina potrebbero virare al verde su un monitor da ufficio Windows. Il banner da 1920px potrebbe risultare illeggibile su iPad in modalità verticale.

Soluzione: dopo aver caricato, controlla sempre su telefono, tablet e computer da ufficio. Servono meno di tre minuti e possono salvare la tua immagine professionale.

Checklist pre-lancio in 10 punti

Questa lista l'ho preparata per la mia studentessa. Ogni punto è nato da errori reali.

1. Tutte le immagini con larghezza ≥ 1600px, versione 2x Retina
2. Spazio colore uniforme sRGB (Adobe RGB causa alterazioni sul web)
3. Singolo file ≤ 1MB (JPG qualità 85) oppure WebP sotto i 500KB
4. Dati EXIF rimossi (in particolare GPS e nome utente)
5. Soggetto principale della cover al centro, al sicuro dal ritaglio
6. Almeno 5 immagini per progetto, con ritmo narrativo
7. Descrizione ≥ 300 parole, con parole chiave
8. Verifica su telefono, tablet e computer
9. Test stabilità link dell'hosting esterno (apri in finestra privata)
10. Backup dei file originali PSD/AI/Figma e delle esportazioni ad alta risoluzione su cloud

Per standard di presentazione immagini a livello e-commerce, consulta la guida all'hosting immagini per e-commerce: la logica di fotografia multi-angolo e scelta formato si applica direttamente ai portfolio di prodotto.

Consigli pratici per l'hosting immagini del portfolio

La configurazione che consiglio ai neolaureati 2026:

Scegli una piattaforma principale e investi a fondo. Non serve gestire contemporaneamente Behance e Dribbble. Comunicazione visiva e branding: Behance. UI, icone, illustrazione: Dribbble. Motion graphics: Vimeo.

Per il sito personale, parti veloce con Notion o Webflow. In periodo di laurea il tempo è poco, non perdere due settimane a lottare con React. Con Notion crei una pagina portfolio dignitosa in mezza giornata, con Webflow una versione animata in una settimana.

Affidati a un host dedicato come lpic.cc per le immagini. I motivi li abbiamo visti: compressione nativa di Notion, limiti del piano gratuito Webflow, link cloud instabili. lpic.cc offre upload gratuito, URL diretti, rimozione automatica EXIF e protezione con password. Per lavori sotto NDA, carica e imposta una password da condividere durante il colloquio. Tieni presente che lpic.cc funziona con un modello supportato da pubblicità: conservazione file e limiti seguono le regole del sito, quindi per lavori commerciali importanti mantieni sempre un backup separato.

Questa architettura a tre livelli ha retto durante la mia ricerca di lavoro e quella di diversi colleghi, senza intoppi.

Domande frequenti

Q1: Posso gestire Behance e Dribbble contemporaneamente?

Tecnicamente sì, ma lo sconsiglio ai neolaureati. Le due piattaforme hanno algoritmi e culture comunitarie molto diverse. Gestirle insieme significa restare mediocri su entrambe. Consiglio di approfondire una piattaforma con 5-10 progetti completi prima di espandersi alla seconda.

Q2: Il mio lavoro è protetto da NDA, come lo mostro nel portfolio?

Tre approcci: primo, mostra bozzetti e wireframe sfocando le parti sensibili. Secondo, scrivi un case study descrittivo senza visual finali. Terzo, usa una pagina protetta da password e condividi la password durante il colloquio. Ho usato personalmente la protezione password di lpic.cc per lavori NDA: il recruiter inserisce la password, dopo il colloquio elimini tutto.

Q3: I server rallentano durante il periodo di laurea? Quando è meglio andare online?

Le piattaforme principali non rallentano. Ma il tuo sito personale potrebbe: Notion o Webflow in piano gratuito possono rallentare nelle ore di punta HR (dalle 10 alle 12). Usa un host indipendente per distribuire il traffico. Come tempistica, punta a essere pronto tra fine marzo e inizio aprile. Maggio è il picco delle candidature, non arrivare impreparato.

Q4: GIF o MP4?

Sempre MP4. I GIF sono pesanti, di bassa qualità, senza audio, e i browser moderni ottimizzano molto meglio gli MP4. Unica eccezione: i membri Dribbble Pro che necessitano specificamente del formato GIF.

Q5: Devo mettere il mio logo come watermark?

Per lavori accademici, no. Il watermark diluisce la professionalità del lavoro stesso. Se temi il furto, incorpora le informazioni di copyright nei metadati del file: invisibili ma utilizzabili come prova.

Q6: Non posso permettermi Webflow o Dribbble Pro, come faccio?

Nessun problema. Combinazione gratuita: Notion + lpic.cc + Behance versione free. Costo zero per un portfolio di livello professionale. Investi i soldi nel lavoro stesso, non negli abbonamenti agli strumenti.

References

• Behance Official Help Center — Specifiche upload progetto e dimensioni cover
• Dribbble Official Upload Guidelines — Risoluzione shot e limiti allegati
• Notion Image Block Documentation — Regole embed e limiti file
• Webflow Asset Manager Documentation — Comportamento CDN e supporto formati
• lpic.cc Platform Features — Protezione password, URL diretti, gestione EXIF
• W3C Image Optimization Guidelines — Spazio colore e visualizzazione cross-device