Afbeeldingen voor je website

07/12/2020

Een website moet vooral goede, unieke teksten bevatten, maar het oog wil ook wat natuurlijk. Daarom mogen ook afbeeldingen niet ontbreken op je website, maar je mag niet zomaar iedere afbeelding van internet plukken en op je website zetten. In dit artikel vertelt Bob waar je afbeeldingen vindt die je wel mag gebruiken.

In dit artikel lees je:

Je mag niet zomaar elke afbeelding op je website gebruiken

Je mag niet zomaar een afbeelding van internet plukken en deze op je website plaatsen. Afbeeldingen zijn namelijk automatisch beschermd door het auteursrecht, waardoor de rechthebbende je een flinke rekening kan sturen als je zijn afbeelding zomaar gebruikt.

Datzelfde geldt overigens ook voor teksten, ook die mag je niet zomaar kopiëren en op je website gebruiken.

copyrighted image

Gratis afbeeldingen voor je website via Pixabay.com, Unsplash.com en Pexels.com

Er is een aantal websites waar je gratis legale hoge kwaliteit foto’s voor je website kunt downloaden. De bekendste zijn:

In tegenstelling tot onderstaande bronnen hoef je hier niet eens credit te geven aan de fotograaf.

Illustraties

Naast foto’s worden in modern webdesign ook steeds vaker getekende illustraties gebruikt. Op bovenstaande websites zijn ook illustraties te vinden, maar er zijn ook websites die hierin gespecialiseerd zijn. Enkele bekende websites hiervoor zijn:

Animaties

Ook bewegend beeld is iets wat je vaak terugziet op moderne websites. Dat kan een video zijn, een afbeelding die met een (scroll)effect verschijnt of een leuke animatie. Voor dat laatste is Lottie een aanrader.

Afbeeldingen die je wel mag gebruiken vinden via Google

Via Google kun je ook afbeeldingen vinden die je wel mag gebruiken op je website. Dat werkt als volgt:

  1. Klik op “afbeeldingen”
  2. Klik op “zoekhulpmiddelen” of “tools” aan de rechterkant
  3. Klik op “gebruiksrechten”
  4. Klik op “Creative Commons licentie”

De afbeeldingen die je op deze manier vind vallen onder de Creative Commons licentie, wat betekent dat je deze afbeeldingen mag gebruiken mits je vermeldt wie de afbeelding gemaakt heeft. Officieel moet je ook bovenstaande link naar de licentie plaatsen.

Afbeeldingen generen met AI

Over Google gesproken, Gemini, Google’s AI, is tegenwoordig ook behoorlijk goed in het genereren van afbeeldingen. Omschrijf zo duidelijk mogelijk wat je wilt zien en AI maakt er een mooie afbeelding van.

Bovendien is Gemini ook behoorlijk goed is het aanpassen van afbeeldingen, dus als de afbeelding die gegenereerd wordt niet meteen helemaal naar wens is kun je gewoon beschrijven wat je er anders aan wilt. Dat kun je ook gebruiken voor het aanpassen van je eigen afbeeldingen, bijvoorbeeld als je de achtergrond wilt verwijderen.

Ook ChatGTP is erg goed in het genereren van afbeeldingen, maar het aantal afbeeldingscredits met een gratis account is beperkter dan bij Google.

Nog meer bronnen voor afbeeldingen met Creative Commons licentie

Naast Google zijn er ook nog een aantal andere bronnen waar je afbeeldingen met deze licentie kan vinden.

Flickr.com

Een goede plek om foto’s te vinden is Flickr.com. Zo vind je foto’s met een Common Creative licentie op Flickr:

  1. Geef een zoekterm in
  2. Klik op “search filters”
  3. Klik op “any license”
  4. Kies voor “commercial use allowed”

Je kunt ook Photopin.com gebruiken, dit is een zoekmachine die uitsluitend naar Common Creative afbeeldingen zoekt op Flickr.

