Come Ottimizzare le Immagini per la SEO: Guida Completa per Aumentare il Traffico Organico | Andrea Baglioni
Blog

Come Ottimizzare le Immagini per la SEO: Guida Completa per Aumentare il Traffico Organico

Immagini pesanti e mal ottimizzate affossano il tuo sito su Google. Scopri formati, compressione, lazy loading, alt text e tutti i trucchi per trasformare le foto in traffico organico. Guida pratica con checklist.

Le immagini non ottimizzate sono il motivo numero uno per cui il tuo sito è lento, e un sito lento perde posizioni su Google. Lo dico senza giri di parole: se carichi foto da 3 MB sul tuo sito aziendale a Perugia, stai regalando clienti alla concorrenza. Ogni secondo di caricamento in più costa conversioni, e le immagini rappresentano in media il 50-70% del peso totale di una pagina web.

Io sono Andrea Baglioni, lavoro come freelancer digitale a Perugia e ogni giorno aiuto PMI e professionisti in Umbria a trasformare siti web pesanti in macchine da traffico organico. In questa guida ti mostro tutto quello che serve per ottimizzare le immagini del tuo sito, dalla scelta del formato fino ai dati strutturati.

Punti ChiaveDettagli
Formato consigliato nel 2026WebP per uso generale, AVIF per massima compressione
Risparmio peso medio50-80% rispetto a JPEG/PNG non ottimizzati
Impatto su LCPLe immagini above-the-fold incidono direttamente sul Largest Contentful Paint
Alt textObbligatorio per accessibilità e SEO, max 125 caratteri
Lazy loadingNativo con loading="lazy", mai sulle immagini in viewport iniziale

Perché le immagini sono cruciali per la SEO

Partiamo dai numeri concreti. Google usa i Core Web Vitals come fattore di ranking diretto. Tre metriche su tre sono influenzate pesantemente dalle immagini:

  • LCP (Largest Contentful Paint): misura quanto tempo impiega l’elemento più grande visibile a caricarsi. Nella maggior parte dei siti, quell’elemento è un’immagine. Google vuole un LCP sotto i 2,5 secondi. Se la hero image del tuo sito pesa 2 MB, quel target è irraggiungibile
  • CLS (Cumulative Layout Shift): misura quanto si “sposta” il layout durante il caricamento. Immagini senza dimensioni esplicite (width e height) causano salti di layout che fanno impazzire gli utenti e penalizzano il ranking
  • INP (Interaction to Next Paint): immagini non ottimizzate bloccano il thread principale, rendendo la pagina meno reattiva ai click

Ho visto siti di attività locali — ristoranti, negozi, studi professionali — con homepage che pesavano 15-20 MB. Dopo l’ottimizzazione delle immagini, il peso è sceso a 1-2 MB e il tempo di caricamento da 8 secondi a meno di 2. Il risultato? Un balzo di 15-20 posizioni su Google per le keyword locali.

Le immagini ottimizzate non migliorano solo la velocità. Aprono un canale di traffico aggiuntivo: Google Immagini, che rappresenta il 20-25% di tutte le ricerche. Se vendi prodotti artigianali a Deruta o gestisci un agriturismo sul Lago Trasimeno, le persone cercano proprio le foto di quello che offri.

Formati immagine a confronto: JPEG vs PNG vs WebP vs AVIF

La scelta del formato è il primo passo. Ogni formato ha vantaggi e limiti specifici, ed è importante capire quale usare in ogni situazione.

FormatoProControUso idealeSupporto browser
JPEGUniversale, buon rapporto qualità/peso per fotoNo trasparenza, compressione con artefatti visibiliFoto legacy, compatibilità massima100%
PNGTrasparenza, qualità losslessFile pesanti, inadatto per foto complesseLoghi, icone, grafiche con trasparenza100%
WebP30-50% più leggero del JPEG, supporta trasparenza e animazioniQualità leggermente inferiore su dettagli molto finiStandard consigliato per il web nel 202697%+
AVIF50-70% più leggero del JPEG, qualità eccellenteEncoding più lento, supporto browser ancora in crescitaSiti ad alte prestazioni, foto hero93%+
SVGScalabile, leggerissimo, editabileSolo per grafica vettorialeLoghi, icone, illustrazioni semplici100%

