Foto’s verkleinen voor een snellere website? Zo doe je dat.
Informatie over je foto’s verkleinen voor je website, pixels, MB, KB en SEO proof benaming geven
Je googelt, klikt op een leuk resultaat en… de website laadt zo traag als zo traag als wat. Niks zo vervelend als dat! Grote kans dat dit komt door te grote en te zware afbeeldingen. Is jouw website traag? Check dan eens of je de foto’s kunt verkleinen! Ik leg je uit hoe je dit doet zonder kwaliteit te verliezen én geef je nog een extra tip voor een succesvolle website.
Waarom moet ik mijn foto’s verkleinen?
Afbeeldingen op je website doen het altijd goed. We kijken nu eenmaal graag naar plaatjes. Het is wél belangrijk dat de foto’s op je website snel laden, anders haken bezoekers (en voor jou misschien wel potentiële klanten!) snel af. Mensen beslissen namelijk binnen 7 seconden of ze verder lezen of toch weer weggaan. Is de afbeelding na 7 seconden nog niet zichtbaar? Drie keer raden wat ze dan doen.
Pixels? MB? KB? Wat betekent dat allemaal?
Resolutie, formaat, pixels, mega-pixels… je hebt ze vast allemaal wel eens voorbij zien komen. Ze hebben allemaal te maken met de grootte en kwaliteit van je foto’s, maar betekenen zeker niet hetzelfde. Ik leg het je uit!
Pixels zijn de beeldpuntjes waaruit het beeldscherm is opgebouwd, ook wel px. De pixel is het kleinste element van een beeldscherm. Elke pixel kan een willekeurige kleur aannemen en samen vormen ze het gewenste beeld, bijvoorbeeld een foto!
De hoeveelheid pixels die een beeldscherm bevat, noemen we resolutie. Hoe hoger de resolutie, hoe meer pixels er op een centimeter zitten en hoe scherper het beeld. Vaak wordt de resolutie uitgedrukt in pixels per inch: ppi. Een hoge resolutie geeft vaak een lange laadtijd.
KB en MB staan voor de bestandsgrootte. Dat is als het ware het gewicht van de foto. KB en MB staan dan ook voor kilobytes en megabytes.
Hoe hoger het aantal pixels, hoe beter de kwaliteit van de foto. Op een website geldt deze regel niet altijd. Een hoge resolutie (oftewel: goede kwaliteit) is dan niet altijd nodig. Het aantal pixels geeft namelijk alleen maar aan in welk formaat de foto nog steeds van goede kwaliteit is. Met de digitale camera’s van nu betekent dit dat je foto’s op een groot posterformaat nog steeds van goede kwaliteit zijn. Maar ehh: een posterformaat heb je helemaal niet nodig op je website! Waarom zou je dan wel voor die enorm hoge resolutie gaan als dat je website vertraagt?
Tot hoever moet ik mijn foto’s verkleinen?
Dat hangt af van de plaatsing van de foto. Zet je een foto over de hele breedte van het scherm? Houd dan 2400 pixel op de lange kant aan en ga voor een bestandsgrootte van niet meer dan 500 KB. Heb je een kleinere foto, bijvoorbeeld een foto op je contactpagina, dan is een lange kant van 1200 pixels voldoende met een bestandsgrootte van 300 KB. Zelfs als je de originele foto’s van 2 of 3 MB terugbrengt naar 300 KB, merk je soms niet eens verandering in kwaliteit.
En hoe verklein ik mijn foto’s dan?
Maak je zelf foto’s met een camera of heb je nog eerder gemaakte foto’s? Dan kan je je foto’s online heel makkelijk verkleinen via sites als TinyJPG en CompressJPG. Laat je foto’s maken? Vraag de fotograaf dan meteen de foto’s in lagere resolutie aan te leveren. Ik doe dit zelf altijd allebei voor mijn klanten: in hoge én in lage resolutie. Dan hoef je nergens meer op te letten en houd je je website lekker snel.
Gevonden worden in Google? Geef je foto’s een goede naam!
Een extra tip! Wil je SEO-proof zijn en goed gevonden worden in Google en andere zoekmachines? Geef je foto’s een duidelijke naam! Deze tip kreeg ik van tekstschrijver Keukenmeid. Een automatische naam als IMG_5086 zegt helemaal niks over de foto. Google gebruikt de titel van de foto om te begrijpen wat er op de foto te zien is, dus het is slim om hier iets leesbaars van te maken. Vertel iets over het onderwerp of over je bedrijf. Ik gebruik bijvoorbeeld vaak de term ‘social media fotograaf Rotterdam’. Je hoeft trouwens niet elke foto een aparte naam te geven: dat kan ook per reeks waarbij er automatisch een nummertje achter komt. Dat is altijd nog beter dan helemaal geen informatie geven.
En? Heb ik je overtuigd om snel aan de slag te gaan met het verkleinen van je foto’s om je website te versnellen? Succes!
Bij elke shoot ontvang je hoge én lage resolutie. Dan hoef je nergens meer op te letten en houd je je website lekker snel.
Let’s meer!
Fotoshoot boeken voor jouw bedrijf? We bespreken wat je wensen zijn, waar je tegenaan loopt en of ik je daarbij kan helpen. Ik kijk er naar uit om je te spreken!
