slepen, klikken of plakken uit klembord

Loslaten om toe te voegen

PNG naar ICO – favicon maken met meerdere formaten

Een favicon is het kleine icoontje in de browsertab, in bladwijzers en in Windows Verkenner naast uitvoerbare bestanden. Browsers en besturingssystemen verwachten een ICO-bestand omdat dat formaat meerdere resoluties tegelijk opslaat: het systeem kiest automatisch de scherpste versie voor het weergaveformaat.

Upload je PNG-logo, zet het om naar ICO en je hebt een favicon.ico klaar voor je website of applicatie. Het ICO-bestand bevat meerdere maten zodat je er altijd scherp uitziet, van een 16×16 pixel tabblad tot een 256×256 bureaubladsnelkoppeling.

Welke resoluties zitten er in het ICO-bestand?

Een goed favicon.ico bevat minimaal de formaten 16×16, 32×32 en 48×48 pixels. Moderne websites voegen ook 256×256 toe voor Windows-bladwijzers en toepassingen die een hogere resolutie tonen op Retina-schermen. Enhydra RPO genereert de standaardresoluties automatisch uit jouw PNG-bron, schaalbaar omlaag vanuit de originele afmetingen.

Het is verstandig om je PNG te beginnen op minimaal 256×256 pixels zodat alle doelformaten met voldoende detail kunnen worden geschaald. Een klein 32×32 PNG als bron levert een uitgerekte, wazige ICO op.

Favicon plaatsen op je website

Na de download upload je het favicon.ico naar de hoofdmap van je website (dezelfde map als index.html). Voeg daarna de volgende tag toe in de <head> van je HTML:

<link rel='icon' href='/favicon.ico'>

Moderne browsers herkennen favicon.ico ook automatisch als je het in de hoofdmap plaatst, zonder de link-tag, maar de tag is een betere gewoonte. Voor extra ondersteuning op iOS en Android voeg je ook PNG-versies toe via apple-touch-icon en manifest.json.

Transparantie in het ICO-bestand

Als je PNG een transparante achtergrond heeft, wordt die bewaard in het ICO-bestand. Dat is precies wat je wilt voor een favicon: het icoontje zweeft zichtbaar op de kleurrijke achtergrond van de browsertab. Zorg dat je PNG-bron al de gewenste uitsnede heeft voor je uploadt, zodat het icoontje er op elke achtergrondkleur goed uitziet.

FAQ

Kan ik elk PNG-bestand als favicon gebruiken?

Technisch wel, maar het beste resultaat geef je met een eenvoudig, herkenbaar ontwerp op minimaal 256×256 pixels. Complexe foto's ogen op 16×16 als een kleurenvlek.

Moet mijn PNG vierkant zijn voor een ICO?

Niet verplicht, maar sterk aanbevolen. ICO-formaten zijn vierkant; een niet-vierkante PNG wordt bijgesneden of ingepast met witruimte, afhankelijk van de instellingen.

Werkt het resulterende ICO op alle browsers?

Ja. Het ICO-formaat wordt ondersteund door alle browsers en alle versies van Windows. Het is de meest universele keuze voor favicon.ico.

Hoeveel PNG-bestanden kan ik tegelijk omzetten?

Tot 200 bestanden per batch, elk tot 80 MB. Elk PNG levert één ICO op; download als ZIP.