Come scegliere il formato giusto

La regola che applico con i miei clienti è semplice:

  • Foto di prodotti, persone, paesaggi: WebP come standard, con fallback JPEG
  • Loghi e icone: SVG se disponibile il vettoriale, altrimenti PNG con trasparenza convertito in WebP
  • Hero image e immagini in evidenza: AVIF con fallback WebP e JPEG
  • Screenshot e grafiche con testo: PNG o WebP lossless
  • Animazioni leggere: WebP animato al posto delle GIF (risparmio del 70-80%)

Se hai un sito web professionale costruito con framework moderni come Astro, la conversione automatica in WebP/AVIF è integrata nel processo di build. Non devi fare nulla manualmente.

Compressione: lossy vs lossless

La compressione è dove si gioca la partita vera del peso delle immagini. Due approcci, due risultati diversi.

Compressione lossy (con perdita)

Elimina dati dall’immagine che l’occhio umano non percepisce. Una foto JPEG compressa all’80% di qualità è praticamente identica all’originale, ma pesa il 60% in meno. Per le foto del tuo ristorante o del tuo studio professionale, la compressione lossy al 75-85% è il punto ideale.

Compressione lossless (senza perdita)

Riduce il peso senza eliminare alcun dato. Il risparmio è minore (10-30%), ma la qualità è identica al pixel. Uso questo approccio per loghi, grafiche con testo e immagini che verranno stampate.

Strumenti di compressione che uso ogni giorno

Squoosh (squoosh.app): gratuito, sviluppato da Google, funziona nel browser. Perfetto per comprimere una singola immagine e confrontare visivamente il prima e dopo. Lo consiglio a chi gestisce il proprio sito in autonomia.

TinyPNG/TinyJPG: compressione automatica via drag-and-drop. Ottimo per lotti di 10-20 immagini. La versione gratuita gestisce fino a 20 file al giorno, più che sufficiente per un blog aziendale.

ShortPixel: plugin WordPress e API standalone. Comprime automaticamente ogni immagine al caricamento. Per chi gestisce un e-commerce con centinaia di prodotti, è la soluzione più pratica. Costa pochi euro al mese e fa risparmiare ore di lavoro.

ImageOptim (Mac): compressione batch locale, senza caricare immagini su server esterni. Lo uso quando lavoro con foto riservate o materiale coperto da NDA.

Nella mia esperienza, la combinazione migliore per un sito aziendale è: ridimensionamento alla dimensione massima di visualizzazione, conversione in WebP, compressione lossy all’80%. Questo workflow taglia il peso delle immagini dell’80-90% senza perdite visibili.

Dimensioni responsive: srcset e picture element

Un errore che vedo in continuazione sui siti aziendali: caricare un’unica immagine da 2000px di larghezza e lasciarla ridimensionare dal browser su mobile. L’utente sul telefono scarica 2 MB di dati per visualizzare un’immagine a 400px. Uno spreco assurdo.

L’attributo srcset

Con srcset dici al browser: “Ecco la stessa immagine in diverse dimensioni, scegli quella più adatta al tuo schermo.”

<img
  src="prodotto-artigianale-deruta-800.webp"
  srcset="
    prodotto-artigianale-deruta-400.webp 400w,
    prodotto-artigianale-deruta-800.webp 800w,
    prodotto-artigianale-deruta-1200.webp 1200w
  "
  sizes="(max-width: 600px) 400px, (max-width: 1024px) 800px, 1200px"
  alt="Ceramica artigianale di Deruta con decorazione tradizionale"
  width="800"
  height="600"
  loading="lazy"
>

Il browser su mobile caricherà l’immagine da 400px (circa 30 KB), mentre su desktop caricherà quella da 1200px (circa 120 KB). Il risparmio di banda su mobile è enorme.

