Home Kennisbank Huisstijl & instellingen Hoe wijzig ik mijn logo en favicon?

Hoe wijzig ik mijn logo en favicon?

Robert Oosterloo
Bijgewerkt op · 3 min lezen

Je logo staat linksboven in de header van elke pagina. De favicon is het kleine icoontje in het tabblad van de browser. Allebei vervang je op één plek, in de Algemene opties.

In het kort

  • Ga naar Algemene opties, tabblad Logo & Basis.
  • Vervang het beeld bij Logo en bij Favicon.
  • Gebruik voor het logo een SVG of PNG met een transparante achtergrond, voor de favicon een vierkant beeld.
  • De hoogte van het logo staat vast in je huisstijl.

Nog geen website op leflite?

Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.

  • Online binnen een week
  • Hosting, SSL en back-ups inbegrepen
  • Vanaf €49,95 per maand
Website van Inspirare Coaching op een laptop

Wat heb je nodig?

  • Logo: bij voorkeur een SVG-bestand. Lukt dat niet, gebruik dan een PNG met een transparante achtergrond, ruim groot (bijvoorbeeld 600 pixels breed), zodat het scherp blijft. Snijd lege randen weg.
  • Favicon: een vierkant beeld, bijvoorbeeld alleen het beeldmerk van je logo. De website maakt er een klein vierkant van. Lange of liggende logo’s worden dan onleesbaar.

Stap 1: Ga naar Algemene opties → Logo & Basis

Klik in het menu links op Algemene opties. Het tabblad Logo & Basis staat als eerste open.

Ga met de muis over het huidige logo bij Logo en klik op het potloodje, of verwijder het met het kruisje en klik op de knop om een afbeelding toe te voegen. Kies een bestand uit de mediabibliotheek of upload een nieuw bestand. Hoe uploaden werkt, lees je in afbeeldingen uploaden in het juiste formaat.

Stap 3: Vervang de favicon

Doe hetzelfde bij Favicon. Laat je de favicon leeg, dan gebruikt de website je logo als favicon. Bij een breed logo is dat vaak onleesbaar, dus vul hem liever wel in.

Algemene opties, tabblad Logo & Basis, met de velden Logo en Favicon rood omkaderd
Vervang hier je logo en favicon.

Stap 4: Opslaan en controleren

Klik op Updaten. Open je website in een nieuw tabblad en controleer het logo bovenaan, ook op je telefoon. De favicon kan even op zich laten wachten, omdat browsers hem lang bewaren. Zie je de oude nog, open je website dan in een privévenster.

De header van een website met linksboven het logo, rood omkaderd, en rechts daarvan het menu
Het logo staat linksboven in de header en linkt naar je homepage.

Het logo is te groot of te klein

De hoogte van het logo staat vast in je huisstijl. De breedte past zich daaraan aan. Een breed logo wordt dus breder, een hoog logo smaller. Lijkt je logo klein, kijk dan eerst of er lege ruimte omheen zit in het bestand: snijd die weg. Moet de hoogte zelf anders, dan passen wij dat aan in je huisstijl. neem contact met ons op.

Wil je het logo ook in de footer of op een pagina? Gebruik in een Tekst-blok of footerwidget de shortcode [theme_option field="theme_logo"]. Die toont het logo uit de Algemene opties. Vervang je later je logo, dan verandert het daar ook. Een logo met witte letters voor een donkere footer kun je ook als gewone afbeelding plaatsen.

Heb je een webshop? Dan gaat je nieuwe logo ook naar de e-mails van je webshop, tenzij Bedrijfsgegevens niet synchroniseren naar WooCommerce aanstaat bij Webshop.

Tip: past je logo slecht bij een transparante header over een donkere foto? Lees dan de header instellen. Nieuwe kleuren bij je nieuwe logo? Zie kleuren en lettertypes.

Lukt het niet?

  • Je ziet nog het oude logo. Heb je op Updaten geklikt? Ververs de pagina of leeg de cache.
  • Het logo heeft een witte rand of vlak. Het bestand heeft geen transparante achtergrond. Gebruik een PNG met transparantie of een SVG.
  • Het logo is wazig. Het bestand is te klein. Upload een grotere versie of een SVG.
  • De favicon blijft de oude. Browsers bewaren favicons lang. Kijk in een privévenster.
  • Je kunt geen SVG uploaden. Dan staat dat niet aan op je website. neem contact met ons op.

Veelgestelde vragen

Mijn logo is te klein. Kan ik het groter maken?

De hoogte staat vast in je huisstijl. Snijd eerst lege randen uit het bestand. Moet de hoogte zelf anders, dan passen wij die voor je aan.

Deel dit artikel

Robert Oosterloo

Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.

Lees ook

Ook zo’n website?

Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.

Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een .