Dimensionare Correttamente le Foto per il Web

Pubblicare foto online pone la domanda: che dimensione? File troppo grandi rallentano il sito (utenti e motori di ricerca penalizzano). File troppo piccoli sembrano scadenti. Buone notizie: la risposta è semplice, dipende da dove carichi. Spesso non ridimensioni affatto; quando serve, è facile. Ecco cosa sapere e come fare in Photoshop e Lightroom.

Caricare su Gallery Online (SmugMug, Squarespace, Flickr, Social)

Non ridimensionare. Carica i JPEG più grandi che hai. Il servizio ridimensiona per te: crea thumbnail, versioni mobile, ecc. Stesso per Facebook, Instagram: riducono loro (spesso più di quanto vorresti). Carica JPEG full-size e non ci pensi più.

Io ho caricato su SmugMug per anni senza mai ridimensionare. Il problema sorge col sito proprio (es. WordPress).

Caricare sul Tuo Sito (WordPress, Blog Proprio)

Qui devi ridimensionare. I JPEG nativi dalla fotocamera (qualsiasi) sono troppo pesanti.

Quanto piccoli? Probabilmeno molto meno di quanto pensi. Due variabili controlli (ti mostro come dopo):

• Dimensioni in pixel (lato lungo);
• Qualità JPEG (percentuale).

Prima: come determinare i valori giusti. Poi: come impostarli.

1. Dimensioni in Pixel

Trova la larghezza dell'area contenuto del tuo sito. Esempio: qui gli articoli sono larghi 1024 px → inutile immagini più larghe. Subito: riduci tutto a max 1024 px.

Altri siti hanno aree più strette (sidebar, ecc.). Digital Photography School: 750 px (prima 600). Quindi DPS non usa immagini > 750 px.

Sono massimali. Se vuoi l'immagine più piccola dell'area contenuto, calcola la percentuale e ridimensiona di conseguenza.

2. Qualità JPEG

Ridurre la % qualità riduce il peso file. Effetti di riduzioni lievi-moderate sono impercettibili.

Inoltre: -5% qualità (es. 100% → 95%) = molto più di -5% peso file. Ogni -5% qualità ≈ -15% peso (rendimenti decrescenti scendendo molto).

Quanto scendere? Nessuna regola fissa: giudizio tuo. Riferimento: DPS (esperti di sizing) accetta max 200 KB. Anche dopo riduzione a 750 px lato lungo, devo spesso scendere al 70-90% qualità per stare sotto 200 KB.

Io sono più permissivo (meno volume/traffico), ma tengo ~200 KB, mai oltre 450 KB. Pagine veloci lo stesso.

Nessuna regola rigida. Esempi sotto mostrano quanto poco si noti la riduzione.

3. Peso File: Kilobyte, Non Megabyte

Punto chiave: foto web si misurano in KB, non MB. Il mio RAW ≈ 24 MB; JPEG nativo 7-10 MB. Troppo grandi. Non servono, rallentano.

Esempi Visivi

In questa pagina: stessa foto a diverse dimensioni/qualità.

Grande vs Extra-Large

Foto in alto: 1024 px lato lungo, qualità 80% → 450 KB.
Sotto: stessa foto 2048 px, qualità 100% → 3.8 MB (8x).
Le vedi diverse? Probabilmente no. Larghezza schermo = 1024 px: pixel extra inutili. Qualità 100% inutile.

Diverse Qualità a Parità di Dimensioni

4 foto affiancate, tutte 512 px lato lungo, qualità:
• 100% (234 KB)
• 80% (115 KB)
• 60% (70 KB)
• 40% (44 KB)
Mescolate. Riesci a distinguerle? Io no. La più piccola è 25% del peso della più grande. Conclusione: non preoccuparti troppo di ridurre il peso.

Come Ridimensionare

Photoshop o Lightroom: entrambi ottimi, niente software extra.

In Photoshop: "Salva per Web"

File → Esporta → Salva per Web (legacy). Imposta dimensioni esatte in pixel (lato lungo; l'altro si adatta). Imposta qualità % in alto a destra. Peso file in basso a sinistra. Controllo totale. Limite: una foto alla volta.

In Lightroom: "Esporta"

Tasto destro → Esporta → Esporta. Imposta dimensioni (larghezza, altezza, o entrambi) in px, pollici, cm. Peso file: due modi alternativi (non entrambi):

• Limite peso file specifico (es. 200 KB);
• Qualità % (come Photoshop).

Clicca Esporta: crea copia nella cartella scelta. Elabora batch: meglio per serie.

Nessuno è superiore: usa quello che preferisci. Semplice, veloce dopo le prime volte.

Conclusione: Checklist Rapida

• Serve ridimensionare? Gallery online/SmugMug/Flickr/social → No. Sito proprio/WordPress → Sì.
• Determina dimensioni (px) basandoti su larghezza area contenuto e % riempimento desiderata.
• Usa "Salva per Web" (PS) o "Esporta" (LR) impostando la dimensione del punto 2.
• Imposta qualità % per ridurre ulteriormente il peso (o limite KB in LR). Obiettivo: ≈ 250 KB max.
• Non temere qualità 50%: spesso indistinguibile da 100%.

Risultato: foto belle, sito veloce.