Bereid afbeeldingen voor op een snellere website
Zet foto's en afbeeldingen voor de pagina om naar WebP, op een breedte die de indeling echt gebruikt. Dit is de gewone route wanneer de startpagina zwaar aanvoelt en de afbeeldingen nog de volledige resolutie van de camera hebben.
- Snel
- 100% privé
- Altijd gratis
- Elke browser
Zet afbeeldingen ergens op deze pagina neer
JPG, PNG, WebP, GIF, SVG, HEIC of AVIF. Je foto's blijven op dit apparaat.
Wanneer je dit gebruikt
WebP is hier de standaard. Op foto's wint het meestal van JPG, en het kan doorzichtigheid voor de interface bewaren. Alle moderne webbrowsers tonen WebP.
Blijf bij JPG als een CMS, een nieuwsbrief of een partner WebP nog weigert. Blijf bij PNG voor een logo dat exact zo moet blijven als het getekend is.
Gaat het om de snelheid van de pagina, dan telt een kleinere breedte even zwaar als het bestandstype. Een WebP van 4000 px is nog steeds veel bytes.
Wil je ook JSON opmaken of een token bekijken zonder het op een openbare site te plakken, gebruik dan ToolBuddy. Dat blijft ook in de webbrowser.
Zo doe je het
- Zet de afbeeldingen neer die je op een pagina wilt plaatsen.
- Laat de uitvoer op WebP staan en de kwaliteit rond 0,8, tenzij je banden in kleurverlopen ziet.
- Houd de maximale breedte rond 1600, of 2400 als de afbeelding op 1200 CSS-pixels op een Retina-scherm staat.
- Download de WebP-bestanden en vervang de originelen in je thema of CDN.
Tips
- Uitgelichte foto's: één grote WebP. Een PNG-schermafbeelding van de foto is onnodig zwaar.
- Productrasters: een vaste breedte helpt de cache en de indeling.
- Kan een klant het voorbeeld niet openen, converteer dan een kopie naar JPG. Laat de WebP op de site staan.