Afbeeldingen

Afbeeldingen optimaliseren
WordPress en afbeeldingen
Responsive afbeeldingen met srcset en sizes

Afbeeldingen optimaliseren

Optimaliseren van afbeeldingen kan de laadtijd van je website sterk verbeterenZie mijn artikel over laadtijd en waarom dat zo belangrijk is. Voor het bepalen van de laadtijd van je website zijn er meerdere tools beschikbaar.. Er zijn meerdere goede tools om je afbeeldingen te optimaliseren.

JPEG en PNG

Lokaal optimaliseren van JPEG en PNG afbeeldingen met het programma ImageOptim.

website: imageoptim.com

SVG

SVG bestanden kun je optimaliseren met SVGOMG! van Jake Archibald.

website: SVGOMG! van Jake Archibald

Uitgebreide info over het optimaliseren van SVG bestanden kun je lezen op de website van SVG goeroe Sara Soueidan.

website: Useful SVGO[ptimization] Tools op sarasoueidan.com

WordPress en afbeeldingen

Er zijn ook WordPress plugins om je afbeeldingen te optimaliseren. Dit zijn dus afbeeldingen die in de Media bibliotheek van je WordPress website zitten. Ik heb goede ervaringen met de volgende plugin:

plugin: WP Smush op wordpress.org

Responsive afbeeldingen met srcset en sizes

Met de nieuwe attributen srcset en sizes kun je eenvoudig responsive afbeeldingen gebruiken op je website. Ik ben bezig hierover een aparte pagina te schrijven. Zodra deze gereed is, komt hier de link te staan. Artikelen die je alvast op weg helpen: Srcset and sizes van Eric Portis en The new srcset and sizes explained van Martin Wolf.