Er worden vaak nog vergissingen gemaakt bij het plaatsen van afbeeldingen op een website. Wanneer je afbeeldingen niet op de juiste manier upload naar je website, kan dat de website onnodig langzaam maken of er voor zorgen dat foto’s niet goed geïndexeerd worden door Google. In deze blog lees je drie basis regels om het op de juiste manier te doen. Om er voor te zorgen dat je het goed onthoudt, hebben we de vergelijking getrokken met hoe een barista koffie maakt.
1. Het begint met de koffiebonen – Kies het juiste bestandsformaat
Voor een goede kop koffie is het belangrijk dat je de juiste koffiebonen kiest. Koffiebonen uit verschillende regio’s van de wereld hebben verschillende smaken.
Je kunt afbeeldingen in verschillende formaten opslaan. De belangrijkste zijn PNG en JPG en het moderne formaat WEBP. Over het algemeen kun je het beste deze regel aanhouden: voor afbeeldingen met weinig kleuren en details kun je het beste PNG gebruiken, denk hierbij aan bijvoorbeeld logo’s of eenvoudige illustraties. Voor afbeeldingen met veel kleuren en details kun je het beste JPG gebruiken. Foto’s (veel details en kleuren) sla je dus het beste altijd op als een JPG-bestand. WEBP is een moderner formaat waarbij bestanden nog kleiner kunnen worden opgeslagen met dezelfde kwaliteit. Als je afbeeldingen upload naar jouw Webpresso® website, worden deze automatisch geconverteerd naar WEBP, zodat ze altijd in het beste formaat worden getoond.
2. Small, medium of large – Kies de juiste afmetingen
Wil je een kleine beker koffie of liever een grote mok om mee te nemen?
Fotocamera’s worden steeds beter en leveren steeds grotere bestanden aan. Het is echter in de meeste gevallen onnodig om een foto van bijvoorbeeld 10 megapixel te uploaden naar je website, simpelweg omdat de meeste mensen niet zo’n groot scherm hebben dat ze de foto in dat formaat zullen zien. Als je grote afbeeldingen in je website zet, kunnen de pagina’s langzamer worden. Foto’s die je upload naar jouw Webpresso® website worden automatisch verkleind, maar om het uploaden sneller te maken is het een goede gewoonte om de afbeeldingen al op je computer te verkleinen. Wij adviseren om een maximale grootte van 2500 pixels breedte en/of hoogte voor afbeeldingen voor je website aan te houden. Dat is in vrijwel alle gevallen groot genoeg om afbeeldingen goed te laten zien op verschillende devices en schermgroottes. Je kunt afbeeldingen eenvoudig verkleinen met gratis programma’s. Voor windows heb je bijvoorbeeld Image Resizer en Photo Resizer. Daarmee kun je eenvoudig meerdere foto’s tegelijkertijd verkleinen voordat je ze upload naar je website. Voor Mac is er een handige betaalde app Batch Image Resizer, maar kun je ook met de gratis Mac app Voorvertoning (Preview) afbeeldingen verkleinen.
3. Schrijf de naam op de beker – Geef het bestand een goede naam
Bij veel koffiezaken schrijven ze je naam op de beker, zodat duidelijk is voor wie de koffie is.
Bij afbeeldingen is het ook belangrijk dat het bestand een goede naam heeft. Als jouw afbeelding bijvoorbeeld IMG75692.jpg heet, zegt dat niets over wat voor afbeelding het is. Het is voor Google dan minder duidelijk wat er op de afbeelding staat en ook als je zelf later die afbeelding wilt terug vinden, is dat veel lastiger. Het is daarom beter om je afbeelding een duidelijke naam te geven voordat je deze upload naar je website. Als het bestand bijvoorbeeld koffiezaak-utrecht.jpg of cappuccino-in-een-beker.jpg heet, is het voor iedereen veel duidelijker om wat voor soort afbeeldingen het gaat. Dan kan Google de afbeelding gemakkelijker indexeren en kun jij de afbeelding later eenvoudiger terug vinden.
Nog even kort samengevat zodat je het goed kunt onthouden:
