In dit artikel legde ik al uit dat een snelle website veel voordelen heeft en dat de bestandsgrootte van een afbeelding grote invloed heeft op deze snelheid. Vandaag leg ik je aan de hand van een voorbeeld uit hoe je het beste het formaat van een afbeelding kan verkleinen zonder veel kwaliteit te verliezen. Ik werk zelf met het programma adobe XD.

1. Bedenk in welke resolutie je de afbeelding wilt maken.
Dit is afhankelijk van het ontwerp dat je gebruikt op je website en zal voor mobiel anders zijn dan voor desktop, houd hier dan ook rekening mee. Tip: maak gebruik van de standaard verhoudingen in afbeeldingen en foto’s, dit lijkt professioneler. 

2. Wijzig de resolutie.
Verander de originele resolutie van de foto of afbeelding in de gewenste resolutie.

3. Exporteer het bestand en comprimeer het.

Ik raad aan bestanden als jpg te exporteren en te comprimeren tot 80%, dit zorgt ervoor dat het bestand nog meer word verkleind zonder merkbaar kwaliteit te verliezen. 

4. Importeer de foto’s
Voeg de foto’s toe op je website, voeg eventueel een alt-tekst toe en dubbel check voor je aanpassingen live zet.