We krijgen regelmatig de vraag “Hoe verklein ik afbeeldingen in WordPress?”. Het werd tijd om hier eens een blog over te schrijven, zodat je zelf in een paar stappen je afbeeldingen kunt verkleinen met TinyPNG.
Waarom moet ik afbeeldingen verkleinen in WordPress?
WordPress maakt zelf van iedere afbeelding al kleinere versies. Standaard is dat thumbnail, medium en large, maar plugins en je thema kunnen ook andere formaten toevoegen. Bijvoorbeeld als productafbeelding in WooCommerce of een speciale afbeelding voor je blogoverzichten. Het extra verkleinen van afbeeldingen lijkt dus in eerste instantie niet echt noodzakelijk. Toch kan het altijd beter!
We geven je graag 3 goede redenen waarom je afbeeldingen nog extra moet verkleinen:
- Je schijfruimte op je hosting raakt snel vol, zeker als je veel afbeeldingen gebruikt op je website. Van iedere afbeelding bewaart WordPress immers meerdere versies.
- Kleinere afbeeldingen laden sneller, hierdoor hoeven je bezoekers minder lang te wachten tot ze de afbeelding kunnen zien.
- Google vindt kleinere afbeeldingen fijn, dus het is ook beter voor je SEO.
Wat is de meest ideale bestandsgrootte voor afbeeldingen?
Daar kunnen we niet echt goed antwoord op geven. Het hangt namelijk helemaal af van het type afbeelding (bijv. jpg, png, gif, svg). Ook is het afhankelijk van wat je wilt uitstralen. Is beeldmateriaal erg belangrijk om een bepaalde sfeer neer te zetten, dan zijn je afbeeldingen vast ook wat groter.
Wij adviseren om bestanden eerst te verkleinen tot een maximaal formaat van 900 pixels hoog. De bestanden zijn dan voor alle schermformaten nog goed zichtbaar en je kan nog voldoende “inzoomen”. Het verkleinen kan je doen in Photoshop, online via bijvoorbeeld PicResize of gewoon simpel in Paint dat op iedere Windows computer is geïnstalleerd. Je hoeft er dus geen speciale programma’s voor aan te schaffen.
Extra kleine afbeeldingen met TinyPNG en TinyJPG
Als het aantal pixels minder wordt, worden je bestanden ook al minder groot in kilobytes. Dat is natuurlijk al een flinke verbetering. Met TinyPNG en TinyJPG (het is eigenlijk dezelfde service) kan je ze nog kleiner maken. Compressie heet dat. TinyPNG verkleint het aantal bytes (bestandsgrootte) door slim informatie uit de afbeelding te verwijderen die niet noodzakelijk is. En dat doen ze zonder (zichtbaar) kwaliteitsverlies in de afbeelding. Een kleinere afbeelding zonder dat je het ziet.
TinyPNG werkt perfect met transparante PNG-afbeeldingen, maar werkt ook voor JPG afbeeldingen. Het resultaat: afbeeldingen worden sneller geladen en dat is beter voor je vindbaarheid in zoekmachines. Sommige afbeeldingen worden zelfs meer dan 70% kleiner!
Op de website van TinyPNG kan je zelf afbeeldingen toevoegen die ze vervolgens verkleinen in een paar seconden. Daarna kan je ze allemaal downloaden en gebruiken in je website.
Automatisch afbeeldingen verkleinen met de TinyPNG plugin
Eén voor één handmatig alle afbeeldingen verkleinen is natuurlijk een tijdrovende klus en je verkleint er alleen de originele afbeeldingen mee. De kleinere varianten die WordPress zelf aanmaakt worden er niet mee verkleint. Speciaal hiervoor is er de WordPress plugin van TinyPNG.
Met deze plugin en de developer API code van TinyPNG kan je iedere maand 500 afbeeldingen gratis verkleinen. Niet genoeg? Schaf dan een licentie aan via hun website.
TinyPNG installeren voor WordPress
Om de plugin te installeren ga je naar Plugins en klik je op de knop “Nieuwe plugin”. Zoek vervolgens op TinyPNG of op “Compress JPEG & PNG images”. Klik vervolgens op “Nu installeren”. Activeer de plugin vanaf de plugin pagina.
TinyPNG developer API key aanvragen
Voordat je afbeeldingen kan gaan comprimeren moet je even een API key aanvragen op https://tinypng.com/developers. Je ontvangt dan in je e-mail een code. Deze vul je in bij de plugin-instellingen onder Instellingen –> Media. Zie ook de screenshot hieronder. Als je klikt op “Wijzigingen opslaan” zal je API key worden geactiveerd en worden automatisch alle nieuwe afbeeldingen kleiner gemaakt.
Verklein ook oude afbeeldingen met de plugin
Standaard worden alleen nieuwe afbeeldingen tijdens het uploaden verkleint. Wil je ook bestaande (oude) afbeeldingen comprimeren? Ga dan Media –> Compress All Images”. Hier staat een grote blauwe knop. Als je hier op klikt worden, tot het maximale van 500 compressies per maand, alle afbeeldingen verkleint.
Het resultaat: Een snellere website
Kleinere afbeeldingen laden sneller, je website wordt sneller en je klanten hoeven minder lang te wachten. Dit leidt tot minder irritaties, dus meer tevreden bezoekers die ook eerder contact met je opnemen of iets bij je kopen. Het verkleinen van afbeeldingen heeft echt zin.
Moeite met het installeren van TinyPNG, het aanmaken van de API key of wil je meer uitleg over het verkleinen van afbeeldingen? We helpen je graag.
Geef een reactie