Il picture element e l’art direction

Il <picture> element va oltre: permette di servire formati diversi e anche immagini completamente diverse in base al dispositivo.

<picture>
  <source
    media="(max-width: 768px)"
    srcset="hero-perugia-mobile.avif"
    type="image/avif"
  >
  <source
    media="(max-width: 768px)"
    srcset="hero-perugia-mobile.webp"
    type="image/webp"
  >
  <source
    srcset="hero-perugia-desktop.avif"
    type="image/avif"
  >
  <source
    srcset="hero-perugia-desktop.webp"
    type="image/webp"
  >
  <img
    src="hero-perugia-desktop.jpg"
    alt="Panorama di Perugia al tramonto con vista su Corso Vannucci"
    width="1200"
    height="600"
  >
</picture>

Questo approccio serve AVIF ai browser che lo supportano, WebP come fallback, JPEG come ultima risorsa. E su mobile mostra un crop verticale più adatto allo schermo. Lo uso regolarmente sui siti web che sviluppo.

Specifica sempre width e height

Questo punto è critico per il CLS. Ogni tag <img> deve avere gli attributi width e height espliciti. Non importa se poi li sovrascrivi con CSS: il browser li usa per riservare lo spazio corretto prima che l’immagine sia caricata, evitando salti di layout.

Lazy loading: caricamento intelligente delle immagini

Il lazy loading dice al browser: “Non caricare questa immagine finché l’utente non sta per vederla.” Risultato: la pagina si carica molto più velocemente perché il browser scarica solo le risorse immediatamente visibili.

Implementazione nativa

Dal 2020 tutti i browser moderni supportano il lazy loading nativo. Basta un attributo:

<img src="foto-evento-umbria-jazz.webp"
     alt="Concerto Umbria Jazz Arena Santa Giuliana Perugia"
     loading="lazy"
     width="800"
     height="533"
>

Semplice, efficace, zero JavaScript. Questa è la soluzione che consiglio al 90% dei miei clienti.

Native vs JavaScript

Le librerie JavaScript come lazysizes o lozad offrono più controllo (soglie personalizzate, effetti di caricamento, placeholder), ma aggiungono peso e complessità. Per la maggior parte dei siti aziendali, il lazy loading nativo è più che sufficiente.

Uso librerie JavaScript solo quando serve un comportamento specifico: ad esempio un placeholder blur-up per le gallery fotografiche di un hotel o un sito turistico.

L’eccezione above-the-fold

Regola d’oro: non mettere mai loading="lazy" sulle immagini visibili al primo caricamento (above-the-fold). L’hero image, il logo, le immagini nel primo viewport devono caricarsi immediatamente. Anzi, per la LCP image conviene aggiungere fetchpriority="high":

<img src="hero-homepage.webp"
     alt="Andrea Baglioni - Consulente SEO e sviluppatore web"
     width="1200"
     height="600"
     fetchpriority="high"
>

Questo dice al browser: “Questa immagine è importante, scaricala prima di tutto il resto.”

Nomi file SEO-friendly

Google legge il nome del file immagine. È un segnale di ranking leggero ma gratuito. Perché non sfruttarlo?

Best practice per i nomi file

  • Usa parole descrittive: ceramica-artigianale-deruta-piatto-decorato.webp invece di IMG_4523.jpg
  • Separa le parole con trattini: trattini (-), mai underscore (_) o spazi
  • Includi la keyword principale: se la pagina parla di “ristorante Perugia centro”, il nome file dovrebbe riflettere quel concetto
  • Sii specifico ma conciso: 3-6 parole sono sufficienti
  • Usa il minuscolo: evita maiuscole e caratteri speciali
  • Niente date o codici: 20250731_photo_01.jpg non dice nulla a Google

Un nome file ben scritto migliora il posizionamento su Google Immagini, che è una fonte di traffico concreta. Ho visto foto di prodotti artigianali e dolci di pasticcerie locali posizionarsi in prima pagina su Google Immagini semplicemente con nomi file descrittivi e alt text curati.

