Wat is een infographic?

Een infographic is een afbeelding die informatie uitlegt. Cijfers, een proces, een vergelijking of een tijdlijn, weergegeven in beeld in plaats van in lopende tekst.

Het idee is dat je in één oogopslag begrijpt waar je anders drie alinea's voor nodig had. Dat werkt, mits het beeld echt iets verduidelijkt en niet gewoon tekst is met een gekleurd kader eromheen.

Wanneer een infographic werkt

Bij verhoudingen. Twee balken naast elkaar laten sneller zien dat het ene twee keer zo groot is als het andere dan een zin met twee getallen erin. Je oog vergelijkt lengtes moeiteloos en getallen niet.

Bij een proces met stappen. Vier stappen achter elkaar met pijlen ertussen is duidelijker dan een genummerde lijst, zeker als er vertakkingen in zitten. Op het moment dat er een keuze in je proces zit, wordt tekst omslachtig en beeld makkelijk.

Bij een vergelijking. Twee of drie dingen naast elkaar met dezelfde kenmerken eronder. Dat is in feite een tabel, en een tabel met wat vormgeving eromheen is vaak de meest bruikbare infographic die er is.

Bij iets ruimtelijks. Waar staat wat, hoe zit iets in elkaar, welk onderdeel hoort bij welk ander onderdeel. Een doorsnede of een plattegrond doet iets dat je met woorden niet voor elkaar krijgt.

En bij een verandering over tijd. Een lijn die stijgt vertelt in één seconde wat een alinea met vijf jaartallen niet overbrengt.

Wanneer hij niet werkt

Als het gewone tekst is met vormgeving eromheen. Dat kom je het vaakst tegen: een lijst met vijf tips, uitgetekend met iconen erbij, waarbij het beeld niets toevoegt en de tekst op een telefoon onleesbaar is geworden.

Als er te veel in moet. Een infographic met dertig getallen legt niets uit, die verplaatst het probleem alleen. De reden dat je iets in beeld zet is dat het overzicht geeft, en dertig getallen geven geen overzicht.

Als het onderwerp verandert. Een afbeelding bijwerken kost meer moeite dan een alinea aanpassen. Dus blijft hij staan met de cijfers van drie jaar geleden erin, en dat merkt de bezoeker eerder dan jij.

Als je er alleen mee wilt scoren. Een infographic maken omdat het goed staat op je blog is de verkeerde volgorde. Begin bij de vraag die je leest wil beantwoorden, en kijk daarna of beeld het beste antwoord is.

De soorten die je tegenkomt

Het onderscheid helpt bij je keuze, want elke soort stelt andere eisen aan je gegevens.

• Statistisch. Cijfers in grafieken. Vraagt om betrouwbare bronnen en om de juiste grafiekvorm.
• Proces. Stappen in volgorde. Vraagt om een proces dat je zelf goed genoeg kent om te durven vereenvoudigen.
• Vergelijking. Twee of meer opties naast elkaar op dezelfde kenmerken. Vraagt om eerlijkheid, want de verleiding is groot om je eigen kolom mooier te maken.
• Tijdlijn. Gebeurtenissen op volgorde. Vraagt om jaartallen die kloppen.
• Anatomie. De onderdelen van iets, met benamingen erbij. Werkt goed bij producten en bij techniek.
• Kaart. Gegevens per gebied. Ziet er goed uit en misleidt makkelijk, want grote provincies vallen op terwijl daar minder mensen wonen.

Tekst in een afbeelding wordt niet gevonden

Dit is het punt dat in de meeste artikelen over infographics wordt overgeslagen, en het is het belangrijkste van allemaal.

Een zoekmachine leest de tekst in een afbeelding niet als tekst op je pagina. Zet je je hele uitleg in een plaatje, dan heeft je pagina in de ogen van Google nauwelijks inhoud. Je kunt de beste uitleg van Nederland hebben gemaakt en er niet op gevonden worden.

Voor iemand met een schermlezer geldt hetzelfde, maar strenger. Die krijgt niets. Waar jij een heldere uitleg ziet, hoort hij een bestandsnaam.

De oplossing is dezelfde voor beide: schrijf de inhoud uit op de pagina en gebruik de infographic als samenvatting. Dat voelt als dubbel werk en dat is het niet. De tekst is wat je vindbaar maakt, het beeld is wat mensen onthouden en delen.

Zet de cijfers er bovendien als gewone HTML-tabel bij, onder of naast het beeld. Dan kan iedereen erbij, kan iemand de getallen kopiëren, en heeft je pagina inhoud die een zoekmachine kan lezen. Waar je zoekwoorden precies terecht moeten komen staat in waar je zoekwoorden op je pagina plaatst.

Wat je in de alt-tekst zet

Alt-tekst is de beschrijving die in de HTML bij een afbeelding hoort. Hij wordt voorgelezen door schermlezers en getoond als de afbeelding niet laadt.

Bij een infographic gaat dat bijna altijd fout. "Infographic over leadgeneratie" zegt niets. De vuistregel is dat je opschrijft wat iemand mist als hij het beeld niet ziet.

Bij een eenvoudig beeld past dat in een zin: "Balkgrafiek: 2023 achttien opdrachten, 2024 vierentwintig opdrachten, 2025 eenentwintig opdrachten." Dat is bruikbaar.

Bij een complexe infographic past het niet in een alt-tekst, en dan is de juiste oplossing een korte alt-tekst plus de volledige inhoud in tekst op de pagina zelf. Dat is ook wat de toegankelijkheidsrichtlijnen voorschrijven bij complexe afbeeldingen: een alternatief dat dezelfde informatie geeft, niet een omschrijving van hoe het plaatje eruitziet.

Is een afbeelding puur decoratief, geef hem dan een lege alt-tekst. Dan slaat een schermlezer hem over in plaats van een bestandsnaam voor te lezen. Een bijschrift onder het beeld is daarnaast nooit weggegooid: dat leest iedereen, ook wie het beeld gewoon ziet.

Toegankelijkheid, en wat er sinds 28 juni 2025 geldt

De regels hiervoor staan in de WCAG, de internationale richtlijnen voor toegankelijkheid. Versie 2.2 is sinds 5 oktober 2023 de officiële aanbeveling van het W3C.

Drie dingen daaruit raken infographics direct. Elke afbeelding met informatie heeft een tekstalternatief nodig. Tekst moet voldoende contrast hebben met zijn achtergrond, waarbij 4,5 staat tot 1 de norm is voor gewone tekst en 3 staat tot 1 voor grote tekst. En kleur mag nooit de enige drager van betekenis zijn, want een deel van de mannen ziet rood en groen niet uit elkaar.

Dat laatste is de meest gemaakte fout in grafieken. Twee lijnen, een rode en een groene, zonder verder onderscheid. Zet er verschillende stippellijnen in of zet de naam direct bij de lijn, dan is het voor iedereen leesbaar.

Voor overheidsinstanties is dit in Nederland al langer verplicht, via het Tijdelijk besluit digitale toegankelijkheid overheid dat sinds 1 juli 2018 geldt. Sinds 28 juni 2025 geldt de Europese toegankelijkheidsrichtlijn, in Nederland ingevoerd met de Implementatiewet toegankelijkheidsvoorschriften producten en diensten. Die raakt onder meer webshops, vervoer en bankieren.

Bedrijven met minder dan tien mensen vallen voor diensten buiten die verplichting. Dat is geen vrijbrief om een beeld te maken dat een deel van je lezers niet kan gebruiken. Het scheelt wel dat je daar geen formele verantwoording over hoeft af te leggen.

Wat een infographic met je laadtijd doet

Een staande infographic van 800 bij 3000 pixels als PNG is zomaar een paar megabyte. Dat is meer dan de rest van je pagina bij elkaar, en op een mobiele verbinding merkt je bezoeker dat direct.

Er zijn twee snelheidsmaten waar dit doorwerkt. De eerste is de tijd tot het grootste blok in beeld staat: als je infographic bovenaan de pagina staat, is dat blok jouw afbeelding, en dan bepaalt hij in zijn eentje je score. De tweede is het verspringen van de pagina tijdens het laden. Geef je afbeelding altijd een breedte en een hoogte mee, dan reserveert de browser de ruimte en schuift er niets.

Wat je verder doet: comprimeer het bestand voordat je het uploadt, of laat een plugin dat automatisch doen. Hoe dat werkt staat bij Shortpixel en waarom kleine afbeeldingen beter zijn.

Staat de infographic verder naar beneden op de pagina, dan hoort hij pas te laden als iemand in de buurt komt. WordPress doet dat sinds versie 5.5 uit augustus 2020 standaard. Staat je beeld juist bovenaan, dan moet je dat uitzetten, want anders wacht de browser onnodig.

SVG, PNG, WebP of AVIF

Voor een infographic met vlakken, lijnen en tekst is SVG het beste formaat. Het is vectorformaat, dus het blijft scherp op elk scherm en bij elke zoomstand, en het bestand is meestal kleiner dan een PNG van hetzelfde beeld.

Er is een tweede voordeel dat vrijwel niemand benoemt: in een SVG blijft tekst gewoon tekst. Je kunt hem selecteren, hij schaalt mee als iemand zijn lettergrootte vergroot, en met de juiste opzet kan een schermlezer hem lezen. Daarmee neemt SVG een deel van het vindbaarheidsprobleem weg.

Het addertje zit in WordPress: SVG-bestanden mag je standaard niet uploaden. Dat is geen pesterij maar een beveiligingsmaatregel, want een SVG is XML en kan JavaScript bevatten. Wil je het toch, gebruik dan een plugin die SVG's opschoont voordat ze in je mediabibliotheek belanden, en laat het uploaden ervan alleen toe voor beheerders.

Werkt je infographic met foto's of verlopen, dan is een pixelformaat logischer. WebP zit sinds 2021 in WordPress zelf en levert bij gelijke kwaliteit kleinere bestanden dan JPEG en PNG. AVIF gaat daar sinds WordPress 6.5 uit 2024 nog een stap overheen en is inmiddels breed ondersteund.

Op een telefoon

De meeste infographics worden op een groot scherm ontworpen en daar blijft het bij. Op een telefoon van 390 pixels breed wordt een staande infographic van 800 pixels een grijs streepje met tekst die je niet kunt lezen.

Wat helpt: hem opdelen in losse stukken die onder elkaar passen, elk met een eigen kop in gewone tekst erboven. Dan lees je op een telefoon een reeks kleine beelden en op een breed scherm hetzelfde verhaal naast elkaar.

Wat ook werkt: het beeld in een kader zetten dat apart horizontaal kan schuiven, zodat de pagina zelf niet meeschuift. Minder mooi, en beter dan onleesbaar.

Wat niet helpt: hopen dat mensen inzoomen. Dat doet vrijwel niemand, en op sites die zoomen blokkeren kan het niet eens. Test je beeld op een echt toestel voordat je publiceert; hoe je de rest van je site daarop nakijkt staat in je website optimaliseren voor mobiel.

Hoe je er een maakt

• Begin bij één boodschap. Wat moet iemand onthouden als hij verder scrolt? Alles wat daar niet aan bijdraagt gaat eruit.
• Verzamel cijfers die kloppen en noteer per getal waar het vandaan komt. Een infographic zonder bron is een plaatje met getallen erin.
• Schets eerst op papier. Werkt het op papier niet, dan gaat een ontwerpprogramma het niet redden. Dit is de stap die het vaakst wordt overgeslagen en die het meeste tijd bespaart.
• Kies een vorm die bij de gegevens past. Niet andersom, hoe verleidelijk een mooie vorm ook is.
• Houd de tekst groot. Wat op een groot scherm nog leesbaar lijkt, is op een telefoon weg. Ga uit van het kleinste scherm waarop het nog moet werken.
• Laat ruimte leeg. De meeste infographics zijn te vol. Witruimte is wat het geheel leesbaar maakt.
• Bewaar het bronbestand. Over een jaar wil je één cijfer aanpassen, en dan wil je niet opnieuw beginnen.

Canva, Figma en Datawrapper doen allemaal wat je nodig hebt. Datawrapper is de interessantste als het echt om cijfers gaat, want die maakt grafieken die ook op een telefoon werken en die je kunt insluiten in plaats van als plaatje neerzetten. Inkscape is gratis en levert nette SVG's op als je liever zelf tekent.

De grafiek kiezen die bij je cijfers past

Hier gaat het het vaakst mis. Het is ook het deel waar je zonder ontwerpervaring prima keuzes kunt maken, want de regels zijn vrij hard.

Vergelijk je losse waarden, gebruik dan staven. Zet ze op volgorde van groot naar klein, tenzij er een logische eigen volgorde is zoals maanden. Laat de as bij nul beginnen, want een afgeknipte as maakt kleine verschillen groot en dat is misleidend.

Gaat het over verloop in de tijd, gebruik dan een lijn. Gaat het over delen van een geheel, dan kan een taartdiagram, maar alleen bij twee of drie delen. Bij twaalf partjes ziet niemand meer welk deel groter is; zet die twaalf als staven onder elkaar en het verschil springt eruit.

Gebruik geen driedimensionale grafieken. Ze zien er ouderwets uit en ze vertekenen de verhoudingen, want het partje aan de voorkant lijkt groter dan het is.

Rond getallen af tot wat de lezer kan onthouden. Achttien komma zeven procent onthoudt niemand, bijna een vijfde wel.

Cijfers, bronnen en auteursrecht

Zet bij elk cijfer waar het vandaan komt en uit welk jaar het is. Onderaan het beeld, klein, met de bron en het jaartal. Dat maakt het verschil tussen iets dat overgenomen wordt en iets dat wordt weggeklikt.

Voor Nederlandse cijfers is StatLine van het CBS de eerste plek om te kijken, en die gegevens mag je gebruiken. Brancheorganisaties publiceren vaak bruikbare marktcijfers. Wees voorzichtig met cijfers die je uit een ander blog overneemt: die zijn vaak overgeschreven van weer een ander blog, en de oorspronkelijke bron blijkt dan tien jaar oud of niet te bestaan.

Een infographic van iemand anders is een auteursrechtelijk beschermd werk. Je mag hem niet zomaar op je eigen site zetten, ook niet met bronvermelding. De onderliggende cijfers zijn meestal niet beschermd, dus je mag wel dezelfde gegevens gebruiken en er je eigen beeld van maken.

Let ook op de iconen en lettertypen die je gebruikt. Veel gratis iconensets vragen naamsvermelding en sommige mogen niet commercieel worden ingezet. Dat controleer je één keer en dan weet je het.

Wat een infographic oplevert

Minder dan er vaak van wordt beweerd. Het idee dat infographics vanzelf gedeeld worden en links opleveren komt uit een tijd waarin ze nog zeldzaam waren, ergens rond 2012.

De tactiek die daarbij hoorde, was een infographic maken en er een insluitcode bij leveren met een link naar je site erin. Google heeft meermaals gezegd dat links uit meegeleverde insluitcodes niet tellen als een gewone redactionele link. Wil je weten wat wel werkt, dan staat dat in het artikel over linkbuilding.

Wat wel werkt: één goed beeld dat precies dat ene ding uitlegt waar iedereen over struikelt. Dat wordt onthouden, in een presentatie gezet en soms overgenomen met een verwijzing erbij. Dat levert wel iets op, alleen niet omdat het een infographic is, maar omdat het nuttig is.

Binnen je eigen site heeft een goede infographic nog een ander effect: mensen blijven langer op de pagina en scrollen verder. Dat helpt vooral bij lange uitlegpagina's, waar een beeld halverwege lucht geeft. Meer over hoe dat past in de rest van je aanpak staat bij contentmarketing.

Onderhoud, want daar gaat het mis

Een infographic met cijfers verouderd sneller dan je denkt. Zet daarom de peildatum in het beeld zelf, bijvoorbeeld "cijfers tot en met 2025" in de hoek. Dan weet een lezer waar hij aan toe is, ook als het beeld ergens anders opduikt.

Houd daarnaast een lijst bij van welke pagina's welke infographic gebruiken. Bij drie beelden weet je dat nog, bij vijftien niet meer, en dan blijft er ergens een versie staan met verouderde getallen.

Vervang je een infographic, gebruik dan dezelfde bestandsnaam en dezelfde URL, zodat sites die naar je beeld verwijzen de nieuwe versie krijgen. Upload je hem als nieuw bestand, dan blijft de oude gewoon bereikbaar en circuleert die door.

Maak er ten slotte niet tien. Maak er één die klopt, en werk die bij.

Veelgestelde vragen over infographics

Waarmee maak ik een infographic?

Canva is het makkelijkst als je geen ontwerpachtergrond hebt en met sjablonen wilt werken. Figma geeft meer controle en werkt prettig samen. Datawrapper is de beste keuze als het echt om cijfers gaat, want die maakt grafieken die op een telefoon leesbaar blijven. Inkscape is gratis en levert nette SVG's op.

Welk formaat moet een infographic hebben?

Er is geen vaste maat. Voor gebruik op een webpagina werkt een breedte van ongeveer 1200 pixels prettig, want dat past op de meeste schermen zonder verkleind te worden. Voor social media zijn staande verhoudingen gebruikelijker. Wat er meer toe doet dan de maat is dat je het beeld opdeelt in stukken die op een telefoon passen.

Leest Google de tekst in mijn infographic?

Nee, niet als tekst op je pagina. Zet je uitleg dus ook gewoon in tekst op de pagina en gebruik het beeld als samenvatting. Doe je dat niet, dan heeft je pagina in de ogen van een zoekmachine nauwelijks inhoud.

Wat zet ik in de alt-tekst van een infographic?

Beschrijf wat iemand mist als hij het beeld niet ziet, niet hoe het eruitziet. Bij een eenvoudige grafiek noem je de waarden. Bij een complexe infographic houd je de alt-tekst kort en zet je de volledige inhoud in tekst op de pagina zelf, want een alinea in een alt-tekst is voor een schermlezer onbruikbaar.

Hoe maak ik een infographic toegankelijk?

Zorg voor voldoende contrast tussen tekst en achtergrond, gebruik kleur nooit als enige drager van betekenis, houd de tekst groot genoeg, en zet dezelfde informatie in tekst op de pagina. Een tabel met de cijfers eronder is de eenvoudigste manier om dat laatste te doen.

Kan ik een SVG uploaden in WordPress?

Niet standaard. WordPress blokkeert SVG omdat het bestandsformaat scripts kan bevatten. Met een plugin die SVG's opschoont kan het wel. Sta het alleen toe voor beheerders en niet voor iedereen die op je site kan inloggen.

Hoe zorg ik dat mijn infographic op mobiel leesbaar is?

Deel hem op in losse blokken die onder elkaar passen, met een gewone tekstkop boven elk blok. Alternatief is een kader dat apart horizontaal schuift. Reken er niet op dat bezoekers inzoomen, want dat doen ze niet.

Mag ik een infographic van iemand anders op mijn site zetten?

Nee, niet zonder toestemming. Een infographic is een auteursrechtelijk beschermd werk en bronvermelding maakt dat niet anders. De onderliggende cijfers mag je meestal wel gebruiken om er je eigen beeld van te maken.

Leveren infographics nog links op?

Zelden vanzelf. De tactiek waarbij je een insluitcode met een link meelevert werkt niet meer zoals vroeger, want Google telt links uit zulke codes anders dan redactionele links. Een beeld dat echt iets uitlegt wordt nog wel overgenomen, en dan gaat er soms een verwijzing mee.

Hoe groot mag het bestandsformaat zijn?

Zo klein als je kunt krijgen zonder dat het lelijk wordt. Voor een beeld met vlakken en tekst haal je met SVG vaak enkele tientallen kilobytes. Lukt SVG niet, mik dan bij een pixelbestand op iets in de orde van een paar honderd kilobyte en niet op megabytes.

Wat is het verschil tussen een infographic en een grafiek?

Een grafiek toont één set gegevens. Een infographic combineert meerdere elementen, zoals grafieken, iconen, tekst en soms een tijdlijn, tot één verhaal. Voor de meeste bedrijfswebsites is een goed gemaakte grafiek met een bijschrift bruikbaarder dan een volle infographic.

Kan ik een infographic door AI laten maken?

Voor de opzet en de teksten kan dat helpen. Voor het beeld zelf blijft het lastig: beeldgeneratoren maken nog steeds tekst die van dichtbij niet klopt en getallen die niet met elkaar in verhouding staan. Laat cijfers dus door een grafiekprogramma tekenen, dat rekent tenminste.

Hoe vaak moet ik een infographic bijwerken?

Zodra de cijfers erin verouderd zijn. Zet de peildatum in het beeld en houd bij op welke pagina's hij staat, anders vergeet je hem. Vervang je hem, gebruik dan dezelfde bestandsnaam zodat sites die naar je beeld verwijzen de nieuwe versie te zien krijgen.

Is een infographic goed voor mijn vindbaarheid?

Alleen in combinatie met tekst. Het beeld zelf levert je nauwelijks vindbaarheid op, want de tekst erin telt niet mee. De pagina eromheen doet het werk. Een goede infographic zorgt er wel voor dat mensen langer blijven en verder scrollen, en dat helpt indirect.