Guida al ridimensionamento delle immagini: dimensioni ottimali per web e social media
Scegliere la dimensione corretta dell'immagine per siti web, social media ed email influisce sia sulla qualità visiva che sulla velocità di caricamento della pagina.
Ultimo aggiornamento:
Perché la dimensione dell'immagine è importante
Le immagini grandi aumentano il tempo di caricamento. Google Core Web Vitals: LCP deve essere inferiore a 2,5 secondi. Le immagini piccole causano perdita di qualità. La dimensione corretta ottimizza sia la qualità che le prestazioni.
Dimensioni ottimali per i siti web
Hero/banner: 1920x1080 px (16:9), 200-400 KB. Copertina blog: 1200x628 px, 100-200 KB. Immagine contenuto: 800x600 px, 50-150 KB. Miniatura: 300x200 px, 20-50 KB. Logo: 200x50 px, 10-30 KB. Favicon: 32x32 o 16x16 px.
Dimensioni ottimali per i social media
Instagram: Quadrato 1080x1080, Ritratto 1080x1350, Story 1080x1920. Facebook: Copertina 820x312, Post 1200x630. Twitter/X: Header 1500x500, Post 1200x675. LinkedIn: Copertina 1584x396, Post 1200x627. YouTube: Miniatura 1280x720.
Consigli di ridimensionamento
1. Bloccare il rapporto d'aspetto. 2. Usare risoluzione 2x per Retina. 3. Usare WebP. 4. Lazy loading. 5. Immagini responsive (srcset).
Ridimensionatore di immagini di Utilgo
Il ridimensionatore di immagini di Utilgo supporta il ridimensionamento in pixel o percentuale, il blocco del rapporto d'aspetto e la selezione del formato (JPEG/PNG/WebP). File fino a 20 MB e 40 megapixel.
Strumenti correlati
Guide passo passo
Articoli pratici su questo tema
Prestazioni Web Mobile: Ottimizzazione e Migliori Pratiche
Le prestazioni web mobile comportano sfide diverse rispetto alle prestazioni desktop.
Portare una foto sotto 200 KB rispettando i requisiti del modulo
Un modulo può rifiutare una foto anche se le dimensioni sembrano corrette.
Immagini Responsive: srcset, sizes e Art Direction
Le immagini responsive servono immagini ottimizzate per diverse dimensioni di schermo e risoluzioni.