Jos Klever Web Support

Onderhoud en ondersteuning WordPress websites

Nieuwendaal 24
3985AD Werkhoven
+31 6 10 83 40 84
KvK: 62385968
BTW-id: NL001998334B31

  • Nieuws
  • Over Jos
  • Diensten
    • Onderhoud
    • Gehackte website opschonen
    • Verhuizingen
    • Website omzetten naar HTTPS
    • Domeinregistratie
  • Partners
  • Beoordelingen
  • Contact

Afbeeldingen optimaliseren op je website

8 april 2017 door Jos Klever

Regelmatig kom ik websites tegen, met afbeeldingen die veel groter op de server staan opgeslagen, dan dat ze op de website worden weergegeven. Dit heeft 2 grote gevolgen:

  • Vertraging bij het laden van de site
  • Meer schijfruimte op de server nodig om de website op te slaan en daarmee natuurlijk ook grotere backups

Natuurlijk is het het beste om afbeeldingen al te optimaliseren met bijvoorbeeld Adobe Photoshop voordat je ze op de site zet, maar zelfs dan blijken ze nog wel eens an de grote kant te zijn. Het komt echter vaker voor dat je geen Photoshop tot je beschikking hebt of er blijken al heel veel te grote afbeeldingen op de site te staan en je wil ze niet allemaal handmatig gaan optimaliseren en vervangen. Daarom zijn er een paar handige plugins, die het je een stuk makkelijker kunnen maken.

Hopelijk is het niet nodig om te zeggen, maar zorg uiteraard dat je een goede backup hebt, voordat je aan de slag gaat!

Imsanity

Afbeeldingen die in te grote afmetingen zijn geüpload naar de site, bijvoorbeeld rechtstreeks vanaf een camera zonder eerst te verkleinen zijn misschien wel 10 megapixels (of nog veel groter), wat neer komt op een afmeting van 3648 x 2736 pixels. De meeste afbeeldingen in pagina’s of berichten worden echter niet groter getoond dan bijvoorbeeld 1024 pixels breed. Dat zou al ruim een factor 10 schelen qua bestandsgrootte.

Om alle bestaande afbeeldingen in een bulkverwerking te verkleinen, kun je deze plugin gebruiken. Zorg na de installatie dat je de maximale afmetingen instelt via Instellingen – Imsanity:

Wanneer je afbeeldingen die eigenlijk in de 3e categorie vallen eerst uploadt in de media bibliotheek, dan zou je die instellingen (bij de 2e categorie) ook op 1920 x 1920 kunnen laten staan.

Sla de wijzigingen op en klik onderaan de pagina op “Zoek afbeeldingen…”. Controleer of er geen afbeeldingen bij staan, die niet verkleind mogen worden en klik vervolgens op “Resize Selected Images”. Dit proces kan afhankelijk van het aantal te verwerken afbeeldingen en de snelheid van de server best een tijd duren, maar je kunt de voortgang volgen.

Wanneer je na afloop deze plugin actief laat, dan worden voortaan ook alle nieuwe afbeeldingen automatisch geoptimaliseerd.

Imsanity

EWWW Image Optimizer

Afgezien van de afmetingen kun je afbeeldingen ook comprimeren door overbodige informatie uit het bestand te verwijderen en zo nodig de kwaliteit iets te verlagen, zonder dat dit direct zichtbaar is voor het menselijk oog. Daar komt EWWW Image Optimizer om de hoek kijken.

Bij deze plugin kun je nog best wel wat instellingen naar wens aanpassen, maar de standaard instellingen voldoen over het algemeen wel, dus we gaan meteen naar Media – Bulk Optimaliseer. Klik vervolgens op “Scan voor niet geoptimaliseerde afbeeldingen”, waarna het aantal afbeeldingen getoond wordt dat is gevonden. Klik op Start optimalisatie en alles gaat verder vanzelf.

Ook deze plugin kun je geactiveerd laten om nieuwe afbeeldingen bij het uploaden automatisch te optimaliseren.

EWWW Image Optimizer

PNG to JPG

Afbeeldingen heb je in verschillende soorten. Naast foto’s heb je ook nog zogenaamde vectorafbeeldingen zoals logo’s en iconen of afbeeldingen met transparantie. Voor foto’s is JPG het beste bestandsformaat, terwijl de andere types vaak baat kunnen hebben bij een PNG afbeelding. Helaas zie ik ook vaak foto’s als PNG afbeeldingen op sites staan. Deze zijn daardoor echter een stuk  groter. We moeten ze dus omzetten naar JPG. Ook dat kan geautomatiseerd, al heeft het mijn voorkeur om het deels handmatig te doen, maar wel via de site. Met de plugin PNG to JPG is dit makkelijk.

Ga na de installatie naar Extra – PNG to JPG, en verwijder het vinkje bij het bewaren van de originele PNG bestanden op de server, omdat je anders geen ruimte vrij maakt:

Kies “Convert existing PNGs”. Wacht totdat de hele site is gescand op aanwezige PNG afbeeldingen. Je kan een afbeelding aanklikken voor een vergroting, waar je ook snel kan zien of er transparantie in de afbeelding zit. Betreft het gewoon een foto zonder transparantie, dan kun je deze omzetten naar JPG door de foto aan te vinken en zodra je klaar bent met selecteren te kiezen voor “Convert selected to JPG”.