Wikimedia Commons

Wikimedia Commons is de afbeeldingen database van WikiPedia, waar je op dit moment zo’n 130 miljoen afbeeldingen vindt die allemaal onder de Creative Commons licentie vallen. Alle afbeeldingen op WikiPedia mag je dus vrij gebruiken.

Stockfoto’s

Via bovenstaande websites vind je vooral “zelf gemaakte” foto’s. Als je op zoek bent naar echte kwaliteitsfoto’s die gemaakt zijn door professionele fotografen kom je al snel terecht op stockfoto sites, waar je de mooiste foto’s voor een paar euro kunt kopen. Enkele bekende stockfoto sites zijn:

  • Freeimages.com, één van de bekendere sites voor gratis stockfoto’s.
  • Vectors 4 all, duizenden gratis afbeeldingen waaronder veel vector afbeeldingen die je zonder kwaliteitsverlies kunt vergroten of verkleinen.
  • Pikwizard.com bevat eveneens honderdduizenden gratis stockfoto’s.
  • 123rf.com heeft 34 miljoen foto’s die je in redelijk formaat (± 450px) gratis kunt downloaden. Voor grotere formaten moet betaald worden.
  • Een lijst met nog eens 25 gratis stockfotosites
  • CanStockPhoto, een Nederlandstalige site waar je foto’s per stuk met PayPal of creditcard kan betalen.
  • Shutterstock, Eén van de grotere (Nederlandstalige) stockfoto sites, waar je een abonnement voor minimaal 5 foto’s moet nemen. Betalen kan met creditcard of via automatische incasso.
  • Fotolia, Photodune, ook heel veel stockfoto’s voor niet al teveel geld.
  • Getty Images is de bron achter veel andere stockfoto sites, waaronder istockphoto.com. Deze site is echter behoorlijk prijzig.
  • Fotosearch heeft ook een enorme database met meer dan 17 miljoen afbeeldingen, maar is eveneens behoorlijk prijzig.

Afbeeldingen embedden

Je mag dus niet zomaar iedere willekeurige afbeeldingen downloaden en vervolgens op je site gebruiken. Maar vanwege een recentelijke uitspraak van Het Hof van Justitie EU mag je wel elke willekeurige afbeelding (of video) embedden, zonder de bron of maker te vermelden. (zie dit artikel op Frankwatching).

Wat is embedden?

Normaal gezien download je een afbeelding van internet en upload je deze weer op je eigen website. In de HTML code zie je dan iets als:

<img src="https://www.jouwwebsite.nl/foto/afbeelding.jpg" />

De URL achter “img src=” geeft aan waar de afbeelding te vinden is. In dit geval staat de afbeelding dus op je eigen website, in de map “/foto/” met als naam “afbeelding.jpg”.

Als je gaat embedden laad je de afbeelding echter niet vanaf je eigen website, maar vanaf de website waar je hem gevonden hebt. Zo staat de afbeelding bovenaan dit artikel op de URL “https://bobdewebbouwer.com/wp-content/uploads/2014/08/copyright.png”. Als je deze afbeelding wilt embedden in je eigen website gebruik je de volgende code:

<img src="https://bobdewebbouwer.com/wp-content/uploads/2014/08/copyright.png" />

Er is wel 1 voorwaarde: aangezien deze uitspraak gedaan is door het Europese Hof van Justitie mag je alleen afbeeldingen embedden als de website een Europese extensie heeft en/of in een Europese taal geschreven is.

Afbeelding embedden in WordPress

Als je WordPress gebruikt hoef je zelf niet in de HTML code te gaan klooien, je kunt via “media toevoegen” (“add media”) aan de linkerzijde kiezen voor “invoegen via URL” (“insert from URL”). Om de URL te achterhalen in Google Chrome ga je met de muis op de afbeelding staan, klik je op de rechter muisknop en vervolgens op “Afbeeldings-URL kopieren”.

