Waarom is mijn logo als SVG scherper?
Je logo is als SVG scherper omdat er geen vaste pixels in zitten. De browser tekent de vormen opnieuw, precies op de dichtheid van het scherm.
Een png heeft een vast aantal puntjes.
Wordt die uitgerekt, dan wordt hij zacht.

Wat er bij een png gebeurt
Een logo van tweehonderd pixels breed op een scherm met dubbele dichtheid wordt over vierhonderd puntjes uitgesmeerd. Dat zie je aan de randen.
Meer daarover lees je bij retina.
Wat er bij een SVG gebeurt
De browser leest de vormen en tekent ze op de exacte maat. Bij elke dichtheid, bij elke zoomstand.
Meer daarover lees je bij pixel.
Het bijkomende voordeel
Je hoeft geen twee of drie varianten aan te leveren. Eén bestand volstaat voor alles.
Meer daarover lees je bij wat SVG is.
Mijn vuistregels
- Logo altijd als SVG.
- Zet tekst om naar vormen.
- Houd een png achter de hand voor e-mail.
- Controleer op een telefoon.
Die tweede voorkomt dat je logo terugvalt op een lettertype dat de bezoeker niet heeft.
Waar SVG niet werkt
In e-mail. Veel mailprogramma’s tonen het niet, dus daar gebruik je een png.
Meer daarover lees je bij favicon.
Wat je van je ontwerper vraagt
Een SVG met omgezette tekst, opgeruimd en zonder overbodige informatie.
Meer daarover lees je bij hoe je je logo als SVG krijgt.