Welk formaat uw websitelogo moet hebben: headerhoogte in CSS-pixels, retina 2x-bestanden, SVG of PNG, plus formaten voor favicon, Apple touch icon, deelafbeelding en Google-logo.
Er bestaat niet één verplicht logoformaat. De meeste siteheaders tonen het logo op desktop zo'n 32 tot 60 CSS-pixels hoog en op telefoons iets kleiner, waarbij de breedte de vorm van het logo volgt. Gebruik zo mogelijk een SVG; exporteer anders een PNG op twee keer het weergaveformaat, zodat hij scherp blijft op schermen met hoge pixeldichtheid.
Logo- en icoonformaten in het kort (stand oktober 2026)
Vragen over logoformaat ontstaan meestal door een wazig of piepklein logo nadat de site live is gegaan. De oplossing is denken in twee getallen: het formaat waarop het getoond wordt, gemeten in CSS-pixels, en het formaat van het bestand, dat groter moet zijn. Upload hieronder uw eigen logo om beide te zien, in een desktop- en een telefoonheader, zonder dat er iets uw computer verlaat.
Geen standaard legt dat vast. Als ruwe richtlijn tonen de meeste headers het logo op desktop zo'n 32 tot 60 CSS-pixels hoog en op telefoons rond 28 tot 44. Een lang woordmerk kan lager staan dan een compact vierkant beeldmerk. Gebruik het voorbeeld hierboven om uw eigen logo te beoordelen.
SVG is een vectorformaat, dus het blijft op elk formaat scherp en het bestand is vaak heel klein. Gebruik PNG als het logo fotografische details bevat of als uw platform geen SVG accepteert, en exporteer het op twee keer het weergaveformaat.
Schermen met hoge pixeldichtheid gebruiken meer dan één apparaatpixel per CSS-pixel. Een logo dat 40 px hoog wordt getoond oogt scherp op een 2x-scherm als het bestand minstens 80 px hoog is. Met het img-attribuut srcset kunt u een 1x- en een 2x-bestand aanbieden en de browser laten kiezen.
Google zegt dat een favicon vierkant en minstens 8x8 px moet zijn, en raadt er een aan die groter is dan 48x48 px. Onze gids over faviconformaten noemt de gangbare bestanden en de HTML om ze te koppelen.
De fotorichtlijnen van Google voor Bedrijfsprofiel noemen JPG of PNG, 10 KB tot 5 MB, 720 x 720 px aanbevolen en minimaal 250 x 250 px. De helppagina noemt geen aparte afmetingen voor logo's, dus een vierkant logo van 720 x 720 px is een veilige keuze.
De hoogte komt uit CSS; de breedte volgt de vorm van het logo. De width- en height-attributen reserveren ruimte tijdens het laden.
logo.png is 44 px hoog, [email protected] is 88 px hoog. De browser kiest het 2x-bestand op schermen met hoge pixeldichtheid.
Een favicon, een Apple touch icon en een deelafbeelding, elk gemaakt van de vierkante versie van uw logo.
Uw logobestand
Er wordt een voorbeeldlogo getoond tot u een bestand kiest.
Hoogte van het logo in de header: {v} px
Desktopheader
Menu
Rapport
Bestandsformaat: {w} x {h} px.
SVG schaalt op elke hoogte zonder wazig te worden.
Voor scherpe resultaten op 2x-schermen bij deze hoogte moet het bestand minstens {v} px hoog zijn.
Uw bestand is groot genoeg voor deze hoogte op 2x-schermen.
Uw bestand is kleiner dan dat, dus het kan zacht ogen op schermen met hoge pixeldichtheid.
CSS voor deze hoogte
Uw bestand wordt alleen door uw browser gelezen en nooit geüpload.
Voorbeeldlogo
Uw logo
Gratis beginnen · Geen creditcard nodig