
Preparazione in blocco delle immagini per WordPress
Trascina anche cento foto — lo strumento le ridurrà alla dimensione necessaria, le convertirà in WebP e rinominerà i nomi cirillici in caratteri latini. I file non lasciano il tuo computer: tutta l'elaborazione avviene nel browser.
Non è stato ancora elaborato nulla. Trascina le immagini nell'area qui sopra: tutto il resto viene calcolato nella scheda, senza una sola richiesta di rete.
Le immagini non lasciano il tuo browser: decodifica, ridimensionamento, ricodifica e persino la creazione dello ZIP avvengono nella scheda. Apri DevTools → Network e verifica: nessuna richiesta.
Perché le immagini vanno preparate prima del caricamento e non dopo
I plugin di ottimizzazione entrano in gioco solo dopo che il file è arrivato sul server. Fino a quel momento occupa spazio nei backup e WordPress ha già ritagliato da esso una mezza dozzina di dimensioni intermedie — anche quelle vanno conservate da qualche parte. Una foto da 4 MB scattata col telefono diventa 5–8 file. Il secondo motivo è il controllo. Vedi il risultato prima del caricamento e puoi scegliere la qualità a occhio, invece di affidarti al preset di un plugin. Il terzo sono i nomi dei file. Un nome in cirillico diventa una lunga stringa percent-encoded che si rompe quando copi il link e appare illeggibile nella libreria media. E il quarto, a cui si pensa di rado: i metadati. Una foto da telefono contiene l'EXIF con le coordinate GPS esatte del luogo dello scatto. Pubblicandola così com'è, pubblichi anche le coordinate. Ridisegnandola tramite canvas i metadati non vengono trasferiti — la pulizia avviene quindi in automatico. Quanto alla larghezza: la maggior parte dei temi mostra le immagini in un contenitore fino a 1200 pixel. Caricare una foto da 4000 pixel non ha senso — il browser la ridimensionerà comunque verso il basso, dopo aver consumato il traffico dell'utente.
