Versnel uw WordPress - Afbeeldingen opslaan Geoptimaliseerd voor internet

Sla je afbeeldingen verkeerd op? De meeste beginners weten niet hoe ze afbeeldingen op de juiste manier moeten opslaan, wat een enorme impact kan hebben op de snelheid van websites. In dit artikel laten we u zien hoe u afbeeldingen die zijn geoptimaliseerd voor internet, op de juiste manier kunt opslaan.

Elke blogsexpert zal je vertellen dat afbeeldingen de betrokkenheid vergroten. Wat ze u echter niet vertellen, is dat het niet optimaliseren van afbeeldingen voor internet uw site kan vertragen. Volgens Strangeloop kan een vertraging van één seconde u 7% van de omzet, 11% minder pageviews en 16% minder klanttevredenheid kosten.

Video-instructies

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Hoe afbeeldingen correct te bewaren?

Wanneer u afbeeldingen opslaat, moet u twee dingen overwegen: afbeelding bestandsformaat, en samendrukking. Door de juiste combinatie te kiezen, kunt u de afbeeldingsgrootte met 5x verkleinen.

Voor de meesten van ons zijn de enige twee afbeeldingsindelingen die er toe doen JPEG en PNG. Gebruik JPEG's voor foto's of afbeeldingen met veel kleuren om de dingen eenvoudig te houden en gebruik PNG's voor eenvoudigere afbeeldingen of transparante afbeeldingen.

Voor degenen die het verschil niet kennen, is het PNG-afbeeldingsformaat niet gecomprimeerd, wat betekent dat het een afbeelding van hogere kwaliteit is. Het nadeel is dat de bestandsgrootte veel groter is. Aan de andere kant is JPEG een gecomprimeerd bestandsformaat dat de beeldkwaliteit enigszins verlaagt om een ​​aanzienlijk kleinere bestandsgrootte te bieden.

Op WPBeginner zijn de meeste van onze afbeeldingen JPEG's.

Het volgende is compressie, wat betekent dat een tool wordt gebruikt om afbeeldingen te bewaren die zijn geoptimaliseerd voor internet. Compressie kan een groot verschil maken.

Zie de onderstaande tabel die de paar combinaties belicht die we kunnen gebruiken om de Strangeloop-afbeelding op te slaan die in dit artikel wordt gebruikt.

Beeldcompressietools voor bloggers

Nu u het verschil hebt gezien dat elk compressietype maakt, ziet u hieronder hoe u afbeeldingen die zijn geoptimaliseerd voor internet, kunt opslaan en uw site kunt versnellen.

Adobe Photoshop

Adobe Photoshop is een premiumsoftware die wordt geleverd met een functie om afbeeldingen te optimaliseren die zijn geoptimaliseerd voor internet. Open eenvoudig uw afbeelding en klik op de knop Bestand> Opslaan voor web en apparaten.

Dit opent een opslagscherm. Aan de rechterkant kunt u verschillende afbeeldingsindelingen instellen. Voor JPEG-indeling ziet u verschillende kwaliteitsopties. Wanneer u uw opties selecteert, wordt ook de bestandsgrootte rechtsonder weergegeven.

Opmerking: we begrijpen dat Photoshop vrij duur is. GIMP is een gratis alternatief dat gebruikers kunnen gebruiken. Andere Adobe-producten zoals Fireworks kunnen ook de klus klaren.

TinyPNG

TinyPNG is een gratis web-app die de slimme lossy-compressietechniek gebruikt om de grootte van uw PNG-bestanden te verkleinen. Het enige wat u hoeft te doen is naar hun website gaan en uw afbeeldingen uploaden. Ze zullen de afbeelding comprimeren en u de downloadkoppeling geven.

Voor ontwikkelaars hebben ze ook een API om afbeeldingen automatisch te converteren.

JPEG Mini

JPEGmini maakt gebruik van een recompressietechnologie die de grootte van afbeeldingen aanzienlijk verkleint zonder de perceptuele kwaliteit ervan te beïnvloeden. U kunt hun webversie gratis gebruiken of het programma kopen voor uw computer. Ze hebben ook een betaalde API om het proces voor uw server te automatiseren.

ImageOptim

ImageOptim is een Mac-hulpprogramma waarmee u afbeeldingen kunt comprimeren zonder kwaliteitsverlies door de beste compressieparameters te vinden en onnodige kleurprofielen te verwijderen.

Windows-alternatief hiervoor is Trimage.

Zoals u kunt zien, zijn er verschillende hulpmiddelen die u kunt gebruiken om afbeeldingen voor internet te optimaliseren. Bij het gebruik van Photoshop-compressie hebben we de beste resultaten in grootte gezien, maar de kwaliteit is aangetast. TinyPNG was een duidelijke winnaar voor het opslaan van elk type PNG op internet.

Sommigen suggereren dat je een combinatie van TinyPNG of JPEG Mini en Image Optim kunt gebruiken voor nog betere resultaten. Als u echter twee afzonderlijke hulpprogramma's gebruikt om afbeeldingen te uploaden, kan uw werkbelasting enigszins toenemen.

Laatste gedachten over beeldoptimalisatie

Als u geen afbeeldingen opslaat die zijn geoptimaliseerd voor internet, begint u dit nu. Het kan een groot verschil maken voor de snelheid van uw site en uw gebruikers zullen u er dankbaar voor zijn. Natuurlijk kan de beeldkwaliteit enigszins afnemen, maar de meeste gebruikers merken het niet.

Als u op zoek bent naar kwaliteitsafbeeldingen, raadpleegt u onze handleiding voor het vinden van royaltyvrije afbeeldingen voor uw blogposts.

Als laatste maar zeker niet de minste, kan het gebruik van een CDN om afbeeldingen voor uw WordPress-site te leveren uw site aanzienlijk versnellen. Bekijk deze infographic om te zien wat een CDN is en gebruik onze gids over het instellen van CDN voor uw site. We gebruiken MaxCDN voor onze site.

We hopen dat je dit artikel nuttig hebt gevonden.

Heb je bloggervrienden die afbeeldingen verkeerd bewaren? Deel dit artikel met hen, zodat ze hun site kunnen versnellen. Ze zullen je er dankbaar voor zijn.

Als u vragen heeft, laat dan hieronder een reactie achter. Vergeet ook niet om ons te volgen op Twitter en Google+