Er vanuit gaande dat je voortaan het juiste bestandsformaat kiest voor afbeeldingen, kun je deze plugin weer verwijderen, zodra je klaar bent met het omzetten.

PNG to JPG

Categorie: Voorpagina, WordPress

Social media

  • E-mailadres
  • Facebook
  • Twitter

Categorieën

  • Algemeen (1)
  • Beveiliging (1)
  • Social media (1)
  • Storingen en werkzaamheden (2)
  • Voorpagina (3)
  • WordPress (7)

Laatste berichten op Facebook

Zo aan het eind van het jaar, kijk je eens terug en hoewel het natuurlijk een raar jaar was, heb ik daar gelukkig persoonlijk niet veel last van gehad. De mensen om mij heen en ikzelf zijn gezond en qua werk had ik ook niets te klagen. Sterker nog, het was nog drukker dan voorgaande jaren! 🙂Bestaande samenwerkingen zijn verder uitgebreid en verschillende nieuwe contacten zijn gelegd. Zelfs vandaag nog één!In de groep Durftevragen over WordPress gaat ook veel tijd zitten en die is in 2020 ook met ca. 20% gegroeid. Veel mensen hebben we daar uit de brand kunnen helpen.In 2021 willen we de samenwerking met verschillende collega's verder vorm gaan geven, zodat we elkaar nog makkelijker opdrachten toe kunnen schuiven. Er is namelijk zoveel werk te doen, dat er van concurrentie eigenlijk weinig tot geen sprake is.Ook wil ik proberen om meerdere beginnende website professionals te gaan helpen/coachen om zo verder ook het netwerk weer uit te breiden. Wil je ook anderen helpen of ben je op zoek naar ondersteuning van je netwerk, laat het dan even weten, zodat we kunnen kijken wat we voor elkaar (en anderen) kunnen betekenen!Hierbij wens ik iedereen een fijne jaarwisseling en een goed en gezond 2021! 🍾🥂🎉 ... Lees meerLees minder

3 weken geleden  ·  

Bekijk op Facebook
· Delen

Share on Facebook Share on Twitter Share on Linked In Share by Email

Sinds de recente 4.0.x update van All in One SEO (AIOSEO) zijn er veel problemen, waar je over kunt lezen op het support forum: wordpress.org/support/plugin/all-in-one-seo-pack/Zelf liep ik tegen het probleem aan dat de plugin zichzelf automatisch ging updaten, terwijl ik dat heel bewust overal uit heb staan, want wanneer een update mis gaat, dan wil je het ook direct op kunnen lossen. Bij navraag bleek dat dit dan maar weer handmatig uitgezet moest worden, want dat konden (lees: wilden) ze niet doen via een nieuwe update. Dat dus gedaan, totdat afgelopen weekend opnieuw een paar sites automatisch gingen updaten, terwijl dat nog steeds uit stond. Men heeft daar nog geen verklaring voor kunnen geven, omdat ze natuurlijk allemaal vrij zijn met de kerstdagen (leermoment voor ze: ga geen grote release plannen vlak voor feestdagen/vakantie, waardoor je geen support beschikbaar hebt).Aangezien ik de sites die AIOSEO gebruiken natuurlijk niet inhoudelijk ken en geen zicht heb op vindbaarheid etc. (via bv. Google Search Console), kan ik ook niet beoordelen of er verder nog nadelige gevolgen zijn voor deze sites. Op het forum worden er echter wel veel van dergelijke problemen genoemd, dus kijk daar dan zelf eens of je dingen herkent.De plugin is afgelopen jaar opgekocht door een partij, die al meer plugins heeft opgekocht (zoals Google Analytics Dashboard for WordPress (GADWP) en Google Analytics by MonsterInsights), die nu uitgekleed zijn van functionaliteit en één en al reclame zijn voor het aanschaffen van de premium versies. Op het forum van AIOSEO zie je nu dus ook al een hoop mensen boos reageren en ze geven aan over te stappen op een alternatief (waarbij mijn advies Yoast SEO zou zijn).Kijk dus even of het nu al impact heeft op je site en of een overstap verstandig zou kunnen zijn. Yoast SEO kan de data als het goed is gewoon importeren, zie yoast.com/all-in-one-seo-pack-migration/Heb je vragen, laat ’t me dan even weten… 😊 ... Lees meerLees minder

WordPress.org Forums

wordpress.org

4 weken geleden  ·  

Bekijk op Facebook
· Delen

Share on Facebook Share on Twitter Share on Linked In Share by Email

🏆 Elke dinsdagavond is er een live sessie van Wordfence Security op www.youtube.com/channel/UChUNbUrIUgvLpzXJrGHhOPA waar niet alleen interessante beveiligingstips worden gegeven, maar je maakt ook nog eens kans op leuke prijzen. De afgelopen maand was ik 3x één van de 5 gelukkigen, dus heb ik inmiddels deze prijzen mogen ontvangen. 😀 ... Lees meerLees minder

3 maanden geleden  ·  

Photo

Bekijk op Facebook
· Delen

Share on Facebook Share on Twitter Share on Linked In Share by Email

Tweets door @JKWebSupport

Beoordelingen

5 star review  Vakkundig en geduldig, heel mij dat Jos mij verder kon helpen met mijn WordPress-site. Wat mij betreft zeker een aanrader�

Lonny de Schrijver-Verbrugge Avatar Lonny de Schrijver-Verbrugge
4 December 2017

Copyright © 2015–2021 · Jos Klever Web Support