Crea un banner personalizzato per Tumblr: guida passo dopo passo al design e all'upload
Un banner personalizzato (immagine di intestazione) personalizza il tuo blog Tumblr e rafforza il tuo marchio. Ecco come progettarne e installarne uno perfettamente.
Specifiche di design
- Dimensioni consigliate: 1080 × 320 pixel (rapporto d'aspetto 27:8)
- Dimensione file massima: 5 MB (Tumblr comprime i file più grandi)
- Formato: JPEG (foto), PNG (grafica/testo), GIF (animazione)
- Zona sicura: Tieni i contenuti critici al centro – i bordi potrebbero essere ritagliati su mobile
Processo di design (qualsiasi editor di immagini)
- Scegli il tuo strumento: Photoshop, GIMP (gratuito), Photopea (browser), Canva, Pixlr
- Crea una nuova tela: 1080 × 320 px, 72 DPI, colore RGB
- Aggiungi sfondo: Foto, gradiente, colore pieno o motivo
- Aggiungi branding: Titolo del blog, logo, slogan – usa font leggibili
- Migliora: Regola luminosità/contrasto, aggiungi trama o sovrapposizione sottile
- Testa la leggibilità: Anteprima al 50% di zoom (simulazione mobile)
- Esporta: Salva come JPEG (85% qualità) o PNG
Consigli di design per l'impatto
- Il contrasto è tutto: Testo chiaro su sfondo scuro o viceversa
- Limita i font: Max 2 (uno per il titolo, uno per lo slogan)
- Tieni conto della sovrapposizione dell'avatar: La tua foto del profilo si trova in basso a sinistra – non mettere arte chiave lì
- Mobile-first: Il 60%+ del traffico di Tumblr è mobile – testa sul telefono
- GIF animate: Movimento sottile (loop 5-10 sec) cattura l'attenzione
Carica su Tumblr
- Accedi a Tumblr → Clicca l'avatar del tuo blog (in alto a destra) → Modifica aspetto
- Nella barra laterale sinistra, clicca Immagine di intestazione (o "Intestazione" nella UI più recente)
- Clicca Carica immagine → Seleziona il tuo file
- Regola il posizionamento se richiesto (trascina al centro)
- Clicca Salva → Esci dalla modalità personalizzazione
Risoluzione problemi
- Sfocato? Assicurati che la larghezza sia esattamente 1080px – Tumblr ridimensiona le immagini più piccole
- Ritagliato stranamente? Riposiziona nella modalità personalizzazione
- Non si mostra? Svuota la cache del browser / prova in incognito
- Conflitto di tema? Alcuni temi nascondono l'intestazione – controlla le opzioni del tema
Risorse di design gratuite
- Unsplash/Pexels (foto)
- Google Fonts (tipografia)
- Modelli Canva (cerca "Tumblr banner")
- Coolors.co (paletten di colori)
Il tuo banner è il cartellone pubblicitario del tuo blog – investi 30 minuti per un risultato professionale che dura mesi.