Come ridimensionare le immagini per il web - Le dimensioni giuste per ogni uso
Servire immagini sovradimensionate è la causa numero 1 dei siti lenti. Una foto da 4000x3000 mostrata a 800x600 spreca il 96% dei suoi pixel. Ecco come impostare le dimensioni giuste.
Provalo ora - gratis, senza registrazione.
Ridimensiona immagini gratis →Dimensioni consigliate delle immagini
| Uso | Larghezza (px) | Retina (2x) |
|---|---|---|
| Hero/banner | 1600 | 3200 |
| Contenuto del blog | 800 | 1600 |
| Miniatura | 400 | 800 |
| Immagine prodotto | 1000 | 2000 |
| Immagine OG (social) | 1200x630 | - |
| Favicon | 512x512 | - |
Regola pratica: ridimensiona alla larghezza massima di visualizzazione, poi raddoppia per gli schermi retina. Un'immagine del blog mostrata a 800px dovrebbe essere larga 1600px.
Come ridimensionare
- Apri lo strumento Ridimensiona immagine
- Carica la tua immagine
- Imposta la larghezza desiderata (l'altezza si adatta in proporzione)
- Scarica l'immagine ridimensionata
Consiglio da pro: PRIMA ridimensiona, poi comprimi. Comprimere un'immagine da 4000px e poi ridurla a 800px è uno spreco: stai comprimendo pixel che butterai via.
Domande frequenti
Il ridimensionamento riduce la qualità dell'immagine?
Rimpicciolire è in genere sicuro: togli pixel, non ne aggiungi. Ingrandire invece riduce la qualità, perché il software deve inventare nuovi pixel. Non ingrandire mai le immagini per il web.
Devo usare srcset per le immagini responsive?
Sì! L'attributo srcset permette al browser di scegliere la dimensione giusta per il dispositivo. Genera 2-3 dimensioni (piccola, media, grande) e lascia scegliere al browser.
Pronto? Converti le tue immagini ora - 100% gratis.
Ridimensiona immagini gratis →