{"id":70038,"date":"2025-04-16T07:00:00","date_gmt":"2025-04-16T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70038"},"modified":"2025-05-26T08:52:42","modified_gmt":"2025-05-26T15:52:42","slug":"hoe-afbeeldingen-voor-het-web-te-optimaliseren-met-squooshapp-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-afbeeldingen-voor-het-web-te-optimaliseren-met-squooshapp-nl\/","title":{"rendered":"Hoe Afbeeldingen voor het Web te Optimaliseren met Squoosh.app"},"content":{"rendered":"\n

Je weet waarschijnlijk al over beeldoptimalisatie.<\/p>\n\n\n

Het is bedoeld om foto’s op je site te comprimeren, zodat pagina’s niet met een gletsjersnelheid laden.<\/p>\n\n\n

Tot nu toe heb je het hele idee min of meer genegeerd. Eerlijk gezegd \u2014 het maakt niet veel uit totdat je site volledig gevormd is.<\/p>\n\n\n

Maar nu is het moment gekomen om iets te doen. Je aartsvijand… euh, we bedoelen… je dichtstbijzijnde concurrent verslaat je site volledig in de prestatieoorlogen. Het is tijd om terug te vechten.<\/p>\n\n\n

Squoosh is een van de beste tools die je tot je beschikking hebt. Het is gratis, open source en eenvoudig in gebruik.<\/p>\n\n\n\n\n

\n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

Open Source<\/h3>\n

In softwareontwikkeling zijn open source projecten gratis voor iedereen om te downloaden, gebruiken, wijzigen en te verspreiden. WordPress is een geweldig voorbeeld van open source software, hoewel het verre van de enige is.<\/p>\n \n Lees Meer <\/a>\n\n<\/div>\n\n\n

In deze handleiding gaan we kijken hoe je Squoosh gebruikt om afbeeldingen te comprimeren en je laadtijden te verminderen. Laten we beginnen!<\/p>\n\n\n

Hoe Afbeeldingen Te Optimaliseren Met Squoosh in 30 Seconden<\/h2>\n\n\n

Laten we meteen ter zake komen.<\/p>\n\n\n

Je kunt heel snel beginnen met het optimaliseren van afbeeldingen voor je site.<\/p>\n\n\n

Ga naar https:\/\/squoosh.app<\/a>.<\/p>\n\n\n

Klik op de grote roze vlek bovenaan de pagina en selecteer de afbeelding die je wilt comprimeren.<\/p>\n\n\n

\"Interface<\/figure>\n\n\n

Je komt dan in een voorbeeldscherm terecht, met een instellingenpaneel rechtsonder.

Hier kun je ervoor kiezen om je afbeelding te verkleinen<\/a>, het kleurenpalet te verminderen, de kwaliteit te veranderen en je voorkeursuitvoerbestandstype te selecteren.<\/p>\n\n\n

Hieronder zie je een teller die aangeeft hoeveel kleiner je nieuwe bestand zal zijn.<\/p>\n\n\n

\"Interface<\/figure>\n\n\n

Wanneer je verschillende opties selecteert, kun je de schuifregelaar in het midden van je scherm verplaatsen om het effect op de beeldkwaliteit te zien. Links zie je een ingezoomde weergave van je originele afbeelding; rechts is een voorvertoning van je gecomprimeerde versie.<\/p>\n\n\n

Ziet het er goed uit? Download je gecomprimeerde afbeelding door op de blauwe blob rechtsonder te tikken. Deze is klaar om aan je website toe te voegen.<\/p>\n\n\n

Boem, klaar.<\/p>\n\n\n

\"Interface<\/figure>\n\n\n

Professionele Tip:<\/strong> Wil je de boel versnellen voor de volgende afbeelding? Tik op het kleine “tandwieltje” icoon in het bedieningspaneel. Dit zal je huidige instellingen opslaan als een voorinstelling, die je later kunt laden door op het andere tandwielicoon te tikken.<\/p>\n\n\n

Squoosh Beter Leren Kennen<\/h2>\n\n\n

Dat is de korte versie, maar er is nog veel meer over Squoosh<\/a>.<\/p>\n\n\n

Dit open-source beeldcompressiehulpmiddel is daadwerkelijk ontwikkeld door de mensen bij Google. Het is beschikbaar als een webapp en als een browser-add-on voor Chrome.<\/p>\n\n\n

Als je technisch bent ingesteld, kun je ook Squoosh van GitHub downloaden<\/a> en het offline uitvoeren via de opdrachtregel.<\/p>\n\n\n

Squoosh ondersteunt PNG, JPG, TIFF, GIF, en vele andere formaten. Elke versie is gratis te gebruiken, en de app verzorgt compressie lokaal. Dat is goed nieuws voor de privacy, want afbeeldingen verlaten nooit je apparaat.<\/p>\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>