Hoe afbeeldingen voor uw site te comprimeren

Waarschijnlijk de eenvoudigste manier van het verhogen van paginasnelheid en het verminderen van bandbreedte is het verkleinen en optimaliseren van uw afbeeldingen.Het comprimeren van afbeeldingen helpen u dat te doen.Als het goed is gedaan, heeft het geen invloed op de kwaliteit van de afbeeldingen.Het wordt de norm, zo dankbaar, het is gemakkelijk te maken met gratis online services en plug-ins.

Afbeeldingen comprimeren

Hier zijn enkele tools die kunnen helpen bij het comprimeren van afbeeldingen:

• ResMush.it - een online tool die ook beschikbaar is als een WordPress-plug-in die afbeeldingen optimaliseert
• TinyPng - Gratis online tool voor het optimaliseren van afbeeldingen die beschikbaar zijn als een WordPress-plug-in en een Photoshop-plug-in.Het kan zelfs geanimeerde PNG-bestanden comprimeren (APNG)
• Compressor - Eenvoudig, gratis online tool (hieronder weergegeven ... Toont deze tool die ook voor de afbeelding wordt gebruikt! U kunt zien dat de grootte van deze afbeelding met 72% is verlaagd)
• ImageOptim - een andere online tool die uw afbeeldingen optimaliseert terwijl u u totale controle geeft.Het kan ook hoogste def-retinaafbeeldingen optimaliseren.Deze is echter niet gratis, omdat de prijzen beginnen bij $ 9 voor 1000 optimalisaties per maand.

Deze afbeelding is met meer dan 70% gecomprimeerd

Als u WordPress gebruikt, is het eenvoudig om uw afbeeldingen via plug-ins te optimaliseren.Naast de bovenstaande services die een plug-in aanbieden, zijn hier nog een paar:

• ShortPixel
• Ewww Image Optimizer

Wat is het WebP-afbeeldingsformaat?

Naast het comprimeren van afbeeldingen, wilt u misschien ook overwegen om het WEBP-beeldformaat te gebruiken, een nieuwer formaat dat door Google is ontwikkeld.Er is aangetoond dat het beeldformaat in sommige gevallen met meer dan 80% vermindert.Het wordt echter niet ondersteund door alle browsers, met name Safari- en Internet Explorer.Firefox is nog niet, maar ze hebben plannen aangekondigd om het native te ondersteunen.

Maar wanneer u WEBP gebruikt, wordt deze niet vervangen door uw bestaande JPEG- of PNG-bestanden.Dus als bezoekers een browser gebruiken die WEBP niet ondersteunt, worden ze de andere versie getoond.Ja, dit betekent dat u meer afbeeldingen op uw site hebt, maar als de meeste de WEBP-versie weergeven, kan deze nog steeds drastisch de grootte en het gewicht van uw site verminderen, waardoor het sneller wordt uitgevoerd.

En er is een WordPress-plug-in om dit te doen - Optimus Image Optimizer.

Zelfs voor niet-ondersteunde browsers kan Webp-ondersteuning worden toegevoegd via het gebruik van de WEBPJS-bibliotheek.