Tips voor een goed gebruik van afbeeldingen op je website

Tips voor een goed gebruik van afbeeldingen op je website

Een goed gebruik van afbeeldingen op je website is belangrijk. In “Goede foto’s zijn belangrijk; ze maken je website” vertel ik over het belang van plaatsen van goede foto’s. Maar als je dan de goede foto’s hebt gevonden, dan is het ook nog belangrijk hoe je ze op je website gebruikt. In deze post leg ik je wat meer uit over bestandsgroottes, resolutie en bestandstypes.

Gebruik van geschikte bestandsgroottes

De grootte van een afbeelding wordt aangegeven in pixels. Dit zijn eigenlijk blokjes waaruit een digitale foto is opgebouwd. Ieder blokje heeft één kleur. Een foto is dus bijvoorbeeld 1200×630 (1200 pixels breed en 630 pixels hoog).

Behalve het formaat, heb je ook nog een pixeldichtheid, ook wel bekend als resolutie. Deze geeft aan hoeveel pixels er op een bepaalde oppervlakte zitten. Daarbij geldt; hoe meer pixels, hoe scherper de foto. Er zijn hierin twee standaarden: 72 ppi (pixels per inch) voor het web en 300 dpi (dots per inch) voor drukwerk. 

Met de enorme vooruitgang in digitale fotografie, is de grootte van de afbeeldingen die digitale camera’s maken, enorm toegenomen. Dit is perfect voor het afdrukken van foto’s en drukwerk, maar voor het plaatsen van afbeeldingen op het web heb je helemaal niet zo’n grote foto’s nodig. Ook de stockfoto’s die je al dan niet gratis kunt downloaden op de verschillende websites, zijn behoorlijk groot. Hoe groter de foto, hoe “zwaarder” die is en des te langer het duurt voordat je webpagina’s goed geladen worden.

Al mijn websites bouw ik op met DIVI theme. Zij hebben een heel handig overzicht van de verschillende formaten die je het beste kunt gebruiken op je website, afhankelijk van de kolomgrootte waarin ze geplaatst worden:

Superhandig! je kunt eens kijken op de website van de maker van het thema dat je gebruikt. Misschien geven zij ook wel indicaties voor het gebruik van foto’s. Heb je ook het DIVI thema? Op deze pagina staat nog veel meer uitleg en voorbeelden.

Hoe maak je nu een foto kleiner?

Zelf gebruik ik Photoshop voor het verkleinen van afbeeldingen, dit is een professioneel fotobewerkingsprogramma. Het is niet goedkoop en als je geen professional bent in de creatieve business, zul je deze waarschijnlijk ook niet hebben. Ik heb een ander programma gevonden waarmee je online je foto’s op het gewenste formaat kunt maken:

fotoverkleinen.nl

Zo werkt het:

  • Sleep de afbeelding op het canvas
  • Kies voor verkleinen
  • Vul de breedte van de foto in (pixels)
  • Kies voor “Behoud originele verhouding”
  • Klik op “Toepassen”
  • Ga naar het kopje bestand > opslaan als JPG > kies de kwaliteit (ergens tussen de 60 en 100) Een richtlijn is om de afbeelding onder de 200 kb te houden.
  • Klik op “Bewaren”

Extra comprimeren van bestanden

Online kun je via TinyPNG je fotobestand nog verder comprimeren (lichter maken). Ook kun je op je WordPress website een plugin installeren: Smush Image Compression and Optimization. Deze voert nog een keer compressie uit op de bestanden die je upload, zo wordt er nog wat kb vanaf gehaald.

Bestandstypes afbeeldingen

Naast de bestandsgrootte is ook het bestandstype van een afbeelding belangrijk. Er zijn best wel wat verschillende en niet ieder bestandstype is geschikt voor het web. In “Welke bestandsformaten voor afbeeldingen zijn er, en hoe gebruik je ze op je website” kun je lezen over de verschillende bestandstypen en waar ze voor gebruikt worden.

Zo zie je maar, er komt nog best wel wat bij kijken, bij die afbeeldingen 🙂

0 reacties

Een reactie versturen

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

Verder lezen?

Rank Math en DIVI zijn nu eindelijk de perfecte match!

Het Divi thema met de Visual Builder is naar mijn mening het beste thema om je WordPress website mee te maken. Je kunt je webpagina's helemaal aan de voorkant bouwen en editen zodat je precies ziet wat je doet. Helaas was er nog geen goede oplossing om je SEO ook aan...

7 typen websites die niet garant staan voor succes

Er bestaan verschillende typen websites die weer onderverdeeld kunnen worden in succesvolle en niet succesvolle. Als je als ondernemer een website hebt, wil je natuurlijk ook dat die een succes wordt. Een website die bezoekers aantrekt en ervoor zorgt dat die...

Maak zelf de mooiste social media uitingen met Canva

Je hebt iets te vertellen en dat wil je delen met de wereld. Je weet inmiddels dat een afbeelding vaak meer zegt dan alleen maar woorden en daar wil je gebruik van maken in je social media uitingen. Je hebt weinig tot geen design ervaring en ook geen Photoshop ter...

Bepaal het doel van je website met deze 5 voorbeelden

Veel ondernemers zien hun website als een doel op zich en hebben niet in de gaten dat een website juist een middel is om andere doelen te behalen. Als je exact weet wat het doel van je website moet zijn, kun je veel beter bepalen wat er op je website aanwezig moet...

Voor gratis stockfoto’s moet je op deze websites zijn!

Herkenbaar? Je hebt een foto nodig om in je Social Media of bij je blogbericht op je website te plaatsen. Even snel zoeken op Google afbeeldingen, opslaan op je computer en plaatsen maar. Zo gepiept en keuze genoeg. Niet doen! De meeste foto's die je zo vindt zijn...

Maak een plan voor je website, dan ga je zeker goed van start!

Voordat je begint met het maken of laten maken van een website is het belangrijk dat je een goed plan hebt, een goede fundering waarop je website gebouwd kan worden. Als je al een website hebt en deze nog niet zo succesvol is als je gehoopt had, is het aan te raden om...

De veranderingen van Mailchimp en de gevolgen voor je gratis account

Mailchimp heeft besloten om per 15 mei 2019 veranderingen aan te brengen in de abonnementen. Dit heeft voornamelijk voor de gratis versie best wel wat consequenties. Toen ik startte met mijn bedrijf heb ik voor het opbouwen van mijn e-maillijst en het versturen van...

Rank Math: de beste en fijnste WordPress SEO plugin? (Review)

Een goede WordPress SEO plugin mag zeker niet ontbreken op je website. Jarenlang gebruikte ik de Yoast SEO plugin voor mijn eigen websites en die van mijn klanten. Nadat ik steeds meer goede reviews las over Rank Math, ben ik daar mee gaan testen. In dit artikel lees...

5 redenen om vandaag nog te beginnen met bloggen

Bloggen is dé perfecte manier om waardevolle content toe te voegen aan je website. Het kost je niets, behalve tijd natuurlijk, en het geeft je website èn je bedrijf echt een boost. Te vaak zie ik nog dat ondernemers niets met de blogfunctie op hun website doen. Er...

Een favicon maken & toevoegen aan je WordPress website

Had je er al weleens van gehoord? Van een favicon? Gekke naam eigenlijk hè? Het is een samentreksel van de woorden 'favorite' en 'icon'. Favicon dus... Je hebt hem al wel vaak gezien. Het is namelijk dat kleine icoontje dat je links in een browser tabblad ziet staan...

7 Stappen Voor Een Goede Voorbereiding Van Je Website

Schrijf je in om waardevolle tips & inspiratie te ontvangen. Je krijgt van mij de 7 stappen voor een goede voorbereiding cadeau!

7 stappen voor een goede voorbereiding van je website