Prepara le immagini per un sito più veloce
Porta le foto e i grafici della pagina in WebP, alla larghezza che la pagina usa davvero. È la strada comune quando la pagina iniziale sembra pesante e le immagini sono ancora alla risoluzione piena della fotocamera.
- Veloce
- 100% privato
- Sempre gratis
- Qualsiasi browser
Rilascia le immagini in qualsiasi punto di questa pagina
JPG, PNG, WebP, GIF, SVG, HEIC o AVIF. Le foto restano su questo dispositivo.
Quando usarlo
WebP è la scelta predefinita qui. Sulle foto di solito batte il JPG e può conservare la trasparenza degli elementi di interfaccia. Tutti i browser moderni mostrano il WebP.
Resta su JPG se un CMS, una newsletter o un partner rifiuta ancora il WebP. Resta su PNG per un logo che deve restare esattamente come è stato disegnato.
Se ti preoccupa la velocità della pagina, ridurre la larghezza conta quanto il formato. Un WebP da 4000 px occupa ancora tanti byte.
Se ti serve anche formattare JSON o controllare un token senza incollarlo su un sito pubblico, usa ToolBuddy. Anche quello resta nel browser.
Come fare
- Trascina le immagini che vuoi mettere in una pagina.
- Lascia il formato su WebP e la qualità vicino a 0,8, a meno che compaiano delle bande.
- Lascia la larghezza massima vicino a 1600, oppure a 2400 se l'immagine appare a 1200 pixel CSS su schermi Retina.
- Scarica i file WebP e sostituisci gli originali nel tema o nel CDN.
Consigli
- Foto in evidenza: un WebP grande. Una schermata PNG della foto pesa senza motivo.
- Griglie di prodotti: una larghezza fissa aiuta la cache e l'ordine della pagina.
- Se un cliente non riesce ad aprire l'anteprima, converti una copia in JPG. Lascia il WebP sul sito.