Webafbeeldingen nemen het grootste deel van de downloadtijd op de meeste webpagina's in beslag. Maar als u uw webafbeeldingen optimaliseert, heeft u een snellere laadwebsite. Er zijn veel manieren om een webpagina te optimaliseren. De enige manier om uw snelheid te verbeteren, is door uw afbeeldingen zo klein mogelijk te maken.
Een goede vuistregel is om te proberen afzonderlijke afbeeldingen niet groter dan 12 KB te houden en de totale grootte van uw webpagina inclusief alle afbeeldingen, HTML, CSS en JavaScript mag niet groter zijn dan 100 KB, en optimaal niet meer dan 50 KB.
Om uw afbeeldingen zo klein mogelijk te maken, hebt u grafische software nodig om uw afbeeldingen te bewerken. U kunt een grafische editor downloaden of een online tool gebruiken, zoals Photoshop Express Editor.
Hier zijn enkele tips voor het evalueren van uw afbeeldingen en het verkleinen ervan:
Is de afbeelding in de juiste indeling?
Er zijn slechts drie afbeeldingsindelingen voor het web: GIF, JPG en PNG. En ze hebben elk een specifiek doel.
- GIF-Gebruik het GIF-formaat voor afbeeldingen in platte kleuren. Dit zijn afbeeldingen met slechts een paar kleuren.
- JPG-Gebruik het JPG-formaat voor fotografische afbeeldingen. Dit zijn afbeeldingen met miljoenen kleuren.
- PNG- Gebruik het PNG-formaat als u uw afbeeldingen niet op mobiele apparaten wilt weergeven. Ze zijn goed voor zowel platte kleuren als fotografische afbeeldingen. Bewaar uw afbeeldingen als PNG en JPG of GIF en gebruik vervolgens de versie die kleiner is.
Wat zijn de afbeeldingsdimensies?
Een eenvoudige manier om uw afbeeldingen kleiner te maken, is om dat te doen, ze kleiner te maken. De meeste camera's maken foto's die veel groter zijn dan de gemiddelde webpagina kan weergeven. Door de afmetingen te wijzigen in ergens rond de 500 x 500 pixels of kleiner, maakt u een kleinere afbeelding.
Is het beeld bijgesneden?
Het volgende dat u moet doen is zorgen dat de afbeelding zo strak mogelijk wordt bijgesneden. Hoe meer u de afbeelding bijsnijdt, hoe kleiner deze wordt. Bijsnijden helpt ook om het onderwerp van de afbeelding te definiëren door vreemde achtergronden te verwijderen.
Hoeveel kleuren gebruikt je GIF?
GIF's zijn afbeeldingen in platte kleuren en bevatten een index van de kleuren die in de afbeelding aanwezig zijn. Een GIF-index kan echter meer kleuren bevatten dan die daadwerkelijk worden weergegeven. Door de index te beperken tot alleen de kleuren in de afbeelding, kunt u de bestandsgrootte verkleinen.
Aan welke kwaliteitsinstelling is uw JPG ingesteld?
JPG's hebben een kwaliteitsinstelling van 100% tot 0%. Hoe kleiner die kwaliteitsinstelling is, hoe kleiner het bestand zal zijn. Maar pas op. De kwaliteit beïnvloedt de weergave van het beeld. Kies dus een kwaliteitsinstelling die niet al te lelijk is, terwijl je de bestandsgrootte toch laag houdt.
