Abre cualquier informe de velocidad de una web lenta y encontrarás casi siempre al mismo culpable: las imágenes. Suponen de media más de la mitad del peso de una página, y una sola foto subida directamente desde el móvil puede pesar más que todo el resto de la web junta. La buena noticia es que optimizar imágenes en WordPress es una de las mejoras con resultados más inmediatos y visibles: no requiere tocar código, se nota en los tiempos de carga desde el primer día y Google la premia en sus Core Web Vitals. En esta guía completa vamos a ver todo el proceso en orden: elegir el formato adecuado (con WebP como protagonista), redimensionar y comprimir antes de subir, aprovechar lo que WordPress ya hace por ti, activar el lazy loading correctamente y escoger un plugin de optimización que automatice el trabajo. Al terminar tendrás un sistema, no un apaño puntual: cada imagen que subas a partir de ahora llegará ligera y en el formato correcto.
Por qué las imágenes hunden tu velocidad (y tu SEO)
Cuando alguien visita tu web, su navegador descarga cada imagen de la página. Si la portada carga 4 MB en fotos, un visitante con conexión móvil media necesitará varios segundos solo para verlas, con la página saltando mientras se colocan. Eso impacta en tres frentes:
- Experiencia: cada segundo extra de carga aumenta el porcentaje de gente que abandona sin esperar.
- SEO: los Core Web Vitals (sobre todo el LCP, que mide cuándo se pinta el elemento más grande, normalmente una imagen) forman parte de la evaluación de Google.
- Costes: más peso es más ancho de banda, más ocupación de disco en el hosting y copias de seguridad más lentas.
La regla mental que lo resume: ninguna imagen de contenido debería superar los 100-200 KB, y las decorativas deberían quedar muy por debajo. Con las técnicas de esta guía, es un objetivo perfectamente alcanzable sin pérdida de calidad apreciable.
Formatos de imagen: cuándo usar JPG, PNG, WebP y AVIF
Elegir bien el formato es la mitad de la batalla al optimizar imágenes en WordPress:
| Formato | Mejor uso | Peso relativo | Soporte |
|---|---|---|---|
| JPG | Fotografías | Referencia | Universal |
| PNG | Gráficos con transparencia, capturas nítidas | Alto | Universal |
| WebP | Sustituto moderno de ambos | 25-35 % menos que JPG | Todos los navegadores actuales |
| AVIF | El siguiente salto de compresión | Hasta 50 % menos que JPG | Muy amplio y creciendo |
| SVG | Logos e iconos vectoriales | Mínimo | Universal (subida bloqueada por defecto en WordPress) |
WebP es hoy la elección por defecto: comprime mejor que JPG, soporta transparencia como PNG y todos los navegadores modernos lo muestran sin problema. WordPress admite subir archivos WebP de forma nativa desde la versión 5.8, y desde la 6.5 también AVIF si el servidor lo soporta. AVIF comprime aún más, pero su generación es más lenta y el soporte en herramientas todavía es menor: como norma práctica en 2026, WebP para todo y AVIF si tu plugin de optimización lo genera automáticamente. Si quieres profundizar en las tripas de cada formato, la guía oficial de formatos de imagen de MDN es la referencia.
¿Tienes un puñado de JPG o PNG y quieres pasarlos a WebP ahora mismo, sin instalar nada? Usa nuestro conversor gratuito de imágenes a WebP: funciona en el navegador, sin registro, y te devuelve los archivos convertidos y listos para subir a la mediateca. Es la vía rápida perfecta para las imágenes nuevas de cada artículo; para convertir en bloque toda una mediateca ya existente, un plugin (los vemos más abajo) es más práctico.
Redimensionar antes de subir: el paso que casi todos se saltan
Una cámara o un móvil actual genera fotos de 4000 píxeles de ancho o más. Tu web probablemente no muestra nada a más de 1200-1920 píxeles. Subir el original significa almacenar y procesar un archivo varias veces más grande de lo que jamás se mostrará. Antes de subir, redimensiona:
- Imágenes de contenido (dentro de entradas): 1200 píxeles de ancho suele ser suficiente.
- Cabeceras y fondos a pantalla completa: 1920 pixel.
- Miniature e loghi: la dimensione reale a cui vengono mostrate, o il doppio se vuoi nitidezza su schermi retina.
Qualsiasi editor va bene (anche Paint o Anteprima), e gli strumenti di conversione di solito permettono di ridimensionare nello stesso passaggio. Già che ci sei, rinomina il file con parole descrittive separate da trattini (tarta-queso-sin-horno.webp meglio di IMG_4832.webp): il nome del file è un segnale SEO in più, e ti faciliterà trovare l'immagine nella mediateca.
Poi, al momento di inserirla, compila sempre il testo alternativo: descrive l'immagine per i lettori di schermo e per Google Immagini. È accessibilità e SEO in un unico campo.
Ciò che WordPress fa già per te (e ciò che non fa)
Al caricare un'immagine, WordPress genera automaticamente diverse copie in diverse dimensioni (miniatura, medio, grande, più quelle registrate dal tuo tema) e le serve con l'attributo srcset, in modo che un cellulare scarichi la versione piccola e un monitor grande la versione completa. Applica anche il lazy loading nativo (loading="lazy") alle immagini dalla versione 5.5, e limita a 2560 pixel le immagini giganti che vengono caricate.
Ciò che WordPress non fa di serie: comprimere in modo aggressivo, convertire i tuoi vecchi JPG e PNG in WebP né ottimizzare ciò che già hai nella mediateca. Questo vuoto è quello che coprono gli strumenti e i plugin di ottimizzazione.
Due sfumature del lazy loading che conviene conoscere:
- L'immagine principale che si vede appena si entra (quella dell'LCP) non deve avere il lazy loading: ritardarla peggiora la metrica. WordPress tenta di escludere la prima immagine automaticamente, e i buoni plugin di ottimizzazione la gestiscono ancora meglio.
- Gli sfondi CSS e gli slider non usano il lazy loading nativo; lì sì contribuisce l'implementazione di un plugin.
Plugin per ottimizzare le immagini in WordPress: comparativa
Un plugin di ottimizzazione automatizza tutto quanto sopra: comprime ogni immagine al momento del caricamento, converte in WebP/AVIF, ottimizza in blocco la mediateca esistente e serve il formato moderno solo ai browser compatibili. I quattro nomi che dominano il campo:
- Imagify: del team di WP Rocket. Interfaccia chiarissima, tre livelli di compressione, WebP e AVIF automatici e un ottimo equilibrio qualità-peso. Gratis fino a 20 MB al mese; a pagamento da lì in poi.
- ShortPixel: il preferito dagli utenti avanzati per il suo rapporto qualità-prezzo in volume (crediti che non scadono). Compressione eccellente, WebP e AVIF, e una funzione unica: ottimizzazione di PDF.
- Smush: il più installato. La sua versione gratuita comprime senza limite di quantità (con un massimo di 5 MB per file) e risolve bene il lazy loading e il ridimensionamento, ma la conversione WebP è riservata alla versione Pro.
- EWWW Image Optimizer: l'unico che può comprimere sul tuo proprio server senza dipendere da servizi esterni né quote. Gratuito nella sua modalità locale, con WebP incluso. Ideale se carichi moltissime immagini e vuoi costo zero.
Quale scegliere? Per la maggior parte: Imagify o ShortPixel se vuoi il miglior risultato automatico con WebP/AVIF inclusi, EWWW se preferisci non dipendere dai crediti, Smush se ti basta comprimere e già usi il suo ecosistema. E ricorda la regola degli strati: un plugin di immagini convive senza problemi con il tuo plugin di cache, perché fanno lavori diversi; infatti WP Rocket e Imagify si completano espressamente. Questa e altre utilità gratuite le trovi riunite nella nostra pagina di strumenti per pagine web.
Il metodo completo, passo dopo passo
Ricapitoliamo tutto il flusso per ottimizzare le immagini in WordPress, sia il nuovo che l'ereditato:
- Misura il punto di partenza. Passa la tua homepage per PageSpeed Insights e annota il peso della pagina e l'LCP.
- Installa e configura un plugin di ottimizzazione. Attiva la compressione automatica al caricamento, la conversione in WebP e il ridimensionamento massimo (2560 px o meno).
- Ottimizza la mediateca esistente in blocco. Fallo dopo un backup e in ore di poco traffico: sono migliaia di operazioni.
- Adotta l'abitudine per il nuovo: ridimensionare, convertire in WebP con il convertitore, rinominare con trattini e compilare il testo alternativo al momento dell'inserimento.
- Controlla il lazy loading: attivo in generale, esclusa l'immagine principale di ogni template.
- Misura di nuovo. Nelle web con molte foto è comune ridurre il peso totale della pagina della metà o meno.
Se inoltre servi le immagini da una CDN (molti plugin di ottimizzazione e di cache la includono), il visitatore le scaricherà da un server vicino, aggiungendo un altro pizzico di velocità, specialmente per audience internazionali.
Domande frequenti
La compressione non rovina la qualità delle mie foto?
La compressione "con perdita" ben regolata elimina informazioni che l'occhio non percepisce: nei livelli medi di Imagify o ShortPixel, la differenza è indistinguibile sullo schermo e il risparmio si aggira intorno al 60-80%. Per la fotografia artistica dove ogni sfumatura conta, usa i modi "glossy" o senza perdita, che conservano più dati a scapito di un minor risparmio. In ogni caso, i buoni plugin salvano l'originale e permettono di ripristinarlo.
Cosa succede con i browser che non supportano WebP?
Nel 2026, praticamente nessuno in uso reale: Chrome, Firefox, Safari ed Edge lo supportano da anni. Anche così, i plugin che servono WebP lo fanno con meccanismi di backup (il tag <picture> o regole del server) che consegnano il JPG/PNG originale a qualsiasi client obsoleto. Non c'è rischio che un visitatore veda spazi vuoti invece di immagini.
Devo cancellare i JPG originali dopo aver convertito in WebP?
Se il plugin serve il WebP dinamicamente, gli originali rimangono il backup e la fonte per rigenerare: conservali a meno che lo spazio su disco non sia critico. Se converti manualmente prima di caricare (con il convertitore, per esempio), allora carica solo il WebP e non accumuli duplicati. Sono due strategie valide; la chiave è non mescolarle senza criterio.
Quanto migliora realmente la velocità ottimizzando le immagini?
Dipende dal punto di partenza, ma è l'ottimizzazione con il maggior percorso nelle web visuali: passare da foto di 2-4 MB a versioni WebP di 80-150 KB riduce il peso della pagina del 50-80% e anticipa l'LCP in modo diretto. In termini di sforzo-beneficio, solo la cache di pagina compete con essa.
Conclusión
Ottimizzare le immagini in WordPress non è un compito singolo ma un sistema con due fronti: risanare ciò che già hai (ottimizzazione in blocco della mediateca con un plugin) e stabilire un flusso corretto per il nuovo (ridimensionare, convertire in WebP, rinominare e descrivere ogni immagine prima di pubblicarla). I pezzi sono pochi e tutti accessibili: WebP come formato predefinito, un convertitore online per il giorno per giorno, un plugin come Imagify, ShortPixel o EWWW per automatizzare, lazy loading ben configurato e misurazioni prima e dopo per verificare il progresso. Il risultato è di quelli che si vedono a occhio nudo: pagine che caricano in una frazione del tempo, metriche Core Web Vitals in verde e un hosting più sgravato. Inizia oggi con la cosa più semplice: converti le immagini del tuo prossimo articolo in WebP e confronta il peso. Quel primo risparmio ti darà l'impulso per applicare il sistema completo.
