Waarom ziet mijn logo er wazig uit?
Je logo ziet er wazig uit omdat het als foto is opgeslagen op precies de maat waarop het getoond wordt. Op een modern scherm wordt het dan opgerekt.
Die schermen hebben twee tot drie keer zoveel echte puntjes.
Wat op jouw oude monitor prima oogt, is op een telefoon zichtbaar zacht.
De echte oorzaak
Een logo is lijnwerk, en lijnwerk hoort niet in een fotoformaat. Rechte randen worden dan zachte overgangen.
Meer daarover lees je bij pixel.
De oplossing in één stap
Vervang je logo door een vectorbestand. Dat is wiskundig beschreven en blijft op elk formaat scherp.
Meer daarover lees je bij of een vectorbestand beter is.
Als dat niet kan
Lever je logo dan aan op twee of drie keer de weergavemaat, als png met een doorzichtige achtergrond.
Meer daarover lees je bij hoe je aanlevert voor een retina-scherm.
Mijn vuistregels
- Logo altijd als vectorbestand.
- Kan dat niet: png op drie keer de maat.
- Nooit een logo als jpeg.
- Controleer op een telefoon.
Die derde is de vaakste fout: een jpeg geeft altijd rafelige randen rond lijnwerk.
Waarom je het zelf niet ziet
Omdat je waarschijnlijk op een ouder scherm werkt. Bekijk je site eens op je telefoon, dan valt het meteen op.
Meer daarover lees je bij mobile first.
Wat je van je ontwerper vraagt
Het bronbestand van je logo, plus een vectorversie voor het web. Dat hoort bij de oplevering.
Meer daarover lees je bij favicon.