Tjonge jonge jonge, er is wel zoveel te vertellen over plaatjes en afbeeldingen op je site dat ik haast niet weet waar ik moet beginnen. Echt. Maar in dit artikel zal ik me proberen te beperken tot de drie belangrijkste aspecten, namelijk:

1. zorgen dat plaatjes sneller laden en minder traffic verbruiken door ze te optimaliseren
2. zorgen dat we de juiste stijl plaatjes bij de juiste websites gaan plaatsen, zodat ze versterkend werken en aansluiten bij de sfeer die je wilt uitstralen
3. zorgen dat we geen onaangename verrassingen krijgen omdat er iets niet goed zit met de copyrights op de plaatjes.

Zo zorg je dat plaatjes sneller laden en minder traffic verbruiken

Als je op de juiste manier plaatjes op je site wilt zetten, dan is dat best wel een gehannes. Eerst moet je bepalen hoe groot je het plaatje op je site wilt hebben en de afmetingen van het plaatje daarop aanpassen. Dan moet je zorgen dat de resolutie 72 dpi (dots of pixels per inch) is. En dan pas kun je het plaatje uploaden en in je site verwerken.

En dan zul je altijd zien dat het toch net iets groter of kleiner had gemoeten en dan begint heel het verhaal opnieuw. En dat voor elke foto of afbeelding. Wat een gedoe.

Wat veel webmasters doen is een groot plaatje uploaden, bij de tekst plaatsen en dan aan een hoekje vastpakken en 'op maat slepen'. Daar zitten twee nadelen aan. Ten eerste heb je dan een veel te groot en zwaar plaatje online staan en iedere keer als er een bezoeker de pagina waar dat plaatje op staat bekijkt, zorgt dat plaatje voor onnodig veel traffic (waarvoor je misschien op den duur wel moet bijbetalen).

Het tweede probleem dat ontstaat is dat het plaatje niet mooi scherp meer is of niet meer de juiste verhoudingen heeft.

SwiftySite, het handige content management systeem dat Alphamega ontwikkeld heeft, regelt dit allemaal automatisch.

Werk je met een hostingpakket, dan zijn er handige tools waarmee je foto's en afbeeldingen per stuk of voor een heleboel tegelijk ineens kunt optimaliseren. Je leest er alles over in dit artikel.

Zo maak je je site aantrekkelijker, door de juiste stijl en sfeer afbeeldingen te kiezen

Je site is eigenlijk gewoon een folder van je bedrijf of organisatie en moet dus de sfeer en het karakter daarvan uitstralen. De afbeeldingen die je kiest voor je site, kunnen die uitstraling versterken of juist naar de knoppen helpen.

Een advocatenkantoor kan het bijvoorbeeld echt niet maken om met cliparts, screenbeans of nog erger, animated gifjes aan te komen. Voor hen werkt een kwaliteitsfoto van mannen in pak die elkaar de hand schudden of een close-upfoto van een hele dure vulpen of zo veel beter.

Een kinderdagverblijf, een school of een speeltuin daarentegen kan gerust animated gifjes op hun site zetten, want dat sluit aan bij de beleving die mensen daarbij hebben.

Zorg dat je goed zit met de rechten op de afbeeldingen!

Het is over het algemeen heel makkelijk om plaatjes en foto's van andere sites te jatten en in je eigen site te verwerken. Officieel mag dat echter niet. Op de afbeeldingen berust altijd automatisch copyright.

Een vriend van me had voor zijn site netjes foto's gekocht bij een stockfotowebsite, maar er was toch één afbeelding die hij van een andere site had afgehaald. Na 2 jaar (!) kreeg hij een factuur van 1500 euro voor het gebruik van die foto!

Wat bleek nou, die foto die hij van die andere site had afgehaald, was een professionele stockfoto. Die andere site had daar netjes de rechten voor betaald maar hij dus niet. De stockfotosite waar die foto van was had de foto op zijn site gevonden en de factuur gestuurd.

Hij was ermee naar zijn advocaat gegaan en die verzekerde hem dat hij het echt moest betalen. Dat heeft hij dan ook maar gedaan. Een dure les!

Jat dus niet zomaar een plaatje van een site! En ook niet uit Google Afbeeldingen.

Je eigen foto's zijn natuurlijk altijd goed en iets wat je een designer laat ontwerpen voor jou is ook goed, zoals je logo. Maar voor de rest doe je er verstandig aan om bij een stockfotowebsite je afbeeldingen aan te schaffen. Dat kan vaak al voor een euro per stuk en soms zelfs gratis.

Wil je meer weten over rechtenvrije foto's en afbeeldingen? Lees dan dit artikel.

Hier is het stappenplan van deze week:

Stap 1: Kijk eens goed naar de kwaliteit en bestandsgrootte van je plaatjes.

Door met je rechtermuisknop op een afbeelding te klikken krijg je een keuzemenu. Daar kun je kiezen voor 'eigenschappen'. Als je daarop klikt krijg je de afmetingen te zien en ook hoeveel KB de afbeelding is. Een goede richtlijn is om afbeeldingen onder de 100 KB te houden. Is het een heel grote, scherpe foto, dan mag die wel 200 KB zijn.

Kijk ook of de plaatjes scherp zijn of een beetje groezelig. Het kan zijn dat ze niet goed geresized zijn. In dat geval moet je ze met de juiste tools even opnieuw doen.

Stap 2: Beoordeel of de plaatjes op je site de juiste uitstraling hebben.

Blader eens door je site en kijk eens goed of de gebruikte afbeeldingen echt uitstralen waar jij met je bedrijf of organisatie voor staat. Is de sfeer goed? Versterken de plaatjes de tekst, of zijn het zomaar grappige of leuke plaatjes?

Kijk het goed en kritisch na en verander het waar nodig.

Stap 3: Kijk of alle plaatjes op je site legaal en rechtenvrij zijn.

Als je de plaatjes op je site zomaar ergens vandaan hebt, dan heb je goed kans dat ze niet rechtenvrij zijn. Bij twijfel kun je het beste een gratis of betaalde stockfotosite zoeken en daar nieuwe afbeeldingen zoeken om de bestaande te vervangen.

Stap 4: Werk je websitelogboek even bij.

Door de veranderingen aan je site telkens op te schrijven kun je later terugkijken welke veranderingen het meeste effect hebben gehad.

Veel succes!

In het artikel 'Maak je site sneller en aantrekkelijker met goed verwerkte plaatjes' heb je kunnen lezen wat er allemaal komt kijken bij het verwerken van afbeeldingen in je site.

In SwiftySite, het handige content management systeem dat Alphamega ontwikkeld heeft, is het werken met plaatjes zeer gemakkelijk en gebruiksvriendelijk gemaakt.

Je hoeft geen verstand te hebben van 'ftp' en 'uploaden' omdat SwiftySite jou stap voor stap begeleidt bij het plaatsen van afbeeldingen. Op de plek waar je een afbeelding wilt plaatsen klik je op 'afbeelding invoegen'. Er wordt een venster geopend met daarin de mappen van je computer. Klik naar de map waar de afbeelding staat en klik de afbeelding aan die je wilt gebruiken.

Voordat SwiftySite de foto of afbeelding van je computer naar de website kopieert wordt het plaatje eerst met behoud van de verhoudingen geresized naar 1024 pixels breed en geoptimaliseerd naar 72 dpi. Pas daarna wordt het plaatje, dat nu nog maar een kleine 100 KB is, naar de server gehaald en in een mapje van je website gezet.

Van daaruit wordt het plaatje opnieuw geresized, op de juiste afmetingen gemaakt en getoond op de plek waar jij het wilde hebben. Bovendien kun je dat plaatje overal op je site gebruiken en naar hartenlust de afmetingen aanpassen.

SwiftySite rendert het plaatje telkens opnieuw vanuit het basisplaatje zodat het altijd haarscherp in je site staat. Klinkt ingewikkeld en dat is het achter de schermen ook, maar om mee te werken is het echt een verademing.

In SwiftySite kun je ook heel gemakkelijk een fotoalbum maken. Je kunt dan op dezelfde manier in één keer tientallen foto's tegelijk op je site laten zetten. Je kunt de indeling van het fotoalbum aanpassen zoveel je wilt en je kunt van elk fotoalbum ook weer een slideshow (diapresentatie) maken.

Meer weten over SwiftySite? Klik hier. 

Wij helpen je graag.

Wij weten natuurlijk prima de weg bij de verschillende stockfoto-websites en we hebben veel ervaring in het opleveren van complete websites. Dus bij ons kun je prima terecht om de afbeeldingen op je site eens onder de loep te nemen en te verbeteren.

We werken tegen zeer scherpe prijzen, dus bel of mail ons gerust eens om te kijken of we iets voor je kunnen betekenen. Of reageer gewoon op dit artikel.

Neem contact op met WebsiteKlusjes.com. Tussen 10.00 en 17.00 uur kun je bellen naar: 040-2085373 (NL) en 011/547498 (B). Of je gebruikt het contactformulier op de site.