Maak je site sneller en aantrekkelijker met goed verwerkte plaatjes
Chris Vermeulen |
2010-05-15
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:
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. Je kunt hiervoor onze gratis SiteCoach gebruiken.
Veel succes!
Klik hier en reageer ook! - Toon alle reacties.
- zorgen dat plaatjes sneller laden en minder traffic verbruiken door ze te optimaliseren
- 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
- zorgen dat we geen onaangename verrassingen krijgen omdat er iets niet goed zit met de copyrights op de plaatjes.
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. Je kunt hiervoor onze gratis SiteCoach gebruiken.
Veel succes!
Er zijn 8 reacties.
Klik hier en reageer ook!
Nieuwste reacties:
6
15-5-2010 18:31
PimV
In het artikel over het uitlijnen van plaatjes wordt gebruik gemaakt van verouderde html (die nog wel werkt). Beter is om gebruik te maken van CSS2 specificaties binnen het attribuut 'style':
style="width: 200px; height: 150px". Het uitlijnen kan je voor elkaar krijgen door binnen "style" waarden op te geven voor border:
border: 2px 4px 6px 10px; De volgorde van voorgaande 'getallen' is: border-boven border-rechts border-onder border-links.
style="width: 200px; height: 150px". Het uitlijnen kan je voor elkaar krijgen door binnen "style" waarden op te geven voor border:
border: 2px 4px 6px 10px; De volgorde van voorgaande 'getallen' is: border-boven border-rechts border-onder border-links.
7
15-5-2010 18:26
PimV
Wat je ook doet, je kan niemand tegenhouden om een schermkopie ("afdruk" met de PrintScreen toets van het toetsenbord) te maken. Het enige echt effectieve wat je kan doen om het jatten van je afbeeldingen te voorkomen is er een (semi-transparante) tekst overheen (doorheen) te zetten mbv een beeldbewerkingsprogramma. Ook dat gaat prima (ook batch-gewijs) met IrfanView.
8
17-5-2010 09:22
Chris Vermeulen
Hi Pim,
Hartelijk dank voor je aanvullingen! Ik heb de links even aangepast zodat ze nu wel goed werken. Ik had ze gecopy-paste vanuit Google Wave. Daardoor gingen ze fout.
In de weekthema's proberen we altijd de essentie van het thema weer te geven. Er valt zo ontzetend veel over te vertellen altijd, dat we besloten hebben om voortaan naast een kort artikel ook een (veel uitgebreider) ebook over elk onderwerp uit te gaan geven.
De artikelen willen we graag kort houden zodat men echt elke week een paar kleine aanpassingen aan de site kan doen, zonder dat dit te veel tijd kost (om te lezen en om uit te voeren).
Nogmaals bedankt voor je aanvullingen! Daar is het forum voor!
Hartelijk dank voor je aanvullingen! Ik heb de links even aangepast zodat ze nu wel goed werken. Ik had ze gecopy-paste vanuit Google Wave. Daardoor gingen ze fout.
In de weekthema's proberen we altijd de essentie van het thema weer te geven. Er valt zo ontzetend veel over te vertellen altijd, dat we besloten hebben om voortaan naast een kort artikel ook een (veel uitgebreider) ebook over elk onderwerp uit te gaan geven.
De artikelen willen we graag kort houden zodat men echt elke week een paar kleine aanpassingen aan de site kan doen, zonder dat dit te veel tijd kost (om te lezen en om uit te voeren).
Nogmaals bedankt voor je aanvullingen! Daar is het forum voor!
Klik hier en reageer ook! - Toon alle reacties.
