Zo zet je PNG om naar ICO
Kies de formaten
16, 32 en 48 pixels voor een favicon; voeg 256 toe voor een Windows-pictogram.
Voeg je afbeelding toe
Een vierkante PNG met transparante achtergrond werkt het best. Andere vormen worden passend gemaakt of vierkant bijgesneden.
Download de ICO
Eén .ico-bestand per afbeelding, klaar voor gebruik.
Gemaakt op je apparaat
Je eigen browser maakt het pictogram: de afbeelding wordt lokaal verkleind en in het ICO-bestand gezet. Er wordt niets geüpload, en fotogegevens zoals de locatie komen nooit in het pictogram.
Zo gebruik je het ICO-bestand
Een ICO-bestand is een kleine container met hetzelfde pictogram in meerdere formaten, zodat elke plek die het toont het scherpste kan kiezen. Browsers gebruiken het als favicon in tabbladen en bladwijzers; Windows gebruikt het voor programma’s, snelkoppelingen en mappen.
Een favicon aan je website toevoegen
Noem het bestand favicon.ico en zet het in de hoofdmap van je website – browsers zoeken het daar automatisch. Je kunt er ook naar verwijzen in de head van je pagina’s:
<link rel="icon" href="/favicon.ico" sizes="any">
| Formaat | Waar het wordt gebruikt |
|---|---|
| 16 px | Tabbladen en bladwijzers in de browser |
| 32 px | Tabbladen op schermen met hoge resolutie, de taakbalk |
| 48 px | Snelkoppelingen en mappen in Windows |
| 256 px | Grote bureaubladpictogrammen in Windows |
Heb je een SVG-logo? Maak er eerst een PNG van met SVG naar PNG. Wil je de afbeelding eerst kleiner maken, wijzig dan het formaat.
Veelgestelde vragen
Welke formaten heeft een favicon nodig?
Browsers tonen favicons op 16 en 32 pixels, en Windows gebruikt 48 voor snelkoppelingen. Eén ICO met 16, 32 en 48 dekt dat allemaal. Telefoons gebruiken liever een apart PNG-pictogram van 180 of 192 pixels.
Blijft de transparantie behouden?
Ja. Elk formaat wordt als PNG in het pictogram opgeslagen, met volledige transparantie.
En als mijn afbeelding niet vierkant is?
Kies "Passend maken, met transparante randen" om de hele afbeelding te houden, of "Vierkant bijsnijden" om het middelste deel te nemen.
Wordt een kleine afbeelding wazig?
Een pictogram heeft precies de gekozen formaten nodig, dus een kleine afbeelding wordt voor de grotere vergroot. Begin met een afbeelding die minstens zo groot is als het grootste formaat – 256 pixels voor Windows-pictogrammen.
Werkt het ook met JPG-foto's?
Ja, elke afbeelding werkt. JPG heeft geen transparantie, dus de achtergrond van een foto blijft zoals hij is.
Worden mijn afbeeldingen geüpload?
Nee. Alles gebeurt in je browser.