Afbeeldingen schalen - Afbeeldingen optimaliseren voor je website

Afbeeldingen verkleinen voor web – met MS Office Picture Manager

Afbeeldingen zijn ontzettend belangrijk op je website. Ze bepalen namelijk voor een groot deel de stijl en uitstraling van de website. Het toevoegen van onnodig grote afbeeldingen, kan echter weer negatieve gevolgen hebben voor de prestaties en snelheid van je website. Daarom kijken we in deze video kort naar de mogelijkheden die er zijn om te zorgen dat je afbeeldingen niet groter zijn dan noodzakelijk. In dit voorbeeld werken we met Microsoft Office Picture Manager, wat op heel veel computers standaard staat geïnstalleerd.

Er is een handige video instructie gemaakt die je laat zien hoe je het juiste afbeeldingsformaat voor op je website kunt achterhalen èn hoe je afbeeldingen ook zelf makkelijk op dat formaat kan krijgen.

Eerst gaan we naar de website om te kijken naar het juiste formaat van de afbeelding. Natuurlijk kun je deze stap overslaan wanneer je deze formaten van je webdesigner al hebt doorgekregen.

TIP! Noteer ergens waar je het goed terug kunt vinden dit soort gegevens, dat scheelt in het vervolg weer het nodige werk.

In Internet Explorer kun je het formaat achterhalen door op een afbeelding te klikken en te kijken bij ‘eigenschappen’. Dan zie je het formaat waarin de afbeelding getoond wordt.

In dit videovoorbeeld gebruiken we Google Chrome. Klik met de rechter muisknop op de afbeelding. Er verschijnt een menu met een aantal keuzeopties, kies voor ‘element inspecteren’. In de code zie je de afbeelding staan en het formaat waarin deze is geplaatst. Wanneer de afbeelding een ander formaat heeft dan het geplaatste formaat, zie je er nog de melding ‘Natural’ achter staan, met het formaat van de afbeelding zelf.

Nu we het formaat hebben, kunnen we aan de slag. Ga naar de afbeelding die je op de website wil plaatsen. Klik erop met de rechter muisknop. Daar staat dan de optie ‘openen met’. Ga hier naartoe en selecteer het programma ‘Microsoft Office Picture Manager’.

Vervolgens wordt de afbeelding geopend. Kies bovenaan in het menu op “Afbeelding Bewerken”. Hierdoor verschijnt er aan de rechterkant een balk met de nodige opties.

Wanneer het puur om het formaat gaat om een afbeelding op de website te plaatsen, zul je vooral de opties ‘bijsnijden’ en ‘formaat wijzigen’ gebruiken.

Wil je de volledige afbeelding tonen? Dan is ‘formaat wijzigen’ de optie die je nodig hebt. Deze optie geeft verschillende mogelijkheden. Wanneer het vooral om de breedte gaat, voer dan de gewenste breedte in bij de optie ‘aangepaste breedte x hoogte’. Wanneer de afbeelding te hoog is, kan deze later nog bijgesneden worden.

Vul de gewenste waarden in. Onder het stukje ‘Nieuw’, helemaal onderaan, zie je het nieuwe formaat. Het eerste getal geeft de breedte van de afbeelding aan, het tweede getal staat voor de hoogte.

Door op OK te klikken, worden de wijzigingen doorgevoerd.

Wil je maar een stukje van de afbeelding gebruiken of wil je de hoogte nog aanpassen? Dat kan via de optie ‘bijsnijden’. Klik eerst op ‘terug naar afbeelding bewerken’, onderaan in het scherm. Kies dan de optie ‘bijsnijden’. Je ziet vervolgens zwarte strepen in de hoeken en in het midden van iedere zijde. Zo kan de afbeelding makkelijk worden bijgesneden.

Aan de rechterkant zie je bij ‘grepen voor bijsnijden’ hoeveel pixels er weggehaald worden op de verschillende zijden. Het is vaak lastig om de afbeelding met het slepen precies goed te krijgen. Zorg daarom dat je het gewenste formaat zo goed mogelijk benaderd, zodat je de ‘finishing touch’ met de icoontjes rechts van de grepen kunt doen. Zo haal je er makkelijk de laatste pixels af. Onder het ‘werkvlak’ vlak staat ook hier weer het nieuwe formaat van de afbeelding.

Wanneer de afbeelding op het juiste formaat is, klik je op ‘OK’ en kun je de afbeelding opslaan of ‘opslaan als’ via het menu ‘Bestand’ wat je bovenaan in de statusbalk ziet. Let wel op: wanneer je kiest voor ‘opslaan’ wordt het oude bestande overschreven! Wil je de oorspronkelijke afbeelding vaker gebruiken? Kies dan voor opslaan als.

Je afbeelding heeft nu het juiste formaat! Nu kun je de afbeelding eenvoudig toevoegen aan de website.

Hoe waardeer je dit bericht?
Wieger Waardenburg

Over Wieger Waardenburg

Wieger is online marketing specialist. Zijn ruime kennis van online marketing en creatieve manier van denken dragen bij aan oplossingen waar je als bedrijf echt iets aan hebt. Daarnaast is hij fanatiek blogger en bezoekt hij regelmatig congressen binnen het vakgebied om zijn kennis up-to-date te houden.

Ook interessant


Wij werken onder andere voor

MSNW
Helix Advies

Niets meer missen?

 

 

Vul je gegevens in, dan houden wij je

op de hoogte van het laatste nieuws. 

Relax, we houden zelf ook niet van spam. We zullen je e-mail adres niet verkopen en sturen je niet vaker dan 1x per maand een bericht.