Afbeeldingen optimaliseren voor websites met TinyPNG

Regelmatig krijg ik vragen over het hoe afbeeldingen optimaliseren voor websites. Logisch, want dit is gewoonweg zeer belangrijk. Zeker nu Google tegenwoordig ook de laadtijd van websites meeneemt voor de volgorde van zoekresultaten.

Uitgebreid blog

Ik schreef al eerder een uitgebreid blog Over afbeeldingen op websites. Daarin noem ik de website TinyPNG. Op deze website kun je je afbeeldingen optimaliseren voor website voordat je deze op je website plaatst.

Voordat je afbeeldingen gaat optimaliseren voor je website

Voordat ik een foto optimaliseer zorg ik er eerst voor dat deze de juiste afmetingen heeft. Het heeft vanzelfsprekend geen zin om een foto met grotere afmetingen toe te voegen dan deze op je website getoond gaat worden. Sterker, het zal je website vertragen. Voor het aanpassen van afmetingen gebruik ik zelf Irfanview.

Werk je net zoals ik met het Divi thema van Elegant Themes, dan is hun Ultimate guide to using images within Divi een erg handige webpagina.

Eenvoudig optimaliseren met TinyPNG

Om TinyPNG te gebruiken hoef je geen software op je computer te hebben. Je gaat gewoon naar de website. Je kunt in de gratis versie van TinyPNG 20 afbeeldingen tegelijk optimaliseren. Er is geen limiet wanneer je net zoals ik de betaalde versie gebruikt. Bij grote bestanden neemt de bestandsgrootte zonder kwaliteitsversies regelmatig tot ruim 80% af!

Resultaten van afbeeldingen optimaliseren voor websites met TinyPNG

Toch een optimalisatie plugin

Dat je toch een optimalisatie plugin zoals reSmush.it zult blijven gebruiken op je WordPress website is omdat van elke afbeelding op je website afgeleide afbeeldingen worden gemaakt. Afbeeldingen die gebruikt worden om je afbeelding met een juiste afmeting op je mobiele telefoon of tablet te gebruiken. Die afgeleide afbeeldingen worden door optimalisatie plugin geoptimaliseerd.

Wist je dat je die afgeleide afbeeldingen, ook wel thumbnails geheten, kunt uitsluiten van UpdraftPlus back-ups? Dit scheelt heel wat opslagruime.

Afbeeldingen optimaliseren voor websites met TinyPNG

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Verder lezen

Ontvang waardevolle Tips & tricks over webdesign

Regelmatig publiceert Margriet nuttige Tips & tricks en waardevolle blogs over webdesign.

Wil je deze niet missen? Schrijf je dan snel in.