Alt text: come scriverlo per SEO e accessibilità

L’attributo alt è il ponte tra il mondo visivo e quello testuale. Serve a tre scopi precisi: accessibilità per chi usa screen reader, contesto per Google, e testo di fallback quando l’immagine non si carica.

Come scrivere un alt text efficace

  1. Descrivi cosa mostra l’immagine: sii specifico e concreto
  2. Inserisci keyword in modo naturale: se l’immagine mostra un prodotto, usa il nome del prodotto
  3. Non superare i 125 caratteri: gli screen reader troncano oltre questa soglia
  4. Non iniziare con “Immagine di…” o “Foto di…”: è ridondante, il browser sa già che è un’immagine
  5. Scrivi in italiano corretto: l’alt text è contenuto a tutti gli effetti

Esempi pratici

ContestoAlt text sbagliatoAlt text corretto
Foto di un ristorantealt="foto"alt="Sala interna ristorante La Taverna Perugia centro storico"
Prodotto e-commercealt="prodotto-123"alt="Olio extravergine biologico umbro bottiglia 750ml"
Panorama per blogalt="immagine panorama"alt="Vista panoramica di Assisi dalla valle umbra al tramonto"
Team aziendalealt=""alt="Team dello studio di architettura durante sopralluogo a Spoleto"

Quando lasciare l’alt vuoto

Per le immagini puramente decorative — sfondi, separatori, icone decorative — usa alt="" (alt vuoto, non assente). Questo dice agli screen reader di ignorare l’immagine. Non mettere mai keyword di riempimento su immagini decorative: Google lo considera keyword stuffing.

Title e caption: quando usarli

L’attributo title

Il title appare come tooltip quando l’utente passa il mouse sull’immagine. Non è un fattore SEO diretto, ma può migliorare l’esperienza utente fornendo informazioni aggiuntive.

Lo uso quando l’immagine ha un contesto che vale la pena espandere: ad esempio su una foto storica di Piazza IV Novembre, il title potrebbe aggiungere la data o un dettaglio architettonico.

Le caption (didascalie)

Le didascalie sotto le immagini hanno un peso SEO maggiore di quanto molti pensino. Gli utenti le leggono (uno dei pochi elementi testuali che ricevono attenzione quasi universale), e Google le usa per capire il contesto dell’immagine.

Per i blog post, consiglio sempre di aggiungere una didascalia descrittiva alle immagini principali. Per un articolo su un evento come Eurochocolate, una caption come “Stand di cioccolato artigianale a Eurochocolate 2025, Perugia” aggiunge contesto sia per l’utente che per Google.

Dati strutturati per immagini

I dati strutturati aiutano Google a capire esattamente cosa rappresenta un’immagine e come mostrarla nei risultati di ricerca.

Schema ImageObject

Per immagini importanti (foto principali di articoli, immagini di servizi), aggiungi il markup ImageObject:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://andreabaglioni.it/images/consulenza-seo-perugia.webp",
  "name": "Consulenza SEO professionale",
  "description": "Andrea Baglioni durante una consulenza SEO con un cliente",
  "width": 1200,
  "height": 800,
  "author": {
    "@type": "Person",
    "name": "Andrea Baglioni"
  }
}

Product images per e-commerce

Se hai un e-commerce, i dati strutturati Product con immagini sono fondamentali per apparire nei risultati ricchi di Google Shopping:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Ceramica di Deruta - Piatto decorato a mano",
  "image": [
    "https://esempio.it/images/piatto-deruta-frontale.webp",
    "https://esempio.it/images/piatto-deruta-dettaglio.webp",
    "https://esempio.it/images/piatto-deruta-retro.webp"
  ],
  "description": "Piatto in ceramica di Deruta decorato a mano con motivo rinascimentale",
  "offers": {
    "@type": "Offer",
    "price": "45.00",
    "priceCurrency": "EUR"
  }
}

Più immagini di qualità inserisci nel markup Product, più possibilità hai di apparire con risultati visivamente ricchi nelle SERP. Google premia i prodotti con almeno 3-4 foto da angolazioni diverse.

CDN per immagini: servire le foto alla velocità della luce

Un CDN (Content Delivery Network) distribuisce le tue immagini su server sparsi per il mondo. Se un utente da Milano visita il tuo sito, l’immagine arriva da un server a Milano, non dal tuo hosting a Francoforte. Risultato: tempi di caricamento dimezzati.

Le soluzioni che consiglio

Cloudflare: se il tuo sito web usa Cloudflare come DNS (e dovrebbe), le immagini vengono cachate automaticamente sulla rete CDN. Il piano gratuito è già sufficiente per la maggior parte dei siti aziendali. Con il piano Pro si aggiunge la conversione automatica in WebP/AVIF.

Cloudinary: il servizio più completo per la gestione immagini. Carica un’unica immagine originale e Cloudinary genera automaticamente tutte le varianti (dimensioni, formati, qualità) tramite URL. Perfetto per e-commerce con cataloghi ampi.

imgix: simile a Cloudinary, con un focus sulla velocità di trasformazione. Lo consiglio per siti con traffico molto alto e molte immagini dinamiche.

Per una PMI con un sito vetrina o un piccolo e-commerce, Cloudflare gratuito + immagini ottimizzate in fase di build è la combinazione ideale. Nessun costo aggiuntivo e prestazioni eccellenti.

Google Immagini e Google Lens: ottimizzare per la ricerca visiva

Google Immagini è un canale di traffico che molte aziende sottovalutano. Per alcune query, le immagini compaiono direttamente nei risultati principali di Google (i cosiddetti “Image Pack”), intercettando click prima ancora dei risultati testuali.

Come posizionarsi su Google Immagini

  1. Nomi file descrittivi e alt text accurati (come spiegato sopra)
  2. Immagini originali: Google penalizza le immagini stock usate su migliaia di siti. Investi in foto originali della tua attività, dei tuoi prodotti, del tuo team
  3. Contesto testuale: l’immagine deve essere circondata da testo pertinente. Una foto di un monumento in un articolo sulla sua città si posizionerà meglio della stessa foto in un articolo sul giardinaggio
  4. Sitemap per immagini: aggiungi le immagini alla sitemap XML per facilitare l’indicizzazione
  5. Pagina di alta qualità: Google considera la qualità complessiva della pagina quando rankifica le immagini

Google Lens e la ricerca visiva

Google Lens sta cambiando il modo in cui le persone cercano. Puntano la fotocamera su un oggetto e Google trova prodotti simili. Se vendi prodotti fisici — ceramiche artigianali, prodotti tipici, abbigliamento — avere foto di alta qualità con dati strutturati corretti ti rende trovabile anche attraverso la ricerca visiva.

Per massimizzare la visibilità su Google Lens: usa foto su sfondo neutro, mostra il prodotto da più angolazioni, e assicurati che i dati strutturati Product siano completi.

Ottimizzazione immagini per e-commerce

L’e-commerce è dove l’ottimizzazione delle immagini ha l’impatto economico più diretto. Una foto prodotto che si carica velocemente, è zoomabile e mostra il dettaglio giusto converte di più. Punto.

Foto prodotto: le regole d’oro

  • Sfondo bianco o neutro per la foto principale (Google Shopping lo richiede)
  • Minimo 3 foto per prodotto: frontale, dettaglio, contesto d’uso
  • Dimensione minima 1200x1200px per permettere lo zoom
  • Formato WebP con fallback JPEG per massima compatibilità
  • Peso sotto i 200 KB per foto con compressione ottimizzata

Per le gallery prodotto, usa un componente lightbox che carichi le immagini ad alta risoluzione solo al click. L’anteprima nella griglia deve essere leggera (50-80 KB), mentre l’immagine zoomata può pesare di più (200-400 KB) perché viene caricata on-demand.