Eigen afbeeldingen zijn meestal de beste keuze

Als je de mogelijkheid hebt om eigen foto’s te gebruiken is dat meestal de beste keuze. Stockfoto’s zijn vaak net wat te gelikt, te gemaakt waardoor niemand gelooft dat deze mensen echt bij jou werken. Je kunt veel beter gewoon een fotograaf inhuren die professionele foto’s maakt van jouw eigen medewerkers, in jouw eigen kantoor en van jouw eigen producten. Dat komt veel authentieker over en je wekt verwachtingen bij (potentiële) klanten die je ook echt waar kan maken.

Overigens heb je tegenwoordig niet eens perse een professionele fotograaf nodig, met een beetje creativiteit, inzicht en een fatsoenlijke camera (de camera van een high end smartphone is vaak al goed genoeg) kun je zelf ook prima foto’s maken.

placeholder

Hulp nodig met je website?

Huur mij in om een website voor je te bouwen, een training over dit onderwerp te verzorgen of je op een andere manier te helpen met mijn strippenkaarten.

Heb je een vraag over dit artikel? Stel deze dan in de reacties hieronder.

Een aantal links op deze site zijn affiliate links. Als je via zo’n link een plugin of thema koopt ontvang ik daar een vergoeding voor.
Dat kost jou verder niets extra, maar zorgt er wel voor dat ik dit soort waardevolle content gratis voor je beschikbaar kan maken.

6 reacties op “Afbeeldingen voor je website”

  1. Manon avatar

    Hoi! Ik heb een vraagje. Ik probeer iets te embedded op mijn blog via wordpress maar als ik een link kopieer en plak zoals de link die jij als voorbeeld geeft, of de link als ik bij een Facebook post op insluiten klik tevoorschijn komt, maar bij geen enkele link wordt er een afbeelding weergegeven. De link blijft zichtbaar. Heb je enig idee hoe dit kan?

  2. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Manon,

    Probeer de link eens toe te voegen in het tekst tabblad in plaats van in het visueel tabblad, werkt dat wel?

    Groeten van Bob

  3. Manon avatar
    Manon

    Hoi Bob! Bedankt voor je reactie. Ik heb nu inderdaad een manier gevonden waarop het wel werkt via tabblad inderdaad! Alleen bij afbeeldingen van bepaalde sites komt er een vraagteken in plaats van een afbeelding. Heb je hier toevallig nog een oplossing voor?

  4. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Manon,

    Fijn dat het nu wel werkt! Voor wat betreft dat vraagteken, dat durf ik zo niet te zeggen… weet je zeker dat de URL klopt en volledig is (dus inclusief https://)? Krijg je dat bij alle afbeeldingen van die bepaalde sites? Dan hebben zij er wellicht een beveiliging tegen embedden op zitten..

    Groeten van Bob

  5. Mathilde Hoiting avatar

    Hallo Bob,

    Ik heb een vraagje, ben met mijn nieuwe website bezig (de oude moet online blijven) dus domeinnaam.nl/site.
    Nu krijg ik op geen mogelijkheid mijn foto’s scherp, foto’s zijn groot genoeg maar alle foto’s zijn korrelig komt dit door dat ik niet op de domeinnaam werk? Werk met DIVI (bed en breakfast)
    Bedankt alvast.

  6. Bob de webbouwer avatar
    Bob de webbouwer

    Hoi Mathilde,

    Nee dat zou er niets mee te maken moeten hebben… WordPress maakt bij het uploaden standaard ook een paar kleinere formaten aan van een afbeelding (thumbnail, gemiddeld en groot). Ik vermoed dat je ergens ingesteld hebt staan dat de thumbnail of gemiddelde maat wordt ingeladen waar dat eigenlijk de full size maat moet zijn. Of wellicht heb je een afbeelding optimalisatie plugin die wat te fanatiek staat ingesteld?

    Groeten van Bob

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *