Categorie: Website

Classic Cars Citroën DS

Optimaliseer je website: reSmush je foto’s!

Website optimalisatie is voor beheerders van websites, webwinkels en, in het bijzonder, fotografen een lastig verhaal. Foto’s op je website in een hoge kwaliteit zonder kwaliteitsverlies is geen makkelijke klus. Met WordPress, Joomla, Drupal, Magento en PrestaShop is dat echter een fluitje van een cent.

Bij optimalisatie van je website denken veel mensen in eerste instantie aan de lay-out, vindbaarheid in Google (SEO) en andere zaken. Maar er speelt ook een ‘technisch’ verhaal een rol in de optimalisatie. En door hier goed op te letten kun je (in principe) ook geld besparen!

Website optimaliseren

Waarom zou je je website moeten of willen optimaliseren?

  1. een website die geoptimaliseerd is sneller op het scherm bij de bezoeker. Vooral de ‘startpagina’ moet dus relatief snel laden. Een trage website is een afknapper. Mensen gaan geen 5-10 seconden wachten tot de pagina geladen is.
  2. Veel fotografie-websites en webwinkels zijn vaak erg traag omdat de (product)afbeeldingen in een hoge resolutie zijn of onvoldoende geoptimaliseerd voor internet. Dat is niet alleen jammer wegens de snelheid, het kost ook veel bandbreedte (het aantal mb’s dat mensen “downloaden” van je site) en opslagruimte. Eén foto in hoge resolutie is al snel 7 tot 10 mb groot;

performance verbetering optimalisatieHierdoor heb je dus én een trage website én potentiële hoge kosten én mensen die je website voortijdig verlaten én.. het leidt tot een lage google-ranking.

Voor deze casus ga ik uit van de website erbeefoto.nl die geoptimaliseerd is en een pagina-omvang van +/- 1Mb voor de startpagina heeft. De laadtijd is minder dan 2 seconden (gemeten door Pingdom, vanuit de EU en de VS is slechts een fractie hoger).

Ik heb dit vergeleken met een aantal websites (uiteraard ga ik geen namen noemen!) van fotografen uit de regio en sommige scoren vergelijkbaar, maar er zijn er ook diverse die met een laadtijd van >5 seconden erg slecht scoren.

Hoger in Google

Nu is ‘google ranking’ wel een buzz-word. Het “bovenaan in Google” is heel relatief. Veel mensen willen “bovenaan in Google”, vooral webwinkels natuurlijk, maar beseffen zich niet dat het “bovenaan staan” afhangt van de trefwoorden die mensen intikken (of zelfs volledige zinnen) in Google. Je kunt je eigen site en trefwoorden controleren via bijvoorbeeld deze website.

Daarnaast is er nog een andere weg om ‘hoog in Google’ te eindigen. Afbeeldingen worden veel gezocht door mensen, vooral foto’s. En één van mijn foto’s staat al tijden stijf bovenaan in de Google Image Search. Dit soort resultaten kun je ook beïnvloeden.

Besparen op kosten

Hoe meer ruimte en data je nodig hebt, hoe hoger de kosten voor je hosting. Door te besparen op data en opslag, kun je met een goedkoper hostingpakket toe. Dat is al de eerste winst. Wil je je werk verkopen via je website, dan is een trage website dus ook nog eens een hindernis op dat gebied. Veel mensen zullen niet wachten tot de site geladen is en vertrekken naar een ander. Dat heet de ‘bounce-rate’ (na één pagina, al dan niet helemaal geladen, vertrekken van een bezoeker). Een hoge bounce-rate is eveneens slecht voor je Google-ranking.

Er zijn dus meer dan genoeg redenen om je website ook ‘technisch’ te optimaliseren!

Hoe optimaliseer je je website?

Heel veel websites gebruiken een “Content Management Systeem” zoals WordPress. En daar ga ik in dit artikel ook van uit. Ook andere CMS-systemen zoals Joomla en Drupal en webwinkel-systemen zoals Magento en Prestashop kunnen profiteren van de oplossing die hier beschreven wordt.

Gaat het ten koste van de kwaliteit?

Voor fotografen een hele belangrijke vraag: “Gaat dat optimaliseren niet ten koste van de kwaliteit van mijn foto’s?!”. Je kunt daar in principe volmondig “Ja!” op zeggen want: het aantal pixels in de foto wordt minder. Echter, het antwoord is: “Nee!”.

Hoe kan dat? Dat heeft te maken met de beeldschermen. Digitale foto’s en afbeeldingen zijn in een enorm hoge resolutie. Omdat ze geschikt moeten zijn voor afdrukken in, uiteraard, hoge kwaliteit. Maar de PPI van een beeldscherm haalt bij lange na dat getal niet. Een beeldscherm kan simpelweg dat niet weergeven en dus gaat die ‘informatie’ al verloren voordat je het ziet omdat er een scherm ‘tussen’ je ogen en de afbeelding zit!

Bij een één megapixel-camera(..) hebben we het over 1 miljoen pixels. Een 5 megapixel digitale fotocamera kan foto’s maken met een resolutie van 2560 x 1920 pixels, bijna 5 miljoen pixels. Dat kun je simpelweg dus niet weergeven op een scherm. Er valt heel wat meer over te vertellen maar de conclusie zal duidelijk zijn. Afbeeldingen bedoeld voor op een scherm kun je behoorlijk optimaliseren. Aan het eind van dit artikel heb ik ook nog een voorbeeld hiervan uit de praktijk.

Voor je begint

Ik neem aan dat het overbodig is te melden, maar toch. Maak altijd een backup van je website voor je begint. Altijd! vertrouw er niet op dat “de hostingfirma” dat wel gedaan heeft of dat de risico’s wel mee vallen. De vraag is namelijk niet óf het fout gaat maar wannéér het fout gaat. Ik heb het in de praktijk helaas toch wel een paar keer gezien bij klanten en als je hele website ‘weg’ is door een plugin of service die faalt is dat vreselijk zuur!

WordPress

De beste en populairste oplossing voor het optimaliseren van afbeeldingen is reSmush. Er zijn diverse plugins beschikbaar waaronder de eigen plugin van reSmush via de WordPress website. Maar je kunt een stap verder zetten en het kost weinig moeite. De bovenstaande afbeelding, een screenshot, is (origineel) 829,5 kB. Nadat reSmush zijn werk doet..?

“The file was compressed from 810.02 KB to 268.36 KB saving 66.87”

Met de plugin WP Optimize kun je niet alleen je afbeeldingen optimaliseren (door slimme compressie via reSmush) maar ook allerlei andere zaken optimaliseren in je wordpress website zoals: tabellen optimaliseren, revisies van documenten verwijderen én: caching gebruiken. Door “caching” wordt je website vele malen sneller dan de standaard WordPress website.

De reden is dat pagina’s worden opgeslagen in een tijdelijk bestand en niet elke keer het hele WordPress-systeem een pagina interactief moet genereren. Daarmee wordt je website tevens minder afhankelijk van de kracht van de server (en de drukte op dat moment op de server). Een handige ‘alles in één’ tool dus!

In een andere WordPress website welke ik beheer (zie afbeelding hiernaast) bespaarde ik minder ruimte op de foto’s omdat die door een eerdere plugin al waren geoptimaliseerd. Toch was er nog ruimte voor verbetering.

Overige systemen

Voor Joomla, Prestashop, Magento en andere CMS-system en webwinkels heeft de reSmush website diverse plugins beschikbaar.

Voorbeeld foto

De “proof is in the pudding” zeggen ze altijd, dus neem ik onderstaand de proef op de som. Deze foto was oorspronkelijk 4,58Mb/20mp/350×350 dpi. Ik heb ‘m iets uigesneden en verkleind naar 1600px op de lange zijde en daardoor is de afbeelding nu 468Kb. Dat is al een aanzienlijk verschil.

klassieke auto zuidhorn

(originele foto 1600px lange zijde)

Met reSmush heb ik de foto als “gecomprimeerd” gemarkeerd, waardoor hij niet daadwerkelijk gecomprimeerd wordt maar in de originele resolutie blijft. Daarna heb ik de foto nog een keer naar de website geupload, en nu wel met reSmush laten comprimeren.

(afbeelding bewerkt door reSmush)

Zie je ook maar énig verschil? Voor het menselijk oog is dit, door het computerscherm, niet waarneembaar!

De afbeelding is nu 410Kb. Dat is niet wereldschokkend, maar bedenk dat wanneer je een site hebt met een paar honderd of zelfs duizenden foto’s de winst enorm is. En als op een pagina 10 foto’s geladen moeten worden is een verschil van 50kb/foto toch al weer een halve Mb. In de praktijk is de winst vaak groter zelfs. Dat zorgt dus voor alle eerder genoemde voordelen zoals: minder schijfbeslag, minder datatransfer en bovenal een sneller ladende pagina!

Tot slot

Niet tevreden over het resultaat? In WP Optimze heeft reSmush heeft een ‘undo’ functie. Waarmee je het origineel kunt herstellen. Heel veel succes met het optimaliseren maar nogmaals: vergeet niet vóór je iets dergelijks gaat doen: backup maken!

 

Ongevraagd foto’s delen op sociale media?

Het is mij al vaker overkomen; websites die zonder toestemming foto’s overnemen en instagram accounts die zonder iets te vragen ‘reposten’. Dat mag niet. Zo simpel is dat. Ik werd wederom onaangenaam verrast doordat een landelijke organisatie een foto van mij, uit een serie foto’s van de Menkemaborg, zonder toestemming, had gebruikt voor hun eigen instagram account.

Auteursrechtenclaim

Dat mag namelijk niet. Instagram heeft niet voor niets geen ‘delen’ of ‘repost’ functie, hun voorwaarden staan het niet toe. Ik citeer:

als je geen toestemming hebt van de auteur/poster- [is er] sprake van inbreuk op zijn of haar auteursrechten (als zijn of haar werk origineel is, en zijn of haar stempel draagt, maar dat is dan weer een hele andere discussie die ik hier buiten beschouwing laat). Zelfs met een mention kom je er dan nog niet. Je hebt echt toestemming nodig.
(Zie: Stimmt, ICT en Contractenrecht)

Ik had en heb er genoeg van. In de tarievenlijst van de SFA (Stichting Foto Anoniem, http://fotoanoniem.nl, heb ik opgezocht wat de vergoeding is die deze organisatie daarvoor zou hebben moeten betalen. Vervolgens hen een brief gestuurd (per mail) en hen aansprakelijk gesteld. Dat kost simpelweg een paar honderd euro, € 575 in dit geval om precies te zijn. Voordat ik de claim indiende had ik mij wel voorbereid: screenshot van de ‘overtreding’. Brief maken. Mailen met ontvangstbevestiging. Eventueel kun je ook aangetekend een brief sturen maar mail met ontvangst/leesbevestiging kan ook.

Reageren op zo’n instagrampost? Of wanneer iemand ’t ongevraagd overneemt op een site of Facebook in de comments? Niet doen. Gewoon direct aansprakelijk stellen. Als je reageert haalt men het weg en heb je geen bewijs. Dus altijd een screenshot maken en formeel aansprakelijk stellen.

Foto ongevraagd overnemen instagramNu kun je vinden dat dat overdreven veel geld is of een overdreven reactie maar dat is niet zo. De foto wordt namelijk gebruikt om de organisatie, en vele andere aan hen gelieerd, via Instagram te promoten. Ondanks dat het een ANBI-organisatie zonder winstoogmerk is, maar wel met een batig saldo van een paar ton over het voorgaande jaar (zag ik in het jaarverslag), betekent dat niet dat ze zomaar gratis anderman’s materiaal mogen “lenen”. Zij zijn de vertegenwoordigers van een industrie waarin miljoenen per jaar omgaan!

Zonder mijn toestemming of op zijn minst vooraf te vragen of ik dat oké vind pikken ze mijn foto. Dat is hondsbrutaal. Al snel werd de foto (bovenstaand), die ook nog eens lelijk uitgesneden was en ‘nabewerkt’ met een filter (met andere woorden: verminking) alsmede een aantal andere foto’s van het account verwijderd en ontving ik een email van de directie waarin onder andere stond:

Als landelijke stichting zetten wij ons belangeloos in voor het vergroten van het publieksbereik en de bereikbaarheid van alle kastelen en buitenplaatsen in ons land, zowel online als offline. Dat doen wij in nauw overleg met de besturen en directies van deze organisaties, waaronder de Menkemaborg. Een welwillende vrijwilliger van ons heeft de foto vanmorgen geplaatst op Instagram. De foto is reeds verwijderd. Bij dezen doe ik een beroep op u om dit in alle redelijkheid op te lossen“.

Daar kan ik niet meer mee akkoord gaan. Het antwoord geeft ook aan wat ik stel: mijn foto wordt voor promotionele doeleinden gebruikt. Dan móet je simpelweg zéker altijd betalen voor het gebruik, hoe dan ook. Mijn antwoord in dit geval (en in voorkomende gevallen in de toekomst) bij het stelen van mijn foto’s is:

Als organisatie dien je je terdege bewust te zijn van wet- en regelgeving hieromtrent, iets waar ik ook mijn clienten (ik maak onder andere websites) altijd nadrukkelijk op wijs. Ik moet dat ook met mijn bedrijf (en een stichting waar ik als vrijwilliger bij betrokken ben). Wanneer een organsatie vooraf om toestemming vraagt wil ik daar wel eens aan meewerken, afhankelijk van de doelstelling. Echter ongevraagd kopieëren en plakken is nu eenmaal inbreuk op de rechten van een ander. Zeker een landelijke organisatie als de uwe zou zich daar terdege van bewust moeten zijn en haar medewerkers van moeten doordringen hoe te handelen op dit gebied. Ik zie derhalve niet af van de vergoeding“.

Onwetendheid is geen excuus

Het kan niet zo zijn dat je als organisatie, ook als je een ANBI zonder winstoogmerk bent waar vrijwilligers voor werken, niet gebonden zou zijn aan de wet. Kennelijk moeten wij, als (hobby)fotograaf, maar leven van de dank en “tags” als beloning c.q. credit? Terwijl de bestuursleden van dergelijke organisaties gewoon wél betaald worden en hun onkosten declareren en er zelfs een overschot op de exploitatie is van een paar ton? Dat gaat toch niet aan!

Wat mij betreft had het heel simpel anders gekund. Vooraf even contact opnemen, toestemming vragen, een eventuele vergoeding afspreken en de foto in oorspronkelijke formaat  met de juiste credits mét toestemming plaatsen. Nu moet er, heel bot gesteld, “leergeld” betaald worden. Let wel: ik ga zeker niet jagen op mensen die mijn foto’s (ongevraagd) gebruiken. Maar zal, wanneer ik in voorkomende gevallen het tegenkom, ook in de toekomst niet schromen om een vergoeding op te eisen. De vergoeding immers die mij rechtens, als maker, toekomt?

Als (hobby)fotograaf heb je gewoon je rechten. Organisaties en bedrijven hebben daar rekening mee te houden. Als een particulier dit allemaal niet weet en de regels overtreed of een of ander lokaal dorpshuis in het bokkeblaadje een foto van mij ‘leent’ zal je mij daar niet over horen. Vorig jaar was er nog een koor dat mij vroeg of een foto van een kerk, waar ze zouden optreden, op hun flyertje mocht worden gebruikt. Ook helemaal prima. Want: netjes vooraf gevraagd. Echter wanneer men mijn foto’s exploiteert, zonder mijn toestemming, dan wil ik ook gewoon hebben wat mij rechtens toekomt.

Mijn ervaringen deel ik hier omdat ik vaak zie dat er exhorbitante claims worden gedaan bij ‘misbruik’ van foto’s. Daar kan ik niet achter staan en zal ik ook nooit doen. Maar wel is het goed als mensen die foto’s maken, dus inspanningen en investeringen doen hier voor!, gewoon een redelijke vergoeding krijgen. Ik raad je dan ook aan als (hobby)fotograaf zeker dat recht op je rechtens toekomende vergoeding op te eisen. Té vaak zie ik dat (hobby)fotografen zelfs blij zijn en ‘vereerd’ met een repost van hun foto’s op Instagram. Je loopt daarmee inkomen mis. Inkomen waar je als maker van de foto gewoon recht op hebt.

__
Ps. Voor het maken van een brief om iemand aansprakelijk te stellen zijn diverse online mogelijkheden.

Waar komen jullie toch vandaan (en wat bekijk je)?

“Waar komen jullie toch vandaan”, zo zong Vader Abraham ooit zijn blauwe smurfen toe.. dat is ook altijd een leuke vraag voor de eigenaar van een website. En: wat bekijkt men zoal op een website?

Dit soort gegevens zijn, vooral voor commerciële websites, van levensbelang. En voor mij zijn ze als publicist van heel veel foto’s en blogstukjes over dieren, fotografie, software, fotobewerking en fietsen-met-de-camera verhaaltjes natuurlijk ook van belang want: je wilt toch wel graag weten of mensen ook daadwerkelijk je website bekijken? Waar dóe je het anders immers voor?

35.000+ bezoekers in één jaar

Dat deze website kennelijk (tot mijn vreugde!) in een behoefte voorziet blijkt wel. In één jaar tijd meer dan 35.000 bezoekers! Ongelofelijk! Dat zijn er zo’n 100 per dag en daar ben ik echt blij mee. Het aantal bezoekers lijkt wat gedaald ten opzicht van juni vorig jaar maar dat heeft een goede reden: ik heb de beveiliging opgeschroefd. Er waren veel ‘bezoekers’ die de statistiek vervuilden (hackers). Wat ook maar weer eens aantoont dat statistiek nuttig is: zo onderken je ‘probleemgebieden’!

TOP 10-berichten

Wat zijn de best bekeken stukjes op deze website het afgelopen jaar? De Top10!

1. De AVG en (amateur)fotografie
2. Kasteel Olt Stoutenburght, Blesdijke (De Blesse)
3. Gratis Foto’s en Video bewerken met Linux, OSX én Windows!
4. Fotoverslag Ballonfiesta Meerstad (Groningen)
5. Review: Sony Cybershot DSC-HX350
6. Rijtuigmuseum Leek 60 jaar – rijtuigen, paarden en mensen
7. Bunkers bij Trimunt (Marum) – Duitse Radarstelling
8. Op pad met een DAF 33
9. Fotobewerking met FastStone (gratis): retoucheren
10. Vogels in Nationaal Park Lauwersmeer (Jaap Deensgat)

Altijd een verrassing! Sommige berichten had ik het echt niet van verwacht dat ze zó vaak bekeken zouden worden. Van sommige andere verwacht je dat ze “het wel goed zullen doen” en dat blijkt dan helemaal niet het geval te zijn. Ik blijf dan ook maar gewoon posten wat ik leuk vind en zie vanzelf of er naar gekeken wordt 🙂

En, waar komen jullie vandaan?

Tot slot het antwoord op de vraag waar de bezoekers vandaan komen. Wederom de Top10.

Bezoekers komen dus van over de hele wereld, maar de meeste toch uit Nederland en de VS (procentueel). Toch opmerkelijk dat veel mensen uit landen komen waar geen Nederlands gesproken wordt. Alleen, de reden er voor is simpel: Google Image Search.

 

Portfolio van 500px website verwijderd

Wat gebeurt er als een prachtige website in handen komt van een bedrijf dat alleen maar commerciële doelen na lijkt te jagen? Mensen gaan weg..!

Jarenlang heb ik een portfolio gehad op 500px, een site heel geschikt voor (hobby)fotografen. Helaas, waar ik al bang voor was, heeft de overname van 500px door een (grote) Chinese marktpartij er toe geleid dat de website steeds minder goed bruikbaar werd.

De laatste “update” van de site was de druppel voor mij. De layout van de feed toonde niet meer mooi de foto’s van mij en andere fotografen maar een raster met allemaal foto’s .. en daarnaast heel veel foto’s er tussendoor die duidelijk bedoeld zijn als “clickbait” met andere woorden: niet de foto’s van mensen die je volgt maar foto’s die de eigenaar graag onder de aandacht wil brengen.

Einde 500px dus voor mij. En ik hoorde van andere gebruikers dat ze ook helemaal niet tevreden waren en overwegen weg te gaan. Dergelijke sites snappen kennelijk niet wat het woord ‘klantenbinding’ inhoudt want er zijn veel betalende(!) fotografen op deze site (ik was ook betalend lid).

Alternatieven zijn er genoeg. Zoals Instagram natuurlijk en YouPIC. Natuurlijk kan je ook gewoon je eigen site maken (zoals deze). Als je hulp zoekt daarvoor, kun je contact met mij opnemen. Zie daarvoor mijn bedrijfswebsite op https://www.brinkhost.nl/.

Gratis Online Fotobewerking met MiniPaint

Professioneel foto’s bewerken met gratis software. Is dat mogelijk? Het bewerken van foto’s met software, nabewerking, is meestal duur. Tenminste, tot voor een paar jaar geleden was het, wilde je legaal een goed pakket aanschaffen, een relatief dure aangelegenheid.

Tegenwoordig kost een professioneel pakket als Adobe Photoshop Elements of Adobe Photoshop Lightroom ergens tussen de 85 en 120 euro. Maar het kan ook gratis en zelfs heel erg privacy-vriendelijk.

Eerder al schreef ik over de gratis pakketten voor Linux, Windows en OSX die tegenwoordig op de markt zijn. Op Zoom.nl vind je nog een lijstje met gratis programma’s (alleen voor Windows). De meeste zijn Open Source programma’s. Maar er zijn natuurlijk ook online foto-editors. De meeste zijn, zo heb ik ervaren, vrij traag en niet erg gebruikersvriendelijk. Anderen zijn erg gebaseerd op het toevoegen van filtertjes die voorgedefinieerd zijn.

Fotor Gratis online bewerking
Fotor wil van alles van je..

Een mooie online tool, vind ik, is PIXLR. Helaas accepteert die het niet als je een adblocker gebruikt (en dat doe ik standaard). Daarnaast heb je ook nog Fotor, PicMonkey en heel veel anderen.

Grote nadeel van dit soort sites is: ze willen allemaal iets terug voor de ‘gratis’ dienst. Zo gratis is het dus niet: je staat je privé gegevens af aan ze. Met andere woorden: daar gaat  je privacy!

Bijvoorbeeld dat je notificaties ontvangt, dat je je facebook-gegevens afgeeft (klik hier voor een artikel daar over in het kader van privacy!). En dat wil ik dus allemaal niet.

Ik heb geen behoefte aan (commerciële) push notificaties van websites, vertrouw al die “wij waarderen je privacy” meldingen niet -want: dat doen ze dus niet- en het laatste wat ik aan allerlei websites afgeef is mijn Facebook of Google+ login en toegang tot mijn tijdlijn en vriendenlijst!?! Voor het (technisch) functioneren van deze online diensten is dit namelijk volstrekt overbodig.

OP DE COMPUTER OF ONLINE BEWERKEN
Hoewel ik zelf de voorkeur geef aan eigen software op de computer (want: altijd beschikbaar, niet afhankelijk van internetverbinding of beschikbaarheid van de website) is online bewreken natuurlijk handig als je niet over je eigen computer beschikt. Of wanneer je geen ingewikkelde software wilt installeren of gebruiken. Ook een lichtgewicht laptop (bijvoorbeeld een chromebook of een goedkope celeron) kan een reden zijn om online te willen bewerken.

Een andere reden kan zijn dat je net die optie, of effect, zoekt die niet in je fotoprogramma zit of via dat programma alleen op een heel omslachtige manier te doen is. Dan zijn de online bewerkingsprogramma’s, vooral de programma’s gebaseerd op allerlei presets, ideaal.

MiniPAINT
Eén van die online tools is MiniPAINT. Ik kwam het toevallig tegen omdat ik iets zocht op Google. En ik vond het een verrassend goede, en vooral snelle, online editing omgeving.

MiniPAINT heeft alle opties die je verwacht in een redelijk fotobewerkingspakket. Eenvoudig en overzichtelijk. Je kan foto’s uitsnijden, kleuren aanpassen, contrast en helderheid instellen.

Grootste voordeel van MiniPAINT is… ze vragen helemaal niets van je. Géén facebook of Google+ account. Géén cookies. Daarnaast hebben ze nog een hele fijne extra functie: importeren van foto’s uit PixaBay.com. Je kunt op onderwerp zoeken, krijgt een foto van Pixabay en kunt die vervolgens aanpassen – bijvoorbeeld door een uitsnede te maken, tekst toe te voegen, etc.

De website van MiniPAINT is hier te vinden: https://viliusle.github.io/miniPaint/