Dimensioni delle immagini per siti web, email e social
Una tabella di riferimento di dimensioni in pixel e proporzioni per pagine web, anteprime di link, email e ogni grande piattaforma social.
Caricare un'immagine alla dimensione sbagliata significa un risultato sfocato, un soggetto tagliato, o una pagina che si carica lentamente. Questo riferimento raccoglie le dimensioni che funzionano nel 2026, con una spiegazione del ragionamento così che tu possa prendere decisioni sensate quando una piattaforma cambia le regole.
Due principi
Adatta alla dimensione di visualizzazione, tenendo conto degli schermi ad alta densità. La maggior parte dei telefoni e portatili ora ha schermi con due o tre pixel fisici per pixel CSS. Un'immagine mostrata a 600 pixel CSS di larghezza dovrebbe essere larga 1.200 pixel per apparire nitida. Andare oltre 2× aggiunge dimensione senza beneficio visibile.
Sistema le proporzioni prima del numero di pixel. Le piattaforme ritagliano automaticamente alle loro proporzioni preferite, e i ritagli automatici tagliano teste e loghi. Ritaglia tu alle proporzioni con lo strumento di ritaglio, poi ridimensiona con lo strumento di ridimensionamento.
Immagini per siti web
| Uso | Larghezza | Proporzioni | Dimensione file obiettivo |
|---|---|---|---|
| Immagine di apertura a tutta larghezza | 1.920 px (2.560 per schermi molto grandi) | 16:9 o 21:9 | Sotto 300 KB in WebP |
| Immagine di contenuto / blog | 1.200-1.600 px | 3:2 o 16:9 | Sotto 150 KB |
| Miniatura di scheda o griglia | 600-800 px | Coerente in tutta la griglia | Sotto 60 KB |
| Immagine prodotto | 1.200-2.000 px | 1:1 o 4:5 | Sotto 200 KB; più grande per lo zoom |
| Logo (raster) | 2× la dimensione mostrata | Come progettato | PNG o SVG |
| Open Graph / anteprima link | 1.200 × 630 px | 1,91:1 | Sotto 300 KB, JPG o PNG |
| Favicon | 16, 32, 48, 64 px in un .ico | 1:1 | Minuscola |
| Icona Apple touch | 180 × 180 px | 1:1 | PNG |
I client email renderizzano a larghezza fissa, comunemente 600-640 pixel per il corpo del messaggio. Fornisci immagini larghe 1.200 px (2× per retina) e mantieni il messaggio totale sotto circa 1 MB; le email più pesanti vengono troncate da Gmail e sono lente da aprire su mobile. Usa JPG o PNG; il supporto WebP nei client email è ancora incoerente. GIF va bene per l'animazione semplice.
Social
| Piattaforma | Posizionamento | Dimensione | Proporzioni |
|---|---|---|---|
| Feed, verticale (massima copertura) | 1.080 × 1.350 | 4:5 | |
| Feed, quadrato | 1.080 × 1.080 | 1:1 | |
| Storie / copertina Reel | 1.080 × 1.920 | 9:16 | |
| Foto profilo | 320 × 320 (mostrata in un cerchio) | 1:1 | |
| Immagine feed | 1.200 × 630 o 1.080 × 1.350 | 1,91:1 o 4:5 | |
| Copertina pagina | 1.640 × 856 | Mostrata a 820 × 312 su desktop | |
| Immagine post | 1.200 × 627 | 1,91:1 | |
| Banner aziendale | 1.128 × 191 | ~5,9:1 | |
| X (Twitter) | Immagine post | 1.600 × 900 | 16:9 |
| X (Twitter) | Intestazione | 1.500 × 500 | 3:1 |
| YouTube | Miniatura | 1.280 × 720 | 16:9, sotto 2 MB |
| YouTube | Banner canale | 2.560 × 1.440 (area sicura 1.546 × 423) | 16:9 |
| TikTok | Copertina video | 1.080 × 1.920 | 9:16 |
| Pin | 1.000 × 1.500 | 2:3 | |
| WhatsApp / Telegram | Foto profilo | 640 × 640 | 1:1 |
Ogni piattaforma social ricomprime i caricamenti, di solito in un JPG a qualità 75-80 circa. Carica ad alta qualità (JPG 90 o PNG) alle dimensioni esatte qui sopra, e lascia che la piattaforma faccia la compressione finale una volta invece di sommare la tua compressione alla loro.
Stampa, per completezza
La stampa si misura in pixel per pollice, non in pixel totali. 300 ppi è lo standard: una foto 15 × 10 cm richiede 1.800 × 1.200 px, una pagina A4 richiede 2.480 × 3.508 px, e un poster A3 3.508 × 4.961 px. Qualsiasi cosa sotto i 150 ppi apparirà visibilmente morbida in stampa. Fornisci JPG a qualità 95 o un formato senza perdita.
Un flusso di lavoro rapido
- Ritaglia alle proporzioni che la destinazione vuole.
- Ridimensiona alla larghezza in tabella, mai più di 2× la dimensione di visualizzazione.
- Esporta in WebP per i siti, JPG per email e social, PNG per la grafica con trasparenza.
- Controlla la dimensione del file; se supera l'obiettivo, abbassa la qualità di qualche punto invece di ridurre le dimensioni.
Tutti e quattro i passaggi si possono fare su questo sito senza caricare l'immagine da nessuna parte.