Hoe kan ik afbeeldingen optimaliseren?

Als trotse eigenaar van een eigen website is het altijd de moeite waard om er voor te zorgen dat deze er niet alleen geweldig uitziet maar ook geweldig functioneert.

Een manier om hier zelf mee aan de slag te gaan is door de foto’s en afbeeldingen op jouw website te optimaliseren.

Het optimaliseren van afbeeldingen voor het web kan je op 3 manieren bekijken:

1. Ze zien er goed uit
2. Ze hebben geen negatieve invloed op de laadtijd van je website of je bandbreedte
3. Ze helpen je website gevonden worden

Het goede nieuws is dat je dit niet alleen zelf kan doen, maar ook gratis én eenvoudig. In deze handige gids vertellen we jou hoe!

Je kan steeds zelf een fotograaf aanspreken om prachtige foto’s te maken van jou, je producten of je zaak maar dit is zeker geen vereiste! Met de hedendaagse (smartphone)technologie is het nog nooit zo makkelijk geweest om zelf voor kwalitatieve afbeeldingen te zorgen.

Je kan bijvoorbeeld een kleine, opvouwbare fotostudio kopen om je producten in te fotograferen. Uniform en professioneel. Ideaal voor een webshop! Een statief is ook een handig gereedschap op mooie, uniforme foto’s te maken.

Wil je graag een promotie of event aankondigen op je site? Je hoeft voor grafisch werk zeker niet steeds een designer aan te spreken. Met gratis tools als Canva kan je vlot én gratis hele mooie visuals in elkaar steken zonder dat je hiervoor een dure cursus Photoshop moet gaan volgen.

Het doortrekken van jouw huisstijl in je grafisch werk straalt professionaliteit uit! Neem een moment om te kijken welke lettertypes en kleuren er op jouw website staan en gebruik deze in je ontwerp. Onze supportdienst kan je deze informatie steeds bezorgen.

Stockfoto’s zijn foto’s die gemaakt zijn door professionele fotografen (of heel goede amateurfotografen) die je kan downloaden en gebruiken op jouw website. Deze foto’s bestaan voor 1000-en-1 onderwerpen en kan je op veel plekken terugvinden.

Let wel steeds op auteursrechten. Soms vermelden deze afbeeldingen dat ze niet voor commercieel gebruik zijn of dat je de auteur moet crediteren. Sla deze waarschuwingen niet in de wind: De boetes kunnen sterk oplopen!

Enkele bronnen voor mooie stockfoto’s:

• Pexels
• Unsplash
• Pixabay
• Freepik

De twee bestandsformaten die je het vaakst ziet voorbij komen zijn: JPG (of jpeg) en PNG. JPG is een relatief kleine en efficiënte bestandsgrootte die goed geschikt is voor foto’s. PNG is dan weer goed geschikt voor illustraties, grafische afbeeldingen met grote kleurvlakken, veel tekst of transparante achtergronden en iconen.

Het bestandstype heeft ook alles te maken met compressie. De keuze tussen JPG of PNG zal dus uiteindelijk liggen bij de kwaliteit. Indien JPG teveel compressie toont (en dus geen mooie kwaliteit geeft) dan kan je overgaan naar PNG. Is je PNG bestand te zwaar? Ga dan over naar JPG.

Uitgedrukt in “bytes” (KiloByte, MegaByte,...). Dit is de ruimte die de afbeelding inneemt. Dit is de belangrijkste factor naar bandbreedte en laadsnelheid toe.

Als de bestandsgrootte echt groot is, dan is het een aanwijzing dat ofwel de afmeting te groot is, of de resolutie te hoog is. Indien je de afmeting van de afbeelding en de resolutie al geoptimaliseerd hebt, dan kan je de bestandsgrootte verder optimaliseren met Tinypng .

Dit is de afmeting van de afbeelding uitgedrukt in pixels. Ook dit heeft een invloed op hoe groot jouw afbeeldingsbestand is. Een banner of andere afbeelding die de volledige breedte van het scherm inneemt is best ongeveer 2000 pixels breed in landschapsoriëntatie. Foto’s voor galerijen kunnen zowel in portret- als landschapsoriëntatie gebruikt worden. Het meest aangewezen formaat van de langste zijde is hier meestal 800 - 1200 pixels.

Je kan de afmetingen van je afbeeldingen zelf makkelijk en in bulk verkleinen via deze website. Gebruik de optie “Langste zijde” om zowel portret- als landschapsfoto’s in dezelfde “batch” te verkleinen. Zet de beeldkwaliteit op 100% om het beste resultaat te verkrijgen.

Drukt men uit in DPI of “Dots Per Inch” en bepaald de kwaliteit of dichtheid van een afbeelding. Dit is zeer bepalend voor drukwerk: hoe hoger de dpi, hoe hoger de kwaliteit. Bij fysiek drukwerk (bedrukking van auto’s, affiches,...) mikt men dan ook op een minimum van 300 dpi. Onze computer- en smartphone-schermen tonen maximum 92 dpi. Het is dus nooit nodig om een afbeelding met een hogere resolutie op je site te plaatsen. Voor het beste resultaat kan je kiezen voor een resolutie van 72 dpi.

Digitale camera’s en zelfs smartphones maken vaak foto’s die meerdere megabytes groot zijn. Dit is ook vaak het geval bij stockfoto’s. Zie je dat je afbeelding meer dan 1MB is, dan kan je enkele dingen doen om deze te optimaliseren.

• Pas de hoogte-breedte van de afbeelding aan: met de meest courante fotobewerkingsprogramma’s zoals de Photo’s app in Windows of de Preview app in Mac kan je dit makkelijk doen.
• Heb je een heleboel foto’s tegelijk te verkleinen? Dan kan je een site zoals Bulk Resize Photos gebruiken
• Verlaag de resolutie van de afbeelding door ofwel handmatig een lagere DPI setting te kiezen of te kiezen voor de optie “opslaan voor web”.
• Comprimeer de bestandsgrootte met Tinypng: Deze gratis online tool gaat de afbeelding optimaliseren en kan het bestand vaak tot wel 80% verkleinen!