Logo en beeldmerk kleine productmerken

SVG, PNG of PDF: welk logobestand gebruik je wanneer — vergelijking

Lotte van Dijk Lotte van Dijk
· · 5 min leestijd

Je hebt een prachtig logo ontworpen. De kleuren zijn perfect, de typografie staat zoals het hoort.

Inhoudsopgave
  1. PNG: de allrounder voor schermgebruik
  2. PDF: de must-have voor print en levering
  3. SVG: de toekomst van logo's op het web
  4. De snelle beslisboom: welk formaat wanneer?
  5. De gouden regel: bewaar alle drie

Maar dan komt de vraag die veel productmerken worstelt met: in welk bestandsformaat lever je dat logo nou eigenlijk aan? Want stiekem maakt dat verschil best een hoop uit — voor je website, je printjes, je socials en zelfs voor hoe professioneel je merk overkomt. Geen zorgen.

We nemen je mee door de drie meest gebruikte formaten: SVG, PNG en PDF.

Met duidelijke voor- en nadelen, praktische voorbeelden en concrete adviezen. Geen droge technobabbel, gewoon helder en to-the-point.

PNG: de allrounder voor schermgebruik

Wat is een PNG-logo precies?

PNG staat voor Portable Network Graphics. Het is een rasterbestand, wat betekent dat het logo opgebouwd is uit pixels.

Wanneer gebruik je een PNG-logo?

Denk aan een mozaïekje van kleine puntjes die samen je logo vormen. Het grote voordeel van PNG? Transparantie. Je kunt een logo met een transparante achtergrond overal neerzetten — op een gekleurde website, op een foto, op een productfoto — en het er altijd schoon uitziet.

PNG is jouw beste vriend voor digitaal gebruik. Denk aan je website, social media posts, e-mailhandtekeningen, presentaties en online advertenties.

Vrijwel elk platform ondersteunt PNG zonder problemen. Een PNG-logo van bijvoorbeeld 2000 pixels breed met een resolutie van 72 dpi is meer dan genoeg voor schermgebruik.

Wanneer is PNG minder geschikt?

Een punt om op te letten: PNG-bestanden kunnen behoorlijk groot worden, zeker bij hoge resoluties. Dat kan je website vertragen. Gelukkig kun je PNG-bestanden comprimeren met tools als TinyPNG zonder zichtbaar kwaliteitsverlies. PNG schaalt niet zonder meer op.

Als je een klein logo uitvergroot tot een gigantische banner, wordt het wazig en pixelig. En voor professionele print — denk aan verpakkingen, visitekaartjes of flyers — is PNG simpelweg niet het juiste formaat. Daar komt PDF om de hoek kijken.

PDF: de must-have voor print en levering

Wat is een PDF-logo precies?

PDF staat voor Portable Document Format. Het is een vectorgebaseerd bestand (in de meeste gevallen waar het om logo's gaat), wat betekent dat het logo wiskundige formules gebruikt om vormen te beschrijven in plaats van pixels. Het resultaat?

Wanneer gebruik je een PDF-logo?

Je kunt een PDF-logo zo groot of klein maken als je wilt, zonder enige kwaliteitsuitval. PDF is het formaat dat drukkers en ontwerpers verwachten. Als je logo afgeeft aan een drukker voor verpakkingen, stickers, shirts of ander drukwerk, dan wil je altijd een PDF (of EPS/AI) leveren.

Maar ook als je logo overdraagt aan een ander bedrijf, een webdesigner of een marketingpartner is PDF de standaard.

Een belangrijk detail over PDF en kleurmodi

Een PDF behoudt alle lagen, kleureninformatie en lettertypen. Dat maakt het ideaal voor professionele workflows. Drukwerkbureaus als Onlineprint of Printdeal werken bij voorkeur met PDF-bestanden omdat ze direct klaar zijn voor productie. Let op: voor print gebruik je bij voorkeur het kleurmodel CMYK, terwijl schermen werken met RGB.

Een goed PDF-logo bevat de juiste kleurmodus voor het beoogde gebruik. Vraag hiernaar als je logo laat ontwerpen — of zorg er zelf voor dat je beide versies hebt.

SVG: de toekomst van logo's op het web

Wat is een SVG-logo precies?

SVG staat voor Scalable Vector Graphics. Net als PDF is het een vectorbestand, maar dan specifiek ontworpen voor gebruik op het web.

Waarom is SVG zo krachtig voor je website?

Het is eigenlijk een stukje code (XML) dat je browser direct begrijpt en weergeeft. Geen download, geen wachten — het logo verschijnt direct en scherp.

Drie woorden: schaalbaarheid, snelheid en flexibiliteit. Een SVG-logo is altijd scherp, of je nu op een klein mobiel scherm kijkt of op een 4K-monitor. Het bestand is vaak kleiner dan een PNG, waardoor je website sneller laadt. En je kunt er dingen mee doen die met PNG niet mogelijk zijn: animeren met CSS, de kleuren aanpassen via je stylesheet, of het logo responsive maken.

Voor een productmerk dat serieus is over zijn online aanwezigheid is SVG echt de standaard geworden.

Waar moet je op letten bij SVG?

Platforms als Shopify, WordPress en Squarespace ondersteunen SVG-upload tegenwoordig zonder problemen. Niet elke SVG is even goed. Soms bevat een SVG-bestand onnodige code of ingewikkelde paden die het bestand zwaar maken.

Tools als SVGOMG helpen om je SVG-bestand te optimaliseren. Zorg er ook voor dat je logo in SVG de juiste viewbox heeft, zodat het altijd goed schaalt.

De snelle beslisboom: welk formaat wanneer?

Even samengevat, zodat je direct weet wat je moet doen: PNG — Gebruik je logo op je website als favicon, in e-mails, op social media en in digitale documenten.

Altijd met transparante achtergrond. PDF — Lever je logo aan drukkers, ontwerpers en partners. Gebruik het voor al je printwerk: verpakkingen, visitekaartjes, flyers en labels.

SVG — Gebruik je logo als primair bestand op je website. Het is het snelste, scherpste en meest flexibele formaat voor digitaal gebruik. Wil je weten hoe je de juiste bestandsindeling kiest?

De gouden regel: bewaar alle drie

Het korte antwoord op de vraag welk logobestand gebruik je wanneer is eigenlijk: gebruik alle drie, en bewaar ze alle drie. Een professioneel logo lever je altijd aan in meerdere formaten.

Zorg dat je na het ontwerp een complete logo-pack hebt met minstens SVG, PNG (in meerdere formaten) en PDF. Stel je voor: een klant vraagt plotseling om een bestand voor drukwerk en jij moet eerst een designer inhuren om het om te zetten. Dat kost tijd, geld en gezicht.

Met een complete set logobestanden zit je altijd goed. Investeer dus in een goede logo-aanlevering vanaf dag één.

Je merk — en je toekomstige zelf — zal je dankbaar zijn.


Lotte van Dijk
Lotte van Dijk
Expert in Duurzaam Visueel Ontwerp

Lotte helpt merken met een krachtige visuele identiteit en duurzaam design.

Meer over Logo en beeldmerk kleine productmerken

Bekijk alle 105 artikelen in deze categorie.

Naar categorie →
Lees volgende
Wat is een logo en waarom heeft jouw productmerk er één nodig
Lees verder →