Afbeeldingen optimaliseren voor je website (bestandsgrootte verkleinen)

Deze tutorial laat je stap voor stap zien hoe je afbeeldingen kunt optimaliseren voor je website of blog zonder veel kwaliteit te verliezen.

Met optimaliseren van afbeeldingen bedoel ik het verkleinen van de bestandsgrootte van afbeeldingen (bijv. van 160kb naar 40kb).

Deze tutorial werkt op Windows, macOS en Linux computers.

Afbeeldingen optimaliseren voor het web zonder veel kwaliteit te verliezen

1. Afbeeldingen verkleinen

Eerst moet je de afbeeldingen verkleinen tot de maximale breedte van het inhoudsgebied van je website of kleiner.

Bijvoorbeeld, als de breedte van het inhoudsgebied van je website 600px is, dan moet je de afbeeldingen die groter zijn dan 600px een breedte geven van 600px of kleiner.

Er zijn veel manieren om het grootte van afbeeldingen te wijzigen. Je kunt Adobe Photoshop, GIMP, PhotoFiltre of een andere foto-editor gebruiken.

2. Online tools voor het optimaliseren van afbeeldingen

Online tools voor het optimaliseren van afbeeldingen gebruiken slimme lossy-compressietechnieken om de bestandsgrootte van afbeeldingen te verkleinen.

Drie voorbeelden van gratis online services voor het optimaliseren van afbeeldingen zijn:

In dit voorbeeld gebruiken we TinyPNG omdat dit de online tool is die ik altijd gebruik.

1. Ga naar tinypng.com.

TinyPNG is een gratis online service die slimme lossy-compressietechnieken gebruikt om de bestandsgrootte van uw PNG- en JPG-afbeeldingen (JPEG) te verkleinen.

Opmerking: met de gratis versie van TinyPNG kun je maximaal 20 afbeeldingen uploaden met een totale maximale bestandsgrootte van 5MB in één keer, dus als je meer dan 20 afbeeldingen hebt, dan moet je dit proces een paar keer herhalen.

2. Klik op het Drop your .png or .jpg files here! gebied.

Afbeeldingen uploaden naar TinyPNG

3. Ga naar de locatie op je computer waar de JPG- of PNG-afbeeldingen zijn opgeslagen die je wilt optimaliseren.

4. Selecteer de afbeeldingen en klik op Openen.

TinyPNG zal nu je afbeeldingen optimaliseren.

5. Wanneer TinyPNG klaar is, klik je onder de geoptimaliseerde afbeeldingen op de Download all knop.

6. Je afbeeldingen worden nu gedownload in de vorm van een zipbestand.

Afhankelijk van de instellingen van je webbrowser, moet je mogelijk een locatie op je computer selecteren waar je het ZIP-bestand wilt opslaan en vervolgens moet je op Opslaan klikken voordat het downloaden begint.

7. Pak het zipbestand uit om de afbeeldingen eruit te halen.

De afbeeldingen zijn nu al geoptimaliseerd.

Maar:

Je kunt ze nog verder optimaliseren met behulp van speciale programma's.

3. Programma's voor het optimaliseren van afbeeldingen

Met de volgende programma's kun je je afbeeldingen nog verder optimaliseren:

FileOptimizer

Je kunt FileOptimizer hier downloaden.

Tip: maak een kopie van de originele afbeeldingen voordat je ze comprimeert. Dit helpt als er fouten of kwaliteitsverlies optreden.

1. Open FileOptimizer.

2. Klik in de linkerbovenhoek op File en kies Add files.

3. Ga naar de locatie op je computer waar de afbeeldingen zijn opgeslagen die je wilt optimaliseren.

4. Selecteer de afbeeldingen en klik vervolgens op Openen.

FileOptimizer zal nu je afbeeldingen laden.

5. Klik links bovenaan op Optimize en kies Optimize all files.

FileOptimizer zal nu je afbeeldingen optimaliseren.

FileOptimizer zal de bestanden vervangen door hun geoptimaliseerde versies.

ImageOptim

Je kunt ImageOptim hier downloaden.

Tip: maak een kopie van de originele afbeeldingen voordat je ze comprimeert. Dit helpt als er fouten of kwaliteitsverlies optreden.

1. Open ImageOptim.

2. Klik in de linkerbenedenhoek op de [+] knop.

3. Ga naar de locatie op je computer waar de afbeeldingen zijn opgeslagen die je wilt optimaliseren.

4. Selecteer de afbeeldingen en klik vervolgens op Openen.

ImageOptim zal nu je afbeeldingen laden en ze automatisch optimaliseren.

ImageOptim zal de bestanden vervangen door hun geoptimaliseerde versies.

Trimage

Je kunt Trimage vinden in de Ubuntu en Linux Mint software centers of je kunt Trimage installeren via de Terminal met behulp van de volgende opdrachtregel:

sudo apt-get install trimage

Je kunt meer installatie instructies voor Trimage hier vinden.

Tip: maak een kopie van de originele afbeeldingen voordat je ze comprimeert. Dit helpt als er fouten of kwaliteitsverlies optreden.

1. Open Trimage.

2. Klik links bovenaan op de Add and compress knop.

3. Ga naar de locatie op je computer waar de afbeeldingen zijn opgeslagen die je wilt optimaliseren.

4. Selecteer de afbeeldingen en klik vervolgens op Openen.

Trimage zal nu je afbeeldingen laden en ze automatisch optimaliseren.

Trimage zal de bestanden vervangen door hun geoptimaliseerde versies.


Misschien ben je ook geïnteresseerd in:

Meerdere afbeeldingen tegelijk verkleinen in Windows 10

Deel van een foto wazig (vaag) maken