Implementa lo zoom con il tag <picture> e srcset: la versione small per la griglia, la versione large per lo zoom. Niente JavaScript pesante per caricare immagini 4000px che l’utente forse non zoomerà mai.

Tool e workflow: dalla fotografia alla pubblicazione

Questo è il workflow che uso per ogni progetto, dalla foto scattata alla pubblicazione sul sito.

Step 1: Scatto o acquisizione

Scatto in formato RAW o JPEG ad alta qualità. Per le foto dei clienti, uso una fotocamera con un buon obiettivo. Per screenshot e grafiche, esporto dal software in PNG.

Step 2: Editing e ridimensionamento

Apro l’immagine in un editor (anche uno gratuito come GIMP funziona) e la ridimensiono alla dimensione massima di visualizzazione sul sito. Se l’immagine verrà mostrata al massimo a 1200px di larghezza, non ha senso salvarla a 4000px.

Step 3: Esportazione nei formati web

Genero le varianti necessarie:

  • WebP al 80% di qualità (uso principale)
  • AVIF al 70% di qualità (per browser compatibili)
  • JPEG al 85% di qualità (fallback)

Se uso un framework come Astro con il componente <Image>, questa fase è automatica.

Step 4: Rinomina del file

Rinomino il file con un nome SEO-friendly prima di caricarlo. Niente spazi, niente maiuscole, niente caratteri speciali.

Step 5: Upload e markup HTML

Carico l’immagine e la inserisco nella pagina con tutti gli attributi necessari: alt, width, height, loading, srcset se servono varianti responsive.

Step 6: Verifica

Controllo con Lighthouse o PageSpeed Insights che l’immagine non generi warning. Verifico il CLS, il peso totale della pagina e il LCP se l’immagine è above-the-fold.

Impatto sulle performance: prima e dopo

Per rendere concreto il discorso, ecco i risultati reali di un’ottimizzazione immagini su un sito di un cliente che seguo.

Prima dell’ottimizzazione

MetricaValore
Peso homepage12,4 MB
LCP6,8 secondi
CLS0,35
Score PageSpeed (mobile)28/100
Formato immaginiJPEG non compresso, PNG
Immagini totali18

Dopo l’ottimizzazione

MetricaValore
Peso homepage1,1 MB
LCP1,4 secondi
CLS0,02
Score PageSpeed (mobile)94/100
Formato immaginiWebP + AVIF con fallback
Immagini totali18 (stesse immagini, stesso aspetto visivo)

Le stesse 18 immagini, la stessa qualità percepita, ma il sito è passato da 28 a 94 su PageSpeed. In tre settimane, il traffico organico è cresciuto del 40%. Questo è il potere dell’ottimizzazione immagini.

Se vuoi approfondire come la velocità del sito impatta il posizionamento SEO, ho scritto una guida dedicata ai Core Web Vitals e cosa sono.

Checklist finale per ottimizzare le immagini

Usa questa checklist per ogni immagine che carichi sul tuo sito. La stampo e la tengo sulla scrivania, e la condivido con ogni cliente a cui creo un sito web.

  • L’immagine è stata ridimensionata alla dimensione massima di visualizzazione
  • Il formato è WebP o AVIF (con fallback JPEG/PNG)
  • La compressione è applicata (lossy 75-85% per foto, lossless per grafiche)
  • Il nome file è descrittivo e SEO-friendly (parole-separate-da-trattini.webp)
  • L’alt text è presente, descrittivo e contiene keyword naturali
  • Gli attributi width e height sono specificati nel tag img
  • Il lazy loading è attivato (tranne per immagini above-the-fold)
  • L’immagine above-the-fold ha fetchpriority="high"
  • Le varianti responsive sono generate (srcset per almeno 3 breakpoint)
  • I dati strutturati sono aggiunti per immagini prodotto
  • L’immagine è inclusa nella sitemap XML
  • Il peso finale è sotto i 200 KB (idealmente sotto i 100 KB)
  • Il test PageSpeed Insights non mostra warning relativi alle immagini
  • Il CLS della pagina resta sotto 0,1

Domande frequenti

Qual è il formato immagine migliore per la SEO nel 2026?

WebP è lo standard consigliato per il web nel 2026. Offre una compressione del 30-50% superiore al JPEG con qualità equivalente, supporta la trasparenza e le animazioni. AVIF è ancora più performante (50-70% di risparmio), ma il supporto browser è leggermente inferiore. La strategia migliore è servire AVIF ai browser compatibili, WebP come fallback e JPEG come ultima risorsa, usando il tag <picture>.

L’alt text migliora davvero il posizionamento su Google?

Assolutamente. L’alt text è uno dei segnali che Google usa per capire il contenuto di un’immagine. Un alt text descrittivo e pertinente migliora il posizionamento sia nella ricerca web classica sia su Google Immagini. Per le attività locali, includere riferimenti geografici nell’alt text (quando è naturale e pertinente) aiuta la SEO locale. La chiave è scrivere alt text per le persone, non per i motori di ricerca: se suona naturale, va bene anche per Google.

Il lazy loading rallenta il caricamento delle immagini visibili?

No, se implementato correttamente. Il lazy loading nativo (loading="lazy") non deve essere applicato alle immagini above-the-fold, cioè quelle visibili senza scrollare. Quelle immagini devono caricarsi immediatamente, anzi conviene aggiungere fetchpriority="high" alla LCP image. Il lazy loading va usato su tutte le altre immagini: quelle che l’utente vedrà solo scrollando la pagina. In questo modo il caricamento iniziale è velocissimo e le immagini successive si caricano just-in-time.

Quanto dovrebbe pesare un’immagine per il web?

Dipende dal tipo e dalla dimensione, ma come regola generale: le immagini nel corpo del testo dovrebbero stare sotto i 100 KB, le hero image sotto i 200 KB, le thumbnail sotto i 30 KB. Per un e-commerce, le foto prodotto nella griglia dovrebbero pesare 50-80 KB, mentre la versione zoom può arrivare a 200-400 KB. Se una singola immagine pesa più di 300 KB, quasi certamente non è ottimizzata. Usa Squoosh o TinyPNG per verificare se puoi ridurre il peso senza perdita percepibile di qualità.

Serve davvero un CDN per le immagini di un piccolo sito?

Per un sito vetrina con traffico locale, un CDN dedicato non è indispensabile. Ma se il tuo sito usa Cloudflare come DNS (cosa che consiglio sempre per la sicurezza e le prestazioni), hai già un CDN gratuito per le immagini senza fare nulla di aggiuntivo. Per siti con traffico nazionale o internazionale, un CDN diventa importante: riduce i tempi di caricamento del 30-50% per gli utenti lontani dal server. Per e-commerce con cataloghi ampi, servizi come Cloudinary sono un investimento che si ripaga in conversioni.

Trasforma le immagini nel tuo vantaggio competitivo

La maggior parte dei siti web aziendali ha immagini non ottimizzate. Ogni foto pesante è un’opportunità persa: un utente che abbandona, una posizione su Google che sfugge, un potenziale cliente che sceglie un concorrente con un sito più veloce.

Ottimizzare le immagini non richiede budget enormi. Richiede metodo, gli strumenti giusti e la voglia di fare le cose per bene. Se vuoi partire da solo, usa la checklist di questa guida. Se preferisci affidare il lavoro a chi lo fa ogni giorno, posso aiutarti.

Lavoro con PMI e professionisti a Perugia, in Umbria e in tutta Italia. Dall’audit delle immagini esistenti fino alla configurazione di un workflow automatizzato, il mio obiettivo è portare il tuo sito a 90+ su PageSpeed e farti guadagnare posizioni su Google.

Contattami per un’analisi gratuita delle performance del tuo sito e vediamo insieme quanto traffico stai lasciando sul tavolo.

Torna al Blog
Condividi:

Serve una Consulenza Professionale?

Non lasciare la tua presenza online al caso. Parliamo di come portare il tuo business al livello successivo.

Richiedi un Preventivo